kdutify 2.6.1 → 2.7.2

package/lib/components/KColorPicker/KColorPickerEdit.js

@@ -1,11 +1,11 @@
 // Styles
-import "..\\..\\..\\src\\components\\KColorPicker\\KColorPickerEdit.sass"; // Components
-
+import "..\\..\\..\\src\\components\\KColorPicker\\KColorPickerEdit.sass";
+// Components
 import KBtn from '../KBtn';
-import KIcon from '../KIcon'; // Helpers
-
-import { parseHex } from '../../util/colorUtils'; // Types
-
+import KIcon from '../KIcon';
+// Helpers
+import { parseHex } from '../../util/colorUtils';
+// Types
 import Kdu from 'kdu';
 import { fromRGBA, fromHexa, fromHSLA } from './util';
 export const modes = {
@@ -34,40 +34,32 @@ export default Kdu.extend({
       validator: v => Object.keys(modes).includes(v)
     }
   },
-
   data() {
     return {
       modes,
       internalMode: this.mode
     };
   },
-
   computed: {
     currentMode() {
       return this.modes[this.internalMode];
     }
-
   },
   watch: {
     mode(mode) {
       this.internalMode = mode;
     }
-
   },
-
   created() {
     this.internalMode = this.mode;
   },
-
   methods: {
     getValue(v, type) {
       if (type === 'float') return Math.round(v * 100) / 100;else if (type === 'int') return Math.round(v);else return 0;
     },
-
     parseValue(v, type) {
       if (type === 'float') return parseFloat(v);else if (type === 'int') return parseInt(v, 10) || 0;else return 0;
     },
-
     changeMode() {
       const modes = Object.keys(this.modes);
       const index = modes.indexOf(this.internalMode);
@@ -75,7 +67,6 @@ export default Kdu.extend({
       this.internalMode = newMode;
       this.$emit('update:mode', newMode);
     },
-
     genInput(target, attrs, value, on) {
       return this.$createElement('div', {
         staticClass: 'k-color-picker__input'
@@ -88,7 +79,6 @@ export default Kdu.extend({
         on
       }), this.$createElement('span', target.toUpperCase())]);
     },
-
     genInputs() {
       if (this.internalMode === 'hexa') {
         const hex = this.color.hexa;
@@ -124,7 +114,6 @@ export default Kdu.extend({
         });
       }
     },
-
     genSwitch() {
       return this.$createElement(KBtn, {
         props: {
@@ -137,14 +126,11 @@ export default Kdu.extend({
         }
       }, [this.$createElement(KIcon, '$unfold')]);
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-color-picker__edit'
     }, [this.genInputs(), !this.hideModeSwitch && this.genSwitch()]);
   }
-
 });
 //# sourceMappingURL=KColorPickerEdit.js.map

package/lib/components/KColorPicker/KColorPickerEdit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KColorPicker/KColorPickerEdit.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPickerEdit.sass'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { KColorPickerColor, 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 Kdu.extend({\n  name: 'k-color-picker-edit',\n\n  props: {\n    color: Object as PropType<KColorPickerColor>,\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): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-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 (): KNode[] | KNode {\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 KColorPickerColor] 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 (): KNode {\n      return this.$createElement(KBtn, {\n        props: {\n          small: true,\n          icon: true,\n          disabled: this.disabled,\n        },\n        on: {\n          click: this.changeMode,\n        },\n      }, [\n        this.$createElement(KIcon, '$unfold'),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-color-picker__edit',\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KColorPickerEdit.js"}
+{"version":3,"sources":["../../../src/components/KColorPicker/KColorPickerEdit.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPickerEdit.sass'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\n\n// Helpers\nimport { parseHex } from '../../util/colorUtils'\n\n// Types\nimport Kdu, { KNode, PropType } from 'kdu'\nimport { KColorPickerColor, 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 Kdu.extend({\n  name: 'k-color-picker-edit',\n\n  props: {\n    color: Object as PropType<KColorPickerColor>,\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): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-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 (): KNode[] | KNode {\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 KColorPickerColor] 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 (): KNode {\n      return this.$createElement(KBtn, {\n        props: {\n          small: true,\n          icon: true,\n          disabled: this.disabled,\n        },\n        on: {\n          click: this.changeMode,\n        },\n      }, [\n        this.$createElement(KIcon, '$unfold'),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-color-picker__edit',\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KColorPickerEdit.js"}

package/lib/components/KColorPicker/KColorPickerPreview.js

@@ -1,10 +1,10 @@
 // Styles
-import "..\\..\\..\\src\\components\\KColorPicker\\KColorPickerPreview.sass"; // Components
-
-import KSlider from '../KSlider/KSlider'; // Utilities
-
-import { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'; // Types
-
+import "..\\..\\..\\src\\components\\KColorPicker\\KColorPickerPreview.sass";
+// Components
+import KSlider from '../KSlider/KSlider';
+// Utilities
+import { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils';
+// Types
 import Kdu from 'kdu';
 import { fromHSVA } from './util';
 export default Kdu.extend({
@@ -30,19 +30,18 @@ export default Kdu.extend({
           backgroundImage: this.disabled ? undefined : `linear-gradient(to ${this.$kdutify.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`
         },
         on: {
-          input: val => this.color.alpha !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva,
+          input: val => this.color.alpha !== val && this.$emit('update:color', fromHSVA({
+            ...this.color.hsva,
             a: val
           }))
         }
       });
     },
-
     genSliders() {
       return this.$createElement('div', {
         staticClass: 'k-color-picker__sliders'
       }, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
     },
-
     genDot() {
       return this.$createElement('div', {
         staticClass: 'k-color-picker__dot'
@@ -52,7 +51,6 @@ export default Kdu.extend({
         }
       })]);
     },
-
     genHue() {
       return this.genTrack({
         staticClass: 'k-color-picker__hue',
@@ -65,13 +63,13 @@ export default Kdu.extend({
           max: 360
         },
         on: {
-          input: val => this.color.hue !== val && this.$emit('update:color', fromHSVA({ ...this.color.hsva,
+          input: val => this.color.hue !== val && this.$emit('update:color', fromHSVA({
+            ...this.color.hsva,
             h: val
           }))
         }
       });
     },
-
     genTrack(options) {
       return this.$createElement(KSlider, {
         class: 'k-color-picker__track',
@@ -82,9 +80,7 @@ export default Kdu.extend({
         }
       });
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-color-picker__preview',
@@ -93,6 +89,5 @@ export default Kdu.extend({
       }
     }, [this.genDot(), this.genSliders()]);
   }
-
 });
 //# sourceMappingURL=KColorPickerPreview.js.map

package/lib/components/KColorPicker/KColorPickerPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KColorPicker/KColorPickerPreview.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPickerPreview.sass'\n\n// Components\nimport KSlider from '../KSlider/KSlider'\n\n// Utilities\nimport { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'\n\n// Types\nimport Kdu, { KNode, KNodeData, PropType } from 'kdu'\nimport { KColorPickerColor, fromHSVA } from './util'\n\nexport default Kdu.extend({\n  name: 'k-color-picker-preview',\n\n  props: {\n    color: Object as PropType<KColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  methods: {\n    genAlpha (): KNode {\n      return this.genTrack({\n        staticClass: 'k-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.$kdutify.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 (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-color-picker__sliders',\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha(),\n      ])\n    },\n    genDot (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-color-picker__dot',\n      }, [\n        this.$createElement('div', {\n          style: {\n            background: RGBAtoCSS(this.color.rgba),\n          },\n        }),\n      ])\n    },\n    genHue (): KNode {\n      return this.genTrack({\n        staticClass: 'k-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: KNodeData): KNode {\n      return this.$createElement(KSlider, {\n        class: 'k-color-picker__track',\n        ...options,\n        props: {\n          disabled: this.disabled,\n          ...options.props,\n        },\n      })\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-color-picker__preview',\n      class: {\n        'k-color-picker__preview--hide-alpha': this.hideAlpha,\n      },\n    }, [\n      this.genDot(),\n      this.genSliders(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KColorPickerPreview.js"}
+{"version":3,"sources":["../../../src/components/KColorPicker/KColorPickerPreview.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPickerPreview.sass'\n\n// Components\nimport KSlider from '../KSlider/KSlider'\n\n// Utilities\nimport { RGBtoCSS, RGBAtoCSS } from '../../util/colorUtils'\n\n// Types\nimport Kdu, { KNode, KNodeData, PropType } from 'kdu'\nimport { KColorPickerColor, fromHSVA } from './util'\n\nexport default Kdu.extend({\n  name: 'k-color-picker-preview',\n\n  props: {\n    color: Object as PropType<KColorPickerColor>,\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  methods: {\n    genAlpha (): KNode {\n      return this.genTrack({\n        staticClass: 'k-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.$kdutify.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 (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-color-picker__sliders',\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha(),\n      ])\n    },\n    genDot (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-color-picker__dot',\n      }, [\n        this.$createElement('div', {\n          style: {\n            background: RGBAtoCSS(this.color.rgba),\n          },\n        }),\n      ])\n    },\n    genHue (): KNode {\n      return this.genTrack({\n        staticClass: 'k-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: KNodeData): KNode {\n      return this.$createElement(KSlider, {\n        class: 'k-color-picker__track',\n        ...options,\n        props: {\n          disabled: this.disabled,\n          ...options.props,\n        },\n      })\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-color-picker__preview',\n      class: {\n        'k-color-picker__preview--hide-alpha': this.hideAlpha,\n      },\n    }, [\n      this.genDot(),\n      this.genSliders(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KColorPickerPreview.js"}

package/lib/components/KColorPicker/KColorPickerSwatches.js

@@ -1,22 +1,20 @@
 // Styles
-import "..\\..\\..\\src\\components\\KColorPicker\\KColorPickerSwatches.sass"; // Components
-
-import KIcon from '../KIcon'; // Helpers
-
+import "..\\..\\..\\src\\components\\KColorPicker\\KColorPickerSwatches.sass";
+// Components
+import KIcon from '../KIcon';
+// Helpers
 import colors from '../../util/colors';
 import { fromHex, parseColor } from './util';
 import { convertToUnit, deepEqual } from '../../util/helpers';
 import mixins from '../../util/mixins';
 import Themeable from '../../mixins/themeable';
 import { contrastRatio } from '../../util/colorUtils';
-
 function parseDefaultColors(colors) {
   return Object.keys(colors).map(key => {
     const color = colors[key];
     return color.base ? [color.base, color.darken4, color.darken3, color.darken2, color.darken1, color.lighten1, color.lighten2, color.lighten3, color.lighten4, color.lighten5] : [color.black, color.white, color.transparent];
   });
 }
-
 const white = fromHex('#FFFFFF').rgba;
 const black = fromHex('#000000').rgba;
 export default mixins(Themeable).extend({
@@ -52,7 +50,6 @@ export default mixins(Themeable).extend({
         }
       }, [content]);
     },
-
     genSwatches() {
       return this.swatches.map(swatch => {
         const colors = swatch.map(this.genColor);
@@ -61,9 +58,7 @@ export default mixins(Themeable).extend({
         }, colors);
       });
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-color-picker__swatches',
@@ -73,6 +68,5 @@ export default mixins(Themeable).extend({
       }
     }, [this.$createElement('div', this.genSwatches())]);
   }
-
 });
 //# sourceMappingURL=KColorPickerSwatches.js.map

package/lib/components/KColorPicker/KColorPickerSwatches.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KColorPicker/KColorPickerSwatches.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPickerSwatches.sass'\n\n// Components\nimport KIcon from '../KIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { KColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { KNode, PropType } from 'kdu'\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: 'k-color-picker-swatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<KColorPickerColor>,\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(KIcon, {\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: 'k-color-picker__color',\n        on: {\n          // TODO: Less hacky way of catching transparent\n          click: () => this.disabled || 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: 'k-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-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"],"sourceRoot":"","file":"KColorPickerSwatches.js"}
+{"version":3,"sources":["../../../src/components/KColorPicker/KColorPickerSwatches.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPickerSwatches.sass'\n\n// Components\nimport KIcon from '../KIcon'\n\n// Helpers\nimport colors from '../../util/colors'\nimport { KColorPickerColor, fromHex, parseColor } from './util'\nimport { convertToUnit, deepEqual } from '../../util/helpers'\nimport mixins from '../../util/mixins'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { KNode, PropType } from 'kdu'\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: 'k-color-picker-swatches',\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: Object as PropType<KColorPickerColor>,\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(KIcon, {\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: 'k-color-picker__color',\n        on: {\n          // TODO: Less hacky way of catching transparent\n          click: () => this.disabled || 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: 'k-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-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"],"sourceRoot":"","file":"KColorPickerSwatches.js"}

package/lib/components/KColorPicker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,oBAAP,MAAiC,wBAAjC;AACA,OAAO,kBAAP,MAA+B,sBAA/B;AAEA,SAAS,YAAT,EAAuB,oBAAvB,EAA6C,kBAA7C;AACA,eAAe,YAAf","sourcesContent":["import KColorPicker from './KColorPicker'\nimport KColorPickerSwatches from './KColorPickerSwatches'\nimport KColorPickerCanvas from './KColorPickerCanvas'\n\nexport { KColorPicker, KColorPickerSwatches, KColorPickerCanvas }\nexport default KColorPicker\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB;AACzC,OAAO,oBAAoB,MAAM,wBAAwB;AACzD,OAAO,kBAAkB,MAAM,sBAAsB;AAErD,SAAS,YAAY,EAAE,oBAAoB,EAAE,kBAAkB;AAC/D,eAAe,YAAY","sourcesContent":["import KColorPicker from './KColorPicker'\nimport KColorPickerSwatches from './KColorPickerSwatches'\nimport KColorPickerCanvas from './KColorPickerCanvas'\n\nexport { KColorPicker, KColorPickerSwatches, KColorPickerCanvas }\nexport default KColorPicker\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KColorPicker/util/index.js

@@ -1,7 +1,8 @@
 // Utilities
 import { HSVAtoRGBA, HSVAtoHex, RGBAtoHSVA, HexToHSVA, HSVAtoHSLA, RGBAtoHex, HSLAtoHSVA, parseHex } from '../../../util/colorUtils';
 export function fromHSVA(hsva) {
-  hsva = { ...hsva
+  hsva = {
+    ...hsva
   };
   const hexa = HSVAtoHex(hsva);
   const hsla = HSVAtoHSLA(hsva);
@@ -61,11 +62,9 @@ export function fromHexa(hexa) {
 export function fromHex(hex) {
   return fromHexa(parseHex(hex));
 }
-
 function has(obj, key) {
   return key.every(k => obj.hasOwnProperty(k));
 }
-
 export function parseColor(color, oldColor) {
   if (!color) return fromRGBA({
     r: 255,
@@ -73,32 +72,31 @@ export function parseColor(color, oldColor) {
     b: 0,
     a: 1
   });
-
   if (typeof color === 'string') {
     if (color === 'transparent') return fromHexa('#00000000');
     const hex = parseHex(color);
     if (oldColor && hex === oldColor.hexa) return oldColor;else return fromHexa(hex);
   }
-
   if (typeof color === 'object') {
     if (color.hasOwnProperty('alpha')) return color;
     const a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1;
-
     if (has(color, ['r', 'g', 'b'])) {
-      if (oldColor && color === oldColor.rgba) return oldColor;else return fromRGBA({ ...color,
+      if (oldColor && color === oldColor.rgba) return oldColor;else return fromRGBA({
+        ...color,
         a
       });
     } else if (has(color, ['h', 's', 'l'])) {
-      if (oldColor && color === oldColor.hsla) return oldColor;else return fromHSLA({ ...color,
+      if (oldColor && color === oldColor.hsla) return oldColor;else return fromHSLA({
+        ...color,
         a
       });
     } else if (has(color, ['h', 's', 'v'])) {
-      if (oldColor && color === oldColor.hsva) return oldColor;else return fromHSVA({ ...color,
+      if (oldColor && color === oldColor.hsva) return oldColor;else return fromHSVA({
+        ...color,
         a
       });
     }
   }
-
   return fromRGBA({
     r: 255,
     g: 0,
@@ -106,7 +104,6 @@ export function parseColor(color, oldColor) {
     a: 1
   });
 }
-
 function stripAlpha(color, stripAlpha) {
   if (stripAlpha) {
     const {
@@ -115,35 +112,27 @@ function stripAlpha(color, stripAlpha) {
     } = color;
     return rest;
   }
-
   return color;
 }
-
 export function extractColor(color, input) {
   if (input == null) return color;
-
   if (typeof input === 'string') {
     return input.length === 7 ? color.hex : color.hexa;
   }
-
   if (typeof input === 'object') {
     const shouldStrip = typeof input.a === 'number' && input.a === 0 ? !!input.a : !input.a;
     if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, shouldStrip);else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, shouldStrip);else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, shouldStrip);
   }
-
   return color;
 }
 export function hasAlpha(color) {
   if (!color) return false;
-
   if (typeof color === 'string') {
     return color.length > 7;
   }
-
   if (typeof color === 'object') {
     return has(color, ['a']) || has(color, ['alpha']);
   }
-
   return false;
 }
 //# sourceMappingURL=index.js.map

package/lib/components/KColorPicker/util/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/KColorPicker/util/index.ts"],"names":[],"mappings":"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","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 KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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: KColorPickerColor | 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: KColorPickerColor, 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"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../../src/components/KColorPicker/util/index.ts"],"names":[],"mappings":"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","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 KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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): KColorPickerColor {\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: KColorPickerColor | 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: KColorPickerColor, 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"],"sourceRoot":"","file":"index.js"}