{"version":3,"sources":["webpack:///../../../../src/components/VColorPicker/util/index.ts","webpack:///../../../src/components/VColorPicker/VColorPickerPreview.ts","webpack:///../../../src/components/VColorPicker/VColorPickerCanvas.ts","webpack:///../../../src/components/VColorPicker/VColorPickerEdit.ts","webpack:///../../../src/components/VColorPicker/VColorPickerSwatches.ts","webpack:///../../../src/components/VColorPicker/VColorPicker.ts","webpack:///./src/demo/usages/color-pickers.vue?8a3c","webpack:///src/demo/usages/color-pickers.vue","webpack:///./src/demo/usages/color-pickers.vue?1eef","webpack:///./src/demo/usages/color-pickers.vue","webpack:///./src/demo/usages/usage.js"],"names":["hsva","hexa","hsla","rgba","alpha","hex","hue","fromHexa","has","key","k","obj","fromRGBA","r","g","b","a","color","oldColor","parseFloat","fromHSLA","fromHSVA","rest","input","shouldStrip","name","props","disabled","hideAlpha","Boolean","methods","genAlpha","this","genTrack","staticClass","thumbColor","hideDetails","value","step","min","max","style","backgroundImage","$vuetify","rtl","on","val","genSliders","$createElement","genDot","background","genHue","h","VSlider","class","options","render","type","default","dotSize","Number","height","width","data","boundingRect","left","top","computed","dot","x","s","parseInt","y","watch","mounted","emitColor","v","updateCanvas","canvas","$refs","ctx","saturationGradient","valueGradient","handleClick","$el","e","handleMouseDown","window","handleMouseMove","handleMouseUp","genCanvas","ref","attrs","radius","transform","click","mousedown","modes","inputs","from","hideModeSwitch","mode","validator","Object","internalMode","currentMode","created","getValue","Math","parseValue","changeMode","index","newMode","genInput","domProps","target","genInputs","maxlength","change","el","newVal","genSwitch","VBtn","small","icon","VIcon","parseDefaultColors","colors","white","fromHex","black","mixins","swatches","maxWidth","maxHeight","String","genColor","content","parseColor","dark","light","genSwatches","map","swatch","canvasHeight","flat","hideCanvas","hideSliders","hideInputs","showSwatches","swatchesMaxHeight","internalValue","hasAlpha","handler","immediate","updateColor","extractColor","genControls","genEdit","genPreview","VSheet","elevationClasses","_vm","_h","_c","_self","_b","staticRenderFns","component","VColorPicker","VContainer","VRow"],"mappings":"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","file":"js/usages13.efe1840e.js","sourcesContent":["// Utilities\nimport {\n  HSVA,\n  HSVAtoRGBA,\n  HSVAtoHex,\n  RGBA,\n  Hex,\n  RGBAtoHSVA,\n  HexToHSVA,\n  HSLA,\n  HSVAtoHSLA,\n  RGBAtoHex,\n  HSLAtoHSVA,\n  parseHex,\n  Hexa,\n} from '../../../util/colorUtils'\n\nexport interface VColorPickerColor {\n  alpha: number\n  hex: Hex\n  hexa: Hexa\n  hsla: HSLA\n  hsva: HSVA\n  hue: number\n  rgba: RGBA\n}\n\nexport function fromHSVA (hsva: HSVA): VColorPickerColor {\n  hsva = { ...hsva }\n  const hexa = HSVAtoHex(hsva)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHSLA (hsla: HSLA): VColorPickerColor {\n  const hsva = HSLAtoHSVA(hsla)\n  const hexa = HSVAtoHex(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromRGBA (rgba: RGBA): VColorPickerColor {\n  const hsva = RGBAtoHSVA(rgba)\n  const hexa = RGBAtoHex(rgba)\n  const hsla = HSVAtoHSLA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHexa (hexa: Hexa): VColorPickerColor {\n  const hsva = HexToHSVA(hexa)\n  const hsla = HSVAtoHSLA(hsva)\n  const rgba = HSVAtoRGBA(hsva)\n  return {\n    alpha: hsva.a,\n    hex: hexa.substr(0, 7),\n    hexa,\n    hsla,\n    hsva,\n    hue: hsva.h,\n    rgba,\n  }\n}\n\nexport function fromHex (hex: Hex): VColorPickerColor {\n  return fromHexa(parseHex(hex))\n}\n\nfunction has (obj: object, key: string[]) {\n  return key.every(k => obj.hasOwnProperty(k))\n}\n\nexport function parseColor (color: any, oldColor: VColorPickerColor | null) {\n  if (!color) return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n\n  if (typeof color === 'string') {\n    if (color === 'transparent') return fromHexa('#00000000')\n\n    const hex = parseHex(color)\n\n    if (oldColor && hex === oldColor.hexa) return oldColor\n    else return fromHexa(hex)\n  }\n\n  if (typeof color === 'object') {\n    if (color.hasOwnProperty('alpha')) return color\n\n    const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1\n\n    if (has(color, ['r', 'g', 'b'])) {\n      if (oldColor && color === oldColor.rgba) return oldColor\n      else return fromRGBA({ ...color, a })\n    } else if (has(color, ['h', 's', 'l'])) {\n      if (oldColor && color === oldColor.hsla) return oldColor\n      else return fromHSLA({ ...color, a })\n    } else if (has(color, ['h', 's', 'v'])) {\n      if (oldColor && color === oldColor.hsva) return oldColor\n      else return fromHSVA({ ...color, a })\n    }\n  }\n\n  return fromRGBA({ r: 255, g: 0, b: 0, a: 1 })\n}\n\nfunction stripAlpha (color: any, stripAlpha: boolean) {\n  if (stripAlpha) {\n    const { a, ...rest } = color\n\n    return rest\n  }\n\n  return color\n}\n\nexport function extractColor (color: VColorPickerColor, input: any) {\n  if (input == null) return color\n\n  if (typeof input === 'string') {\n    return input.length === 7 ? color.hex : color.hexa\n  }\n\n  if (typeof input === 'object') {\n    const shouldStrip = typeof input.a === 'number' && input.a === 0 ? !!input.a : !input.a\n    if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, shouldStrip)\n    else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, shouldStrip)\n    else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, shouldStrip)\n  }\n\n  return color\n}\n\nexport function hasAlpha (color: any) {\n  if (!color) return false\n\n  if (typeof color === 'string') {\n    return color.length > 7\n  }\n\n  if (typeof color === 'object') {\n    return has(color, ['a']) || has(color, ['alpha'])\n  }\n\n  return false\n}\n","// Styles\nimport './VColorPickerPreview.sass'\n\n// Components\nimport VSlider from '../VSlider/VSlider'\n\n// Utilities\nimport { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'\n\n// Types\nimport Vue, { VNode, VNodeData, PropType } from 'vue'\nimport { VColorPickerColor, fromHSVA } from './util'\n\nexport default Vue.extend({\n  name: 'v-color-picker-preview',\n\n  props: {\n    color: Object as PropType<VColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  methods: {\n    genAlpha (): VNode {\n      return this.genTrack({\n        staticClass: 'v-color-picker__alpha',\n        props: {\n          thumbColor: 'grey lighten-2',\n          hideDetails: true,\n          value: this.color.alpha,\n          step: 0,\n          min: 0,\n          max: 1,\n        },\n        style: {\n          backgroundImage: this.disabled\n            ? undefined\n            : `linear-gradient(to ${this.$vuetify.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`,\n        },\n        on: {\n          input: (val: number) => this.color.alpha !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva, a: val })),\n        },\n      })\n    },\n    genSliders (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__sliders',\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha(),\n      ])\n    },\n    genDot (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__dot',\n      }, [\n        this.$createElement('div', {\n          style: {\n            background: RGBAtoCSS(this.color.rgba),\n          },\n        }),\n      ])\n    },\n    genHue (): VNode {\n      return this.genTrack({\n        staticClass: 'v-color-picker__hue',\n        props: {\n          thumbColor: 'grey lighten-2',\n          hideDetails: true,\n          value: this.color.hue,\n          step: 0,\n          min: 0,\n          max: 360,\n        },\n        on: {\n          input: (val: number) => this.color.hue !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva, h: val })),\n        },\n      })\n    },\n    genTrack (options: VNodeData): VNode {\n      return this.$createElement(VSlider, {\n        class: 'v-color-picker__track',\n        ...options,\n        props: {\n          disabled: this.disabled,\n          ...options.props,\n        },\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__preview',\n      class: {\n        'v-color-picker__preview--hide-alpha': this.hideAlpha,\n      },\n    }, [\n      this.genDot(),\n      this.genSliders(),\n    ])\n  },\n})\n","// Styles\nimport './VColorPickerCanvas.sass'\n\n// Helpers\nimport { clamp, convertToUnit } from '../../util/helpers'\nimport { fromHSVA, VColorPickerColor, fromRGBA } from './util'\n\n// Types\nimport Vue, { VNode, PropType } from 'vue'\n\nexport default Vue.extend({\n  name: 'v-color-picker-canvas',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      default: () => fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    height: {\n      type: [Number, String],\n      default: 150,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data () {\n    return {\n      boundingRect: {\n        width: 0,\n        height: 0,\n        left: 0,\n        top: 0,\n      } as ClientRect,\n    }\n  },\n\n  computed: {\n    dot (): { x: number, y: number} {\n      if (!this.color) return { x: 0, y: 0 }\n\n      return {\n        x: this.color.hsva.s * parseInt(this.width, 10),\n        y: (1 - this.color.hsva.v) * parseInt(this.height, 10),\n      }\n    },\n  },\n\n  watch: {\n    'color.hue': 'updateCanvas',\n  },\n\n  mounted () {\n    this.updateCanvas()\n  },\n\n  methods: {\n    emitColor (x: number, y: number) {\n      const { left, top, width, height } = this.boundingRect\n\n      this.$emit('update:color', fromHSVA({\n        h: this.color.hue,\n        s: clamp(x - left, 0, width) / width,\n        v: 1 - clamp(y - top, 0, height) / height,\n        a: this.color.alpha,\n      }))\n    },\n    updateCanvas () {\n      if (!this.color) return\n\n      const canvas = this.$refs.canvas as HTMLCanvasElement\n      const ctx = canvas.getContext('2d')\n\n      if (!ctx) return\n\n      const saturationGradient = ctx.createLinearGradient(0, 0, canvas.width, 0)\n      saturationGradient.addColorStop(0, 'hsla(0, 0%, 100%, 1)') // white\n      saturationGradient.addColorStop(1, `hsla(${this.color.hue}, 100%, 50%, 1)`)\n      ctx.fillStyle = saturationGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n\n      const valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height)\n      valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)') // transparent\n      valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)') // black\n      ctx.fillStyle = valueGradient\n      ctx.fillRect(0, 0, canvas.width, canvas.height)\n    },\n    handleClick (e: MouseEvent) {\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n      this.emitColor(e.clientX, e.clientY)\n    },\n    handleMouseDown (e: MouseEvent) {\n      // To prevent selection while moving cursor\n      e.preventDefault()\n\n      if (this.disabled) return\n\n      this.boundingRect = this.$el.getBoundingClientRect()\n\n      window.addEventListener('mousemove', this.handleMouseMove)\n      window.addEventListener('mouseup', this.handleMouseUp)\n    },\n    handleMouseMove (e: MouseEvent) {\n      if (this.disabled) return\n\n      this.emitColor(e.clientX, e.clientY)\n    },\n    handleMouseUp () {\n      window.removeEventListener('mousemove', this.handleMouseMove)\n      window.removeEventListener('mouseup', this.handleMouseUp)\n    },\n    genCanvas (): VNode {\n      return this.$createElement('canvas', {\n        ref: 'canvas',\n        attrs: {\n          width: this.width,\n          height: this.height,\n        },\n      })\n    },\n    genDot (): VNode {\n      const radius = parseInt(this.dotSize, 10) / 2\n      const x = convertToUnit(this.dot.x - radius)\n      const y = convertToUnit(this.dot.y - radius)\n\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__canvas-dot',\n        class: {\n          'v-color-picker__canvas-dot--disabled': this.disabled,\n        },\n        style: {\n          width: convertToUnit(this.dotSize),\n          height: convertToUnit(this.dotSize),\n          transform: `translate(${x}, ${y})`,\n        },\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__canvas',\n      style: {\n        width: convertToUnit(this.width),\n        height: convertToUnit(this.height),\n      },\n      on: {\n        click: this.handleClick,\n        mousedown: this.handleMouseDown,\n      },\n    }, [\n      this.genCanvas(),\n      this.genDot(),\n    ])\n  },\n})\n","// Styles\nimport './VColorPickerEdit.sass'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport Vue, { VNode, PropType } from 'vue'\nimport { VColorPickerColor, fromRGBA, fromHexa, fromHSLA } from './util'\n\ntype Input = [string, number, string]\n\nexport type Mode = {\n  inputs?: Input[]\n  from: Function\n}\n\nexport const modes = {\n  rgba: {\n    inputs: [\n      ['r', 255, 'int'],\n      ['g', 255, 'int'],\n      ['b', 255, 'int'],\n      ['a', 1, 'float'],\n    ],\n    from: fromRGBA,\n  },\n  hsla: {\n    inputs: [\n      ['h', 360, 'int'],\n      ['s', 1, 'float'],\n      ['l', 1, 'float'],\n      ['a', 1, 'float'],\n    ],\n    from: fromHSLA,\n  },\n  hexa: {\n    from: fromHexa,\n  },\n} as { [key: string]: Mode }\n\nexport default Vue.extend({\n  name: 'v-color-picker-edit',\n\n  props: {\n    color: Object as PropType<VColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n  },\n\n  data () {\n    return {\n      modes,\n      internalMode: this.mode,\n    }\n  },\n\n  computed: {\n    currentMode (): Mode {\n      return this.modes[this.internalMode]\n    },\n  },\n\n  watch: {\n    mode (mode) {\n      this.internalMode = mode\n    },\n  },\n\n  created () {\n    this.internalMode = this.mode\n  },\n\n  methods: {\n    getValue (v: any, type: string) {\n      if (type === 'float') return Math.round(v * 100) / 100\n      else if (type === 'int') return Math.round(v)\n      else return 0\n    },\n    parseValue (v: string, type: string) {\n      if (type === 'float') return parseFloat(v)\n      else if (type === 'int') return parseInt(v, 10) || 0\n      else return 0\n    },\n    changeMode () {\n      const modes = Object.keys(this.modes)\n      const index = modes.indexOf(this.internalMode)\n      const newMode = modes[(index + 1) % modes.length]\n      this.internalMode = newMode\n      this.$emit('update:mode', newMode)\n    },\n    genInput (target: string, attrs: any, value: any, on: any): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__input',\n      }, [\n        this.$createElement('input', {\n          key: target,\n          attrs,\n          domProps: {\n            value,\n          },\n          on,\n        }),\n        this.$createElement('span', target.toUpperCase()),\n      ])\n    },\n    genInputs (): VNode[] | VNode {\n      if (this.internalMode === 'hexa') {\n        const hex = this.color.hexa\n        const value = this.hideAlpha && hex.endsWith('FF') ? hex.substr(0, 7) : hex\n        return this.genInput(\n          'hex',\n          {\n            maxlength: this.hideAlpha ? 7 : 9,\n            disabled: this.disabled,\n          },\n          value,\n          {\n            change: (e: Event) => {\n              const el = e.target as HTMLInputElement\n              this.$emit('update:color', this.currentMode.from(parseHex(el.value)))\n            },\n          }\n        )\n      } else {\n        const inputs = this.hideAlpha ? this.currentMode.inputs!.slice(0, -1) : this.currentMode.inputs!\n        return inputs.map(([target, max, type]) => {\n          const value = this.color[this.internalMode as keyof VColorPickerColor] as any\n          return this.genInput(\n            target,\n            {\n              type: 'number',\n              min: 0,\n              max,\n              step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,\n              disabled: this.disabled,\n            },\n            this.getValue(value[target], type),\n            {\n              input: (e: Event) => {\n                const el = e.target as HTMLInputElement\n                const newVal = this.parseValue(el.value || '0', type)\n\n                this.$emit('update:color', this.currentMode.from(\n                  Object.assign({}, value, { [target]: newVal }),\n                  this.color.alpha\n                ))\n              },\n            }\n          )\n        })\n      }\n    },\n    genSwitch (): VNode {\n      return this.$createElement(VBtn, {\n        props: {\n          small: true,\n          icon: true,\n          disabled: this.disabled,\n        },\n        on: {\n          click: this.changeMode,\n        },\n      }, [\n        this.$createElement(VIcon, '$unfold'),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__edit',\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch(),\n    ])\n  },\n})\n","// Styles\nimport './VColorPickerSwatches.sass'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { VColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\nimport { contrastRatio } from '../../util/colorUtils'\n\nfunction parseDefaultColors (colors: Record<string, Record<string, string>>) {\n  return Object.keys(colors).map(key => {\n    const color = colors[key]\n    return color.base ? [\n      color.base,\n      color.darken4,\n      color.darken3,\n      color.darken2,\n      color.darken1,\n      color.lighten1,\n      color.lighten2,\n      color.lighten3,\n      color.lighten4,\n      color.lighten5,\n    ] : [\n      color.black,\n      color.white,\n      color.transparent,\n    ]\n  })\n}\n\nconst white = fromHex('#FFFFFF').rgba\nconst black = fromHex('#000000').rgba\n\nexport default mixins(Themeable).extend({\n  name: 'v-color-picker-swatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    color: Object as PropType<VColorPickerColor>,\n    maxWidth: [Number, String],\n    maxHeight: [Number, String],\n  },\n\n  methods: {\n    genColor (color: string) {\n      const content = this.$createElement('div', {\n        style: {\n          background: color,\n        },\n      }, [\n        deepEqual(this.color, parseColor(color, null)) && this.$createElement(VIcon, {\n          props: {\n            small: true,\n            dark: contrastRatio(this.color.rgba, white) > 2 && this.color.alpha > 0.5,\n            light: contrastRatio(this.color.rgba, black) > 2 && this.color.alpha > 0.5,\n          },\n        }, '$success'),\n      ])\n\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__color',\n        on: {\n          // TODO: Less hacky way of catching transparent\n          click: () => this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color)),\n        },\n      }, [content])\n    },\n    genSwatches () {\n      return this.swatches.map(swatch => {\n        const colors = swatch.map(this.genColor)\n\n        return this.$createElement('div', {\n          staticClass: 'v-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-color-picker__swatches',\n      style: {\n        maxWidth: convertToUnit(this.maxWidth),\n        maxHeight: convertToUnit(this.maxHeight),\n      },\n    }, [\n      this.$createElement('div', this.genSwatches()),\n    ])\n  },\n})\n","// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport mixins from '../../util/mixins'\nimport { deepEqual } from '../../util/helpers'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(Elevatable, Themeable).extend({\n  name: 'v-color-picker',\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    flat: Boolean,\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    value: {\n      type: [Object, String],\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data: () => ({\n    internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n  }),\n\n  computed: {\n    hideAlpha (): boolean {\n      if (!this.value) return false\n\n      return !hasAlpha(this.value)\n    },\n  },\n\n  watch: {\n    value: {\n      handler (color: any) {\n        this.updateColor(parseColor(color, this.internalValue))\n      },\n      immediate: true,\n    },\n  },\n\n  methods: {\n    updateColor (color: VColorPickerColor) {\n      this.internalValue = color\n      const value = extractColor(this.internalValue, this.value)\n\n      if (!deepEqual(value, this.value)) {\n        this.$emit('input', value)\n        this.$emit('update:color', this.internalValue)\n      }\n    },\n    genCanvas (): VNode {\n      return this.$createElement(VColorPickerCanvas, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          dotSize: this.dotSize,\n          width: this.width,\n          height: this.canvasHeight,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genControls (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__controls',\n      }, [\n        !this.hideSliders && this.genPreview(),\n        !this.hideInputs && this.genEdit(),\n      ])\n    },\n    genEdit (): VNode {\n      return this.$createElement(VColorPickerEdit, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n          hideModeSwitch: this.hideModeSwitch,\n          mode: this.mode,\n        },\n        on: {\n          'update:color': this.updateColor,\n          'update:mode': (v: Mode) => this.$emit('update:mode', v),\n        },\n      })\n    },\n    genPreview (): VNode {\n      return this.$createElement(VColorPickerPreview, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genSwatches (): VNode {\n      return this.$createElement(VColorPickerSwatches, {\n        props: {\n          dark: this.dark,\n          light: this.light,\n          swatches: this.swatches,\n          color: this.internalValue,\n          maxHeight: this.swatchesMaxHeight,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n  },\n\n  render (h): VNode {\n    return h(VSheet, {\n      staticClass: 'v-color-picker',\n      class: {\n        'v-color-picker--flat': this.flat,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n      props: {\n        maxWidth: this.width,\n      },\n    }, [\n      !this.hideCanvas && this.genCanvas(),\n      (!this.hideSliders || !this.hideInputs) && this.genControls(),\n      this.showSwatches && this.genSwatches(),\n    ])\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"fill-height\"},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-color-picker',_vm._b({},'v-color-picker',_vm.attrs,false))],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container class=\"fill-height\">\r\n    <v-row\r\n      align=\"center\"\r\n      justify=\"center\"\r\n    >\r\n      <v-color-picker\r\n        v-bind=\"attrs\"\r\n      />\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\n  import Usage from './usage'\r\n\r\n  export default {\r\n    mixins: [Usage],\r\n  }\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./color-pickers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./color-pickers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./color-pickers.vue?vue&type=template&id=20a34f6f&\"\nimport script from \"./color-pickers.vue?vue&type=script&lang=js&\"\nexport * from \"./color-pickers.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VColorPicker } from 'vuetify/lib/components/VColorPicker';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VColorPicker,VContainer,VRow})\n","export default {\n  props: {\n    attrs: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n}\n"],"sourceRoot":""}