1 line
4.8 KiB
Plaintext
1 line
4.8 KiB
Plaintext
{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerPreview.ts"],"names":[],"mappings":"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","sourcesContent":["// 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 } from 'vue'\nimport { PropValidator } from 'vue/types/options'\nimport { VColorPickerColor, fromHSVA } from './util'\n\nexport default Vue.extend({\n name: 'v-color-picker-preview',\n\n props: {\n color: Object as PropValidator<VColorPickerColor>,\n disabled: 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 ? `linear-gradient(to right, transparent, ${RGBtoCSS(this.color.rgba)})`\n : undefined,\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.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 }, [\n this.genDot(),\n this.genSliders(),\n ])\n },\n})\n"],"sourceRoot":"","file":"VColorPickerPreview.js"} |