paraview-glance/src/components/widgets/PalettePicker/script.js

Web application for Visualizing Scientific and Medical datasets

// ----------------------------------------------------------------------------
// Component
// ----------------------------------------------------------------------------

export default {
  name: 'PalettePicker',
  props: {
    palette: {
      type: Array,
      default: () => [],
    },
    size: {
      type: Number,
      default: 24,
    },
    value: {
      type: String,
      default: '',
    },
  },
  computed: {
    selectedColor() {
      return this.value.toLowerCase();
    },
  },
  methods: {
    getStyles(color) {
      return {
        width: `${this.size}px`,
        height: `${this.size}px`,
        background: color,
      };
    },
  },
};