kdutify 0.16.9-rc.0 → 2.6.0

package/es5/components/KChip/KChip.js

@@ -1,81 +1,205 @@
-require('../../../src/stylus/components/_chips.styl');
+"use strict";
 
-import KIcon from '../KIcon';
-import Colorable from '../../mixins/colorable';
-import Themeable from '../../mixins/themeable';
-import Toggleable from '../../mixins/toggleable';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 
-export default {
-  name: 'k-chip',
+require("..\\..\\..\\src\\components\\KChip\\KChip.sass");
 
-  components: {
-    KIcon: KIcon
-  },
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _transitions = require("../transitions");
+
+var _KIcon = _interopRequireDefault(require("../KIcon"));
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _groupable = require("../../mixins/groupable");
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+var _toggleable = require("../../mixins/toggleable");
+
+var _routable = _interopRequireDefault(require("../../mixins/routable"));
+
+var _sizeable = _interopRequireDefault(require("../../mixins/sizeable"));
+
+var _console = require("../../util/console");
 
-  mixins: [Colorable, Themeable, Toggleable],
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @kdujs/component */
+var _default2 = (0, _mixins.default)(_colorable.default, _sizeable.default, _routable.default, _themeable.default, (0, _groupable.factory)('chipGroup'), (0, _toggleable.factory)('inputValue')).extend({
+  name: 'k-chip',
   props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    activeClass: {
+      type: String,
+      default: function _default() {
+        if (!this.chipGroup) return '';
+        return this.chipGroup.activeClass;
+      }
+    },
     close: Boolean,
+    closeIcon: {
+      type: String,
+      default: '$delete'
+    },
+    closeLabel: {
+      type: String,
+      default: '$kdutify.close'
+    },
     disabled: Boolean,
+    draggable: Boolean,
+    filter: Boolean,
+    filterIcon: {
+      type: String,
+      default: '$complete'
+    },
     label: Boolean,
-    outline: Boolean,
-    // Used for selects/tagging
-    selected: Boolean,
-    small: Boolean,
+    link: Boolean,
+    outlined: Boolean,
+    pill: Boolean,
+    tag: {
+      type: String,
+      default: 'span'
+    },
     textColor: String,
-    value: {
-      type: Boolean,
-      default: true
-    }
+    value: null
+  },
+  data: function data() {
+    return {
+      proxyClass: 'k-chip--active'
+    };
   },
-
   computed: {
     classes: function classes() {
-      var classes = this.addBackgroundColorClassChecks({
-        'chip': true,
-        'chip--disabled': this.disabled,
-        'chip--selected': this.selected,
-        'chip--label': this.label,
-        'chip--outline': this.outline,
-        'chip--small': this.small,
-        'chip--removable': this.close,
-        'theme--light': this.light,
-        'theme--dark': this.dark
-      });
-
-      return this.textColor || this.outline ? this.addTextColorClassChecks(classes, this.textColor ? 'textColor' : 'color') : classes;
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        'k-chip': true
+      }, _routable.default.options.computed.classes.call(this)), {}, {
+        'k-chip--clickable': this.isClickable,
+        'k-chip--disabled': this.disabled,
+        'k-chip--draggable': this.draggable,
+        'k-chip--label': this.label,
+        'k-chip--link': this.isLink,
+        'k-chip--no-color': !this.color,
+        'k-chip--outlined': this.outlined,
+        'k-chip--pill': this.pill,
+        'k-chip--removable': this.hasClose
+      }, this.themeClasses), this.sizeableClasses), this.groupClasses);
+    },
+    hasClose: function hasClose() {
+      return Boolean(this.close);
+    },
+    isClickable: function isClickable() {
+      return Boolean(_routable.default.options.computed.isClickable.call(this) || this.chipGroup);
     }
   },
-
-  render: function render(h) {
+  created: function created() {
     var _this = this;
 
-    var children = [this.$slots.default];
-    var data = {
-      'class': this.classes,
-      attrs: { tabindex: this.disabled ? -1 : 0 },
-      directives: [{
-        name: 'show',
-        value: this.isActive
-      }],
-      on: this.$listeners
-    };
+    var breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'active'], ['@input', '@active.sync']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
 
-    if (this.close) {
-      var _data = {
-        staticClass: 'chip__close',
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
+  methods: {
+    click: function click(e) {
+      this.$emit('click', e);
+      this.chipGroup && this.toggle();
+    },
+    genFilter: function genFilter() {
+      var children = [];
+
+      if (this.isActive) {
+        children.push(this.$createElement(_KIcon.default, {
+          staticClass: 'k-chip__filter',
+          props: {
+            left: true
+          }
+        }, this.filterIcon));
+      }
+
+      return this.$createElement(_transitions.KExpandXTransition, children);
+    },
+    genClose: function genClose() {
+      var _this2 = this;
+
+      return this.$createElement(_KIcon.default, {
+        staticClass: 'k-chip__close',
+        props: {
+          right: true,
+          size: 18
+        },
+        attrs: {
+          'aria-label': this.$kdutify.lang.t(this.closeLabel)
+        },
         on: {
           click: function click(e) {
             e.stopPropagation();
+            e.preventDefault();
+
+            _this2.$emit('click:close');
 
-            _this.$emit('input', false);
+            _this2.$emit('update:active', false);
           }
         }
-      };
-
-      children.push(h('div', _data, [h(KIcon, { props: { right: true } }, 'cancel')]));
+      }, this.closeIcon);
+    },
+    genContent: function genContent() {
+      return this.$createElement('span', {
+        staticClass: 'k-chip__content'
+      }, [this.filter && this.genFilter(), this.$slots.default, this.hasClose && this.genClose()]);
     }
+  },
+  render: function render(h) {
+    var children = [this.genContent()];
 
-    return h('span', data, children);
+    var _this$generateRouteLi = this.generateRouteLink(),
+        tag = _this$generateRouteLi.tag,
+        data = _this$generateRouteLi.data;
+
+    data.attrs = _objectSpread(_objectSpread({}, data.attrs), {}, {
+      draggable: this.draggable ? 'true' : undefined,
+      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs.tabindex
+    });
+    data.directives.push({
+      name: 'show',
+      value: this.active
+    });
+    data = this.setBackgroundColor(this.color, data);
+    var color = this.textColor || this.outlined && this.color;
+    return h(tag, this.setTextColor(color, data), children);
   }
-};
+});
+
+exports.default = _default2;
+//# sourceMappingURL=KChip.js.map

package/es5/components/KChip/KChip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KChip/KChip.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KChip.sass'\n\n// Types\nimport { KNode } from 'kdu'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { KExpandXTransition } from '../transitions'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'kdu/types/options'\n\n/* @kdujs/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'k-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$kdutify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'k-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'k-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'k-chip--clickable': this.isClickable,\n        'k-chip--disabled': this.disabled,\n        'k-chip--draggable': this.draggable,\n        'k-chip--label': this.label,\n        'k-chip--link': this.isLink,\n        'k-chip--no-color': !this.color,\n        'k-chip--outlined': this.outlined,\n        'k-chip--pill': this.pill,\n        'k-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): KNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(KIcon, {\n            staticClass: 'k-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(KExpandXTransition, children)\n    },\n    genClose (): KNode {\n      return this.$createElement(KIcon, {\n        staticClass: 'k-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$kdutify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): KNode {\n      return this.$createElement('span', {\n        staticClass: 'k-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): KNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n"],"sourceRoot":"","file":"KChip.js"}

package/es5/components/KChip/index.js

@@ -1,7 +1,20 @@
-import KChip from './KChip';
+"use strict";
 
-KChip.install = function install(Kdu) {
-  Kdu.component(KChip.name, KChip);
-};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KChip", {
+  enumerable: true,
+  get: function get() {
+    return _KChip.default;
+  }
+});
+exports.default = void 0;
 
-export default KChip;
+var _KChip = _interopRequireDefault(require("./KChip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KChip.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KChip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,c","sourcesContent":["import KChip from './KChip'\n\nexport { KChip }\nexport default KChip\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KChipGroup/KChipGroup.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KChipGroup\\KChipGroup.sass");
+
+var _KSlideGroup = require("../KSlideGroup/KSlideGroup");
+
+var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/* @kdujs/component */
+var _default = (0, _mixins.default)(_KSlideGroup.BaseSlideGroup, _colorable.default).extend({
+  name: 'k-chip-group',
+  provide: function provide() {
+    return {
+      chipGroup: this
+    };
+  },
+  props: {
+    column: Boolean
+  },
+  computed: {
+    classes: function classes() {
+      return _objectSpread(_objectSpread({}, _KSlideGroup.BaseSlideGroup.options.computed.classes.call(this)), {}, {
+        'k-chip-group': true,
+        'k-chip-group--column': this.column
+      });
+    }
+  },
+  watch: {
+    column: function column(val) {
+      if (val) this.scrollOffset = 0;
+      this.$nextTick(this.onResize);
+    }
+  },
+  methods: {
+    genData: function genData() {
+      return this.setTextColor(this.color, _objectSpread({}, _KSlideGroup.BaseSlideGroup.options.methods.genData.call(this)));
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KChipGroup.js.map

package/es5/components/KChipGroup/KChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KChipGroup/KChipGroup.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,2BADa,EAEb,kBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,cADC;AAGP,EAAA,OAHO,qBAGA;AACL,WAAO;AACL,MAAA,SAAS,EAAE;AADN,KAAP;AAGD,GAPM;AASP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AADH,GATA;AAaP,EAAA,QAAQ,EAAE;AACR,IAAA,OADQ,qBACD;AACL,6CACK,4BAAe,OAAf,CAAuB,QAAvB,CAAgC,OAAhC,CAAwC,IAAxC,CAA6C,IAA7C,CADL;AAEE,wBAAgB,IAFlB;AAGE,gCAAwB,KAAK;AAH/B;AAKD;AAPO,GAbH;AAuBP,EAAA,KAAK,EAAE;AACL,IAAA,MADK,kBACG,GADH,EACM;AACT,UAAI,GAAJ,EAAS,KAAK,YAAL,GAAoB,CAApB;AAET,WAAK,SAAL,CAAe,KAAK,QAApB;AACD;AALI,GAvBA;AA+BP,EAAA,OAAO,EAAE;AACP,IAAA,OADO,qBACA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,oBACF,4BAAe,OAAf,CAAuB,OAAvB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CADE,EAAP;AAGD;AALM;AA/BF,CAHM,C","sourcesContent":["// Styles\nimport './KChipGroup.sass'\n\n// Extensions\nimport { BaseSlideGroup } from '../KSlideGroup/KSlideGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(\n  BaseSlideGroup,\n  Colorable\n).extend({\n  name: 'k-chip-group',\n\n  provide () {\n    return {\n      chipGroup: this,\n    }\n  },\n\n  props: {\n    column: Boolean,\n  },\n\n  computed: {\n    classes () {\n      return {\n        ...BaseSlideGroup.options.computed.classes.call(this),\n        'k-chip-group': true,\n        'k-chip-group--column': this.column,\n      }\n    },\n  },\n\n  watch: {\n    column (val) {\n      if (val) this.scrollOffset = 0\n\n      this.$nextTick(this.onResize)\n    },\n  },\n\n  methods: {\n    genData () {\n      return this.setTextColor(this.color, {\n        ...BaseSlideGroup.options.methods.genData.call(this),\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"KChipGroup.js"}

package/es5/components/KChipGroup/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "KChipGroup", {
+  enumerable: true,
+  get: function get() {
+    return _KChipGroup.default;
+  }
+});
+exports.default = void 0;
+
+var _KChipGroup = _interopRequireDefault(require("./KChipGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _KChipGroup.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/es5/components/KChipGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KChipGroup/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,mB","sourcesContent":["import KChipGroup from './KChipGroup'\n\nexport { KChipGroup }\nexport default KChipGroup\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KColorPicker/KColorPicker.js

@@ -0,0 +1,196 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("..\\..\\..\\src\\components\\KColorPicker\\KColorPicker.sass");
+
+var _KSheet = _interopRequireDefault(require("../KSheet/KSheet"));
+
+var _KColorPickerPreview = _interopRequireDefault(require("./KColorPickerPreview"));
+
+var _KColorPickerCanvas = _interopRequireDefault(require("./KColorPickerCanvas"));
+
+var _KColorPickerEdit = _interopRequireWildcard(require("./KColorPickerEdit"));
+
+var _KColorPickerSwatches = _interopRequireDefault(require("./KColorPickerSwatches"));
+
+var _util = require("./util");
+
+var _mixins = _interopRequireDefault(require("../../util/mixins"));
+
+var _helpers = require("../../util/helpers");
+
+var _elevatable = _interopRequireDefault(require("../../mixins/elevatable"));
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).extend({
+  name: 'k-color-picker',
+  props: {
+    canvasHeight: {
+      type: [String, Number],
+      default: 150
+    },
+    disabled: Boolean,
+    dotSize: {
+      type: [Number, String],
+      default: 10
+    },
+    flat: Boolean,
+    hideCanvas: Boolean,
+    hideSliders: Boolean,
+    hideInputs: Boolean,
+    hideModeSwitch: Boolean,
+    mode: {
+      type: String,
+      default: 'rgba',
+      validator: function validator(v) {
+        return Object.keys(_KColorPickerEdit.modes).includes(v);
+      }
+    },
+    showSwatches: Boolean,
+    swatches: Array,
+    swatchesMaxHeight: {
+      type: [Number, String],
+      default: 150
+    },
+    value: {
+      type: [Object, String]
+    },
+    width: {
+      type: [Number, String],
+      default: 300
+    }
+  },
+  data: function data() {
+    return {
+      internalValue: (0, _util.fromRGBA)({
+        r: 255,
+        g: 0,
+        b: 0,
+        a: 1
+      })
+    };
+  },
+  computed: {
+    hideAlpha: function hideAlpha() {
+      if (!this.value) return false;
+      return !(0, _util.hasAlpha)(this.value);
+    }
+  },
+  watch: {
+    value: {
+      handler: function handler(color) {
+        this.updateColor((0, _util.parseColor)(color, this.internalValue));
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    updateColor: function updateColor(color) {
+      this.internalValue = color;
+      var value = (0, _util.extractColor)(this.internalValue, this.value);
+
+      if (!(0, _helpers.deepEqual)(value, this.value)) {
+        this.$emit('input', value);
+        this.$emit('update:color', this.internalValue);
+      }
+    },
+    genCanvas: function genCanvas() {
+      return this.$createElement(_KColorPickerCanvas.default, {
+        props: {
+          color: this.internalValue,
+          disabled: this.disabled,
+          dotSize: this.dotSize,
+          width: this.width,
+          height: this.canvasHeight
+        },
+        on: {
+          'update:color': this.updateColor
+        }
+      });
+    },
+    genControls: function genControls() {
+      return this.$createElement('div', {
+        staticClass: 'k-color-picker__controls'
+      }, [!this.hideSliders && this.genPreview(), !this.hideInputs && this.genEdit()]);
+    },
+    genEdit: function genEdit() {
+      var _this = this;
+
+      return this.$createElement(_KColorPickerEdit.default, {
+        props: {
+          color: this.internalValue,
+          disabled: this.disabled,
+          hideAlpha: this.hideAlpha,
+          hideModeSwitch: this.hideModeSwitch,
+          mode: this.mode
+        },
+        on: {
+          'update:color': this.updateColor,
+          'update:mode': function updateMode(v) {
+            return _this.$emit('update:mode', v);
+          }
+        }
+      });
+    },
+    genPreview: function genPreview() {
+      return this.$createElement(_KColorPickerPreview.default, {
+        props: {
+          color: this.internalValue,
+          disabled: this.disabled,
+          hideAlpha: this.hideAlpha
+        },
+        on: {
+          'update:color': this.updateColor
+        }
+      });
+    },
+    genSwatches: function genSwatches() {
+      return this.$createElement(_KColorPickerSwatches.default, {
+        props: {
+          dark: this.dark,
+          light: this.light,
+          disabled: this.disabled,
+          swatches: this.swatches,
+          color: this.internalValue,
+          maxHeight: this.swatchesMaxHeight
+        },
+        on: {
+          'update:color': this.updateColor
+        }
+      });
+    }
+  },
+  render: function render(h) {
+    return h(_KSheet.default, {
+      staticClass: 'k-color-picker',
+      class: _objectSpread(_objectSpread({
+        'k-color-picker--flat': this.flat
+      }, this.themeClasses), this.elevationClasses),
+      props: {
+        maxWidth: this.width
+      }
+    }, [!this.hideCanvas && this.genCanvas(), (!this.hideSliders || !this.hideInputs) && this.genControls(), this.showSwatches && this.genSwatches()]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=KColorPicker.js.map

package/es5/components/KColorPicker/KColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KColorPicker/KColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KColorPicker.sass'\n\n// Components\nimport KSheet from '../KSheet/KSheet'\nimport KColorPickerPreview from './KColorPickerPreview'\nimport KColorPickerCanvas from './KColorPickerCanvas'\nimport KColorPickerEdit, { Mode, modes } from './KColorPickerEdit'\nimport KColorPickerSwatches from './KColorPickerSwatches'\n\n// Helpers\nimport { KColorPickerColor, 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 { KNode, PropType } from 'kdu'\n\nexport default mixins(Elevatable, Themeable).extend({\n  name: 'k-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: KColorPickerColor) {\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 (): KNode {\n      return this.$createElement(KColorPickerCanvas, {\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 (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-color-picker__controls',\n      }, [\n        !this.hideSliders && this.genPreview(),\n        !this.hideInputs && this.genEdit(),\n      ])\n    },\n    genEdit (): KNode {\n      return this.$createElement(KColorPickerEdit, {\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 (): KNode {\n      return this.$createElement(KColorPickerPreview, {\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 (): KNode {\n      return this.$createElement(KColorPickerSwatches, {\n        props: {\n          dark: this.dark,\n          light: this.light,\n          disabled: this.disabled,\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): KNode {\n    return h(KSheet, {\n      staticClass: 'k-color-picker',\n      class: {\n        'k-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"],"sourceRoot":"","file":"KColorPicker.js"}