@kokoccc/vuetify 1.0.2 → 1.0.3

package/es5/components/VColorPicker/VColorPickerEdit.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.modes = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VColorPicker/VColorPickerEdit.sass");
+
+var _VBtn = _interopRequireDefault(require("../VBtn"));
+
+var _VIcon = _interopRequireDefault(require("../VIcon"));
+
+var _colorUtils = require("../../util/colorUtils");
+
+var _util = require("./util");
+
+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; }
+
+var modes = {
+  rgba: {
+    inputs: [['r', 255, 'int'], ['g', 255, 'int'], ['b', 255, 'int'], ['a', 1, 'float']],
+    from: _util.fromRGBA
+  },
+  hsla: {
+    inputs: [['h', 360, 'int'], ['s', 1, 'float'], ['l', 1, 'float'], ['a', 1, 'float']],
+    from: _util.fromHSLA
+  },
+  hexa: {
+    from: _util.fromHexa
+  }
+};
+exports.modes = modes;
+
+var _default2 = (0, _vue.defineComponent)({
+  name: 'v-color-picker-edit',
+  props: {
+    color: {
+      type: Object,
+      required: true
+    },
+    disabled: Boolean,
+    hideAlpha: Boolean,
+    hideModeSwitch: Boolean,
+    mode: {
+      type: String,
+      default: 'rgba',
+      validator: function validator(v) {
+        return Object.keys(modes).includes(v);
+      }
+    }
+  },
+  emits: ['update:color', 'update:mode'],
+  data: function data() {
+    return {
+      internalMode: this.mode
+    };
+  },
+  computed: {
+    currentMode: function currentMode() {
+      return modes[this.internalMode];
+    }
+  },
+  watch: {
+    mode: function mode(_mode) {
+      this.internalMode = _mode;
+    }
+  },
+  methods: {
+    getValue: function getValue(v, type) {
+      if (type === 'float') return Math.round(v * 100) / 100;else if (type === 'int') return Math.round(v);else return 0;
+    },
+    parseValue: function parseValue(v, type) {
+      if (type === 'float') return parseFloat(v);else if (type === 'int') return parseInt(v, 10) || 0;else return 0;
+    },
+    changeMode: function changeMode() {
+      var modeKeys = Object.keys(modes);
+      var index = modeKeys.indexOf(this.internalMode);
+      var newMode = modeKeys[(index + 1) % modeKeys.length];
+      this.internalMode = newMode;
+      this.$emit('update:mode', newMode);
+    },
+    genInput: function genInput(target, attrs, value, onChange) {
+      return (0, _vue.h)('div', {
+        class: 'v-color-picker__input'
+      }, [(0, _vue.h)('input', _objectSpread(_objectSpread({
+        key: target
+      }, attrs), {}, {
+        value: value,
+        onChange: onChange
+      })), (0, _vue.h)('span', target.toUpperCase())]);
+    },
+    genInputs: function genInputs() {
+      var _this = this;
+
+      if (this.internalMode === 'hexa') {
+        var hex = this.color.hexa;
+        var value = this.hideAlpha && hex.endsWith('FF') ? hex.substr(0, 7) : hex;
+        return this.genInput('hex', {
+          maxlength: this.hideAlpha ? 7 : 9,
+          disabled: this.disabled
+        }, value, function (e) {
+          var el = e.target;
+
+          _this.$emit('update:color', _this.currentMode.from((0, _colorUtils.parseHex)(el.value)));
+        });
+      } else {
+        var inputs = this.hideAlpha ? this.currentMode.inputs.slice(0, -1) : this.currentMode.inputs;
+        return inputs.map(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 3),
+              target = _ref2[0],
+              max = _ref2[1],
+              type = _ref2[2];
+
+          var value = _this.color[_this.internalMode];
+          return _this.genInput(target, {
+            type: 'number',
+            min: 0,
+            max: max,
+            step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,
+            disabled: _this.disabled
+          }, _this.getValue(value[target], type), function (e) {
+            var el = e.target;
+
+            var newVal = _this.parseValue(el.value || '0', type);
+
+            _this.$emit('update:color', _this.currentMode.from(Object.assign({}, value, _defineProperty({}, target, newVal)), _this.color.alpha));
+          });
+        });
+      }
+    },
+    genSwitch: function genSwitch() {
+      return (0, _vue.h)(_VBtn.default, {
+        small: true,
+        icon: true,
+        disabled: this.disabled,
+        onClick: this.changeMode
+      }, {
+        default: function _default() {
+          return [(0, _vue.h)(_VIcon.default, {}, '$unfold')];
+        }
+      });
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: 'v-color-picker__edit'
+    }, [this.genInputs(), !this.hideModeSwitch && this.genSwitch()]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VColorPickerEdit.js.map

package/es5/components/VColorPicker/VColorPickerEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerEdit.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAGA;;AAGA;;AACA;;AAGA;;AAIA;;;;;;;;;;;;;;;;;;;;;;AASO,IAAM,KAAK,GAAG;AACnB,EAAA,IAAI,EAAE;AACJ,IAAA,MAAM,EAAE,CACN,CAAC,GAAD,EAAM,GAAN,EAAW,KAAX,CADM,EAEN,CAAC,GAAD,EAAM,GAAN,EAAW,KAAX,CAFM,EAGN,CAAC,GAAD,EAAM,GAAN,EAAW,KAAX,CAHM,EAIN,CAAC,GAAD,EAAM,CAAN,EAAS,OAAT,CAJM,CADJ;AAOJ,IAAA,IAAI,EAAE;AAPF,GADa;AAUnB,EAAA,IAAI,EAAE;AACJ,IAAA,MAAM,EAAE,CACN,CAAC,GAAD,EAAM,GAAN,EAAW,KAAX,CADM,EAEN,CAAC,GAAD,EAAM,CAAN,EAAS,OAAT,CAFM,EAGN,CAAC,GAAD,EAAM,CAAN,EAAS,OAAT,CAHM,EAIN,CAAC,GAAD,EAAM,CAAN,EAAS,OAAT,CAJM,CADJ;AAOJ,IAAA,IAAI,EAAE;AAPF,GAVa;AAmBnB,EAAA,IAAI,EAAE;AACJ,IAAA,IAAI,EAAE;AADF;AAnBa,CAAd;;;gBAwBQ,0BAAgB;AAC7B,EAAA,IAAI,EAAE,qBADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,MADD;AAEL,MAAA,QAAQ,EAAE;AAFL,KADF;AAKL,IAAA,QAAQ,EAAE,OALL;AAML,IAAA,SAAS,EAAE,OANN;AAOL,IAAA,cAAc,EAAE,OAPX;AAQL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,OAAO,EAAE,MAFL;AAGJ,MAAA,SAAS,EAAE,mBAAC,CAAD;AAAA,eAAe,MAAM,CAAC,IAAP,CAAY,KAAZ,EAAmB,QAAnB,CAA4B,CAA5B,CAAf;AAAA;AAHP;AARD,GAHsB;AAkB7B,EAAA,KAAK,EAAE,CAAC,cAAD,EAAiB,aAAjB,CAlBsB;AAoB7B,EAAA,IApB6B,kBAoBzB;AACF,WAAO;AACL,MAAA,YAAY,EAAE,KAAK;AADd,KAAP;AAGD,GAxB4B;AA0B7B,EAAA,QAAQ,EAAE;AACR,IAAA,WADQ,yBACG;AACT,aAAO,KAAK,CAAC,KAAK,YAAN,CAAZ;AACD;AAHO,GA1BmB;AAgC7B,EAAA,KAAK,EAAE;AACL,IAAA,IADK,gBACC,KADD,EACa;AAChB,WAAK,YAAL,GAAoB,KAApB;AACD;AAHI,GAhCsB;AAsC7B,EAAA,OAAO,EAAE;AACP,IAAA,QADO,oBACG,CADH,EACW,IADX,EACuB;AAC5B,UAAI,IAAI,KAAK,OAAb,EAAsB,OAAO,IAAI,CAAC,KAAL,CAAW,CAAC,GAAG,GAAf,IAAsB,GAA7B,CAAtB,KACK,IAAI,IAAI,KAAK,KAAb,EAAoB,OAAO,IAAI,CAAC,KAAL,CAAW,CAAX,CAAP,CAApB,KACA,OAAO,CAAP;AACN,KALM;AAOP,IAAA,UAPO,sBAOK,CAPL,EAOgB,IAPhB,EAO4B;AACjC,UAAI,IAAI,KAAK,OAAb,EAAsB,OAAO,UAAU,CAAC,CAAD,CAAjB,CAAtB,KACK,IAAI,IAAI,KAAK,KAAb,EAAoB,OAAO,QAAQ,CAAC,CAAD,EAAI,EAAJ,CAAR,IAAmB,CAA1B,CAApB,KACA,OAAO,CAAP;AACN,KAXM;AAaP,IAAA,UAbO,wBAaG;AACR,UAAM,QAAQ,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,CAAjB;AACA,UAAM,KAAK,GAAG,QAAQ,CAAC,OAAT,CAAiB,KAAK,YAAtB,CAAd;AACA,UAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAT,IAAc,QAAQ,CAAC,MAAxB,CAAxB;AACA,WAAK,YAAL,GAAoB,OAApB;AACA,WAAK,KAAL,CAAW,aAAX,EAA0B,OAA1B;AACD,KAnBM;AAqBP,IAAA,QArBO,oBAqBG,MArBH,EAqBmB,KArBnB,EAqB+B,KArB/B,EAqB2C,QArB3C,EAqBwD;AAC7D,aAAO,YAAE,KAAF,EAAS;AACd,QAAA,KAAK,EAAE;AADO,OAAT,EAEJ,CACD,YAAE,OAAF;AACE,QAAA,GAAG,EAAE;AADP,SAEK,KAFL;AAGE,QAAA,KAAK,EAAL,KAHF;AAIE,QAAA,QAAQ,EAAR;AAJF,SADC,EAOD,YAAE,MAAF,EAAU,MAAM,CAAC,WAAP,EAAV,CAPC,CAFI,CAAP;AAWD,KAjCM;AAmCP,IAAA,SAnCO,uBAmCE;AAAA;;AACP,UAAI,KAAK,YAAL,KAAsB,MAA1B,EAAkC;AAChC,YAAM,GAAG,GAAG,KAAK,KAAL,CAAY,IAAxB;AACA,YAAM,KAAK,GAAG,KAAK,SAAL,IAAkB,GAAG,CAAC,QAAJ,CAAa,IAAb,CAAlB,GAAuC,GAAG,CAAC,MAAJ,CAAW,CAAX,EAAc,CAAd,CAAvC,GAA0D,GAAxE;AACA,eAAO,KAAK,QAAL,CACL,KADK,EAEL;AACE,UAAA,SAAS,EAAE,KAAK,SAAL,GAAiB,CAAjB,GAAqB,CADlC;AAEE,UAAA,QAAQ,EAAE,KAAK;AAFjB,SAFK,EAML,KANK,EAOL,UAAC,CAAD,EAAa;AACX,cAAM,EAAE,GAAG,CAAC,CAAC,MAAb;;AACA,UAAA,KAAI,CAAC,KAAL,CAAW,cAAX,EAA2B,KAAI,CAAC,WAAL,CAAiB,IAAjB,CAAsB,0BAAS,EAAE,CAAC,KAAZ,CAAtB,CAA3B;AACD,SAVI,CAAP;AAYD,OAfD,MAeO;AACL,YAAM,MAAM,GAAG,KAAK,SAAL,GAAiB,KAAK,WAAL,CAAiB,MAAjB,CAAyB,KAAzB,CAA+B,CAA/B,EAAkC,CAAC,CAAnC,CAAjB,GAAyD,KAAK,WAAL,CAAiB,MAAzF;AACA,eAAO,MAAM,CAAC,GAAP,CAAW,gBAAwB;AAAA;AAAA,cAAtB,MAAsB;AAAA,cAAd,GAAc;AAAA,cAAT,IAAS;;AACxC,cAAM,KAAK,GAAG,KAAI,CAAC,KAAL,CAAY,KAAI,CAAC,YAAjB,CAAd;AACA,iBAAO,KAAI,CAAC,QAAL,CACL,MADK,EAEL;AACE,YAAA,IAAI,EAAE,QADR;AAEE,YAAA,GAAG,EAAE,CAFP;AAGE,YAAA,GAAG,EAAH,GAHF;AAIE,YAAA,IAAI,EAAE,IAAI,KAAK,OAAT,GAAmB,MAAnB,GAA4B,IAAI,KAAK,KAAT,GAAiB,GAAjB,GAAuB,SAJ3D;AAKE,YAAA,QAAQ,EAAE,KAAI,CAAC;AALjB,WAFK,EASL,KAAI,CAAC,QAAL,CAAc,KAAK,CAAC,MAAD,CAAnB,EAA6B,IAA7B,CATK,EAUL,UAAC,CAAD,EAAa;AACX,gBAAM,EAAE,GAAG,CAAC,CAAC,MAAb;;AACA,gBAAM,MAAM,GAAG,KAAI,CAAC,UAAL,CAAgB,EAAE,CAAC,KAAH,IAAY,GAA5B,EAAiC,IAAjC,CAAf;;AAEA,YAAA,KAAI,CAAC,KAAL,CAAW,cAAX,EAA2B,KAAI,CAAC,WAAL,CAAiB,IAAjB,CACzB,MAAM,CAAC,MAAP,CAAc,EAAd,EAAkB,KAAlB,sBAA4B,MAA5B,EAAqC,MAArC,EADyB,EAEzB,KAAI,CAAC,KAAL,CAAY,KAFa,CAA3B;AAID,WAlBI,CAAP;AAoBD,SAtBM,CAAP;AAuBD;AACF,KA7EM;AA+EP,IAAA,SA/EO,uBA+EE;AACP,aAAO,YAAE,aAAF,EAAQ;AACb,QAAA,KAAK,EAAE,IADM;AAEb,QAAA,IAAI,EAAE,IAFO;AAGb,QAAA,QAAQ,EAAE,KAAK,QAHF;AAIb,QAAA,OAAO,EAAE,KAAK;AAJD,OAAR,EAKJ;AACD,QAAA,OAAO,EAAE;AAAA,iBAAM,CAAC,YAAE,cAAF,EAAS,EAAT,EAAa,SAAb,CAAD,CAAN;AAAA;AADR,OALI,CAAP;AAQD;AAxFM,GAtCoB;AAiI7B,EAAA,MAjI6B,oBAiIvB;AACJ,WAAO,YAAE,KAAF,EAAS;AACd,MAAA,KAAK,EAAE;AADO,KAAT,EAEJ,CACD,KAAK,SAAL,EADC,EAED,CAAC,KAAK,cAAN,IAAwB,KAAK,SAAL,EAFvB,CAFI,CAAP;AAMD;AAxI4B,CAAhB,C","sourcesContent":["import { h, defineComponent } from 'vue'\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 type { 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 defineComponent({\n  name: 'v-color-picker-edit',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      required: true,\n    },\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  emits: ['update:color', 'update:mode'],\n\n  data () {\n    return {\n      internalMode: this.mode,\n    }\n  },\n\n  computed: {\n    currentMode (): Mode {\n      return modes[this.internalMode]\n    },\n  },\n\n  watch: {\n    mode (mode: string) {\n      this.internalMode = mode\n    },\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\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\n    changeMode () {\n      const modeKeys = Object.keys(modes)\n      const index = modeKeys.indexOf(this.internalMode)\n      const newMode = modeKeys[(index + 1) % modeKeys.length]\n      this.internalMode = newMode\n      this.$emit('update:mode', newMode)\n    },\n\n    genInput (target: string, attrs: any, value: any, onChange: any): VNode {\n      return h('div', {\n        class: 'v-color-picker__input',\n      }, [\n        h('input', {\n          key: target,\n          ...attrs,\n          value,\n          onChange,\n        }),\n        h('span', target.toUpperCase()),\n      ])\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          (e: Event) => {\n            const el = e.target as HTMLInputElement\n            this.$emit('update:color', this.currentMode.from(parseHex(el.value)))\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            (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 h(VBtn, {\n        small: true,\n        icon: true,\n        disabled: this.disabled,\n        onClick: this.changeMode,\n      }, {\n        default: () => [h(VIcon, {}, '$unfold')]\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: 'v-color-picker__edit',\n    }, [\n      this.genInputs(),\n      !this.hideModeSwitch && this.genSwitch(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerEdit.js"}

package/es5/components/VColorPicker/VColorPickerPreview.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VColorPicker/VColorPickerPreview.sass");
+
+var _VSlider = _interopRequireDefault(require("../VSlider/VSlider"));
+
+var _colorUtils = require("../../util/colorUtils");
+
+var _util = require("./util");
+
+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, _vue.defineComponent)({
+  name: 'v-color-picker-preview',
+  props: {
+    color: {
+      type: Object,
+      required: true
+    },
+    disabled: Boolean,
+    hideAlpha: Boolean
+  },
+  emits: ['update:color'],
+  methods: {
+    genAlpha: function genAlpha() {
+      var _this = this;
+
+      var _a;
+
+      if (!this.color) return (0, _vue.h)('div');
+      return this.genTrack({
+        class: 'v-color-picker__alpha',
+        thumbColor: 'grey lighten-2',
+        hideDetails: true,
+        modelValue: this.color.alpha,
+        step: 0,
+        min: 0,
+        max: 1,
+        style: {
+          backgroundImage: this.disabled ? undefined : "linear-gradient(to ".concat(((_a = this.$vuetify) === null || _a === void 0 ? void 0 : _a.rtl) ? 'left' : 'right', ", transparent, ").concat((0, _colorUtils.RGBtoCSS)(this.color.rgba), ")")
+        },
+        'onUpdate:modelValue': function onUpdateModelValue(val) {
+          if (_this.color && _this.color.alpha !== val) {
+            _this.$emit('update:color', (0, _util.fromHSVA)(_objectSpread(_objectSpread({}, _this.color.hsva), {}, {
+              a: val
+            })));
+          }
+        }
+      });
+    },
+    genHue: function genHue() {
+      var _this2 = this;
+
+      if (!this.color) return (0, _vue.h)('div');
+      return this.genTrack({
+        class: 'v-color-picker__hue',
+        thumbColor: 'grey lighten-2',
+        hideDetails: true,
+        modelValue: this.color.hue,
+        step: 0,
+        min: 0,
+        max: 360,
+        'onUpdate:modelValue': function onUpdateModelValue(val) {
+          if (_this2.color && _this2.color.hue !== val) {
+            _this2.$emit('update:color', (0, _util.fromHSVA)(_objectSpread(_objectSpread({}, _this2.color.hsva), {}, {
+              h: val
+            })));
+          }
+        }
+      });
+    },
+    genTrack: function genTrack(options) {
+      return (0, _vue.h)(_VSlider.default, _objectSpread({
+        class: 'v-color-picker__track',
+        disabled: this.disabled
+      }, options));
+    },
+    genSliders: function genSliders() {
+      return (0, _vue.h)('div', {
+        class: 'v-color-picker__sliders'
+      }, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
+    },
+    genDot: function genDot() {
+      return (0, _vue.h)('div', {
+        class: 'v-color-picker__dot'
+      }, [(0, _vue.h)('div', {
+        style: {
+          background: this.color ? (0, _colorUtils.RGBAtoCSS)(this.color.rgba) : 'transparent'
+        }
+      })]);
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: ['v-color-picker__preview', {
+        'v-color-picker__preview--hide-alpha': this.hideAlpha
+      }]
+    }, [this.genDot(), this.genSliders()]);
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=VColorPickerPreview.js.map

package/es5/components/VColorPicker/VColorPickerPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerPreview.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\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 type { VNode, PropType } from 'vue'\nimport type { VColorPickerColor } from './util'\nimport { fromHSVA } from './util'\n\nexport default defineComponent({\n  name: 'v-color-picker-preview',\n\n  props: {\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      required: true,\n    },\n    disabled: Boolean,\n    hideAlpha: Boolean,\n  },\n\n  emits: ['update:color'],\n\n  methods: {\n    genAlpha (): VNode {\n      if (!this.color) return h('div')\n      return this.genTrack({\n        class: 'v-color-picker__alpha',\n        thumbColor: 'grey lighten-2',\n        hideDetails: true,\n        modelValue: this.color.alpha,\n        step: 0,\n        min: 0,\n        max: 1,\n        style: {\n          backgroundImage: this.disabled\n            ? undefined\n            : `linear-gradient(to ${this.$vuetify?.rtl ? 'left' : 'right'}, transparent, ${RGBtoCSS(this.color.rgba)})`,\n        },\n        'onUpdate:modelValue': (val: number) => {\n          if (this.color && this.color.alpha !== val) {\n            this.$emit('update:color', fromHSVA({ ...this.color.hsva, a: val }))\n          }\n        },\n      })\n    },\n\n    genHue (): VNode {\n      if (!this.color) return h('div')\n      return this.genTrack({\n        class: 'v-color-picker__hue',\n        thumbColor: 'grey lighten-2',\n        hideDetails: true,\n        modelValue: this.color.hue,\n        step: 0,\n        min: 0,\n        max: 360,\n        'onUpdate:modelValue': (val: number) => {\n          if (this.color && this.color.hue !== val) {\n            this.$emit('update:color', fromHSVA({ ...this.color.hsva, h: val }))\n          }\n        },\n      })\n    },\n\n    genTrack (options: Record<string, any>): VNode {\n      return h(VSlider, {\n        class: 'v-color-picker__track',\n        disabled: this.disabled,\n        ...options,\n      })\n    },\n\n    genSliders (): VNode {\n      return h('div', {\n        class: 'v-color-picker__sliders',\n      }, [\n        this.genHue(),\n        !this.hideAlpha && this.genAlpha(),\n      ])\n    },\n\n    genDot (): VNode {\n      return h('div', {\n        class: 'v-color-picker__dot',\n      }, [\n        h('div', {\n          style: {\n            background: this.color ? RGBAtoCSS(this.color.rgba) : 'transparent',\n          },\n        }),\n      ])\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-color-picker__preview', {\n        'v-color-picker__preview--hide-alpha': this.hideAlpha,\n      }],\n    }, [\n      this.genDot(),\n      this.genSliders(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerPreview.js"}

package/es5/components/VColorPicker/VColorPickerSwatches.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _vue = require("vue");
+
+require("../../../src/components/VColorPicker/VColorPickerSwatches.sass");
+
+var _VIcon = _interopRequireDefault(require("../VIcon"));
+
+var _colors = _interopRequireDefault(require("../../util/colors"));
+
+var _util = require("./util");
+
+var _helpers = require("../../util/helpers");
+
+var _colorUtils = require("../../util/colorUtils");
+
+var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Styles
+// Components
+// Helpers
+// Mixins
+function parseDefaultColors(colors) {
+  return Object.keys(colors).map(function (key) {
+    var 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];
+  });
+}
+
+var white = (0, _util.fromHex)('#FFFFFF').rgba;
+var black = (0, _util.fromHex)('#000000').rgba;
+
+var _default2 = (0, _vue.defineComponent)({
+  name: 'v-color-picker-swatches',
+  mixins: [_themeable.default],
+  props: {
+    swatches: {
+      type: Array,
+      default: function _default() {
+        return parseDefaultColors(_colors.default);
+      }
+    },
+    disabled: Boolean,
+    color: {
+      type: Object,
+      required: true
+    },
+    maxWidth: [Number, String],
+    maxHeight: [Number, String]
+  },
+  emits: ['update:color'],
+  methods: {
+    genColor: function genColor(color) {
+      var _this = this;
+
+      var content = (0, _vue.h)('div', {
+        style: {
+          background: color
+        }
+      }, [(0, _helpers.deepEqual)(this.color, (0, _util.parseColor)(color, null)) && (0, _vue.h)(_VIcon.default, {
+        small: true,
+        dark: (0, _colorUtils.contrastRatio)(this.color.rgba, white) > 2 && this.color.alpha > 0.5,
+        light: (0, _colorUtils.contrastRatio)(this.color.rgba, black) > 2 && this.color.alpha > 0.5
+      }, '$success')]);
+      return (0, _vue.h)('div', {
+        class: 'v-color-picker__color',
+        onClick: function onClick() {
+          if (!_this.disabled) {
+            _this.$emit('update:color', (0, _util.fromHex)(color === 'transparent' ? '#00000000' : color));
+          }
+        }
+      }, [content]);
+    },
+    genSwatches: function genSwatches() {
+      var _this2 = this;
+
+      return this.swatches.map(function (swatch) {
+        var colors = swatch.map(_this2.genColor);
+        return (0, _vue.h)('div', {
+          class: 'v-color-picker__swatch'
+        }, colors);
+      });
+    }
+  },
+  render: function render() {
+    return (0, _vue.h)('div', {
+      class: ['v-color-picker__swatches', this.themeClasses],
+      style: {
+        maxWidth: (0, _helpers.convertToUnit)(this.maxWidth),
+        maxHeight: (0, _helpers.convertToUnit)(this.maxHeight)
+      }
+    }, [(0, _vue.h)('div', this.genSwatches())]);
+  }
+});
+
+exports.default = _default2;
+//# sourceMappingURL=VColorPickerSwatches.js.map

package/es5/components/VColorPicker/VColorPickerSwatches.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPickerSwatches.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\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 { contrastRatio } from '../../util/colorUtils'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport type { VNode, PropType } from 'vue'\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 defineComponent({\n  name: 'v-color-picker-swatches',\n\n  mixins: [Themeable],\n\n  props: {\n    swatches: {\n      type: Array as PropType<string[][]>,\n      default: () => parseDefaultColors(colors),\n    },\n    disabled: Boolean,\n    color: {\n      type: Object as PropType<VColorPickerColor>,\n      required: true,\n    },\n    maxWidth: [Number, String],\n    maxHeight: [Number, String],\n  },\n\n  emits: ['update:color'],\n\n  methods: {\n    genColor (color: string): VNode {\n      const content = h('div', {\n        style: {\n          background: color,\n        },\n      }, [\n        deepEqual(this.color, parseColor(color, null)) && h(VIcon, {\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        }, '$success'),\n      ])\n\n      return h('div', {\n        class: 'v-color-picker__color',\n        onClick: () => {\n          if (!this.disabled) {\n            this.$emit('update:color', fromHex(color === 'transparent' ? '#00000000' : color))\n          }\n        },\n      }, [content])\n    },\n\n    genSwatches (): VNode[] {\n      return this.swatches.map(swatch => {\n        const colors = swatch.map(this.genColor)\n\n        return h('div', {\n          class: 'v-color-picker__swatch',\n        }, colors)\n      })\n    },\n  },\n\n  render (): VNode {\n    return h('div', {\n      class: ['v-color-picker__swatches', this.themeClasses],\n      style: {\n        maxWidth: convertToUnit(this.maxWidth),\n        maxHeight: convertToUnit(this.maxHeight),\n      },\n    }, [\n      h('div', this.genSwatches()),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPickerSwatches.js"}

package/es5/components/VColorPicker/index.js

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

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

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

package/es5/components/VColorPicker/util/index.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fromHSVA = fromHSVA;
+exports.fromHSLA = fromHSLA;
+exports.fromRGBA = fromRGBA;
+exports.fromHexa = fromHexa;
+exports.fromHex = fromHex;
+exports.parseColor = parseColor;
+exports.extractColor = extractColor;
+exports.hasAlpha = hasAlpha;
+
+var _colorUtils = require("../../../util/colorUtils");
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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); }
+
+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; }
+
+function fromHSVA(hsva) {
+  hsva = _objectSpread({}, hsva);
+  var hexa = (0, _colorUtils.HSVAtoHex)(hsva);
+  var hsla = (0, _colorUtils.HSVAtoHSLA)(hsva);
+  var rgba = (0, _colorUtils.HSVAtoRGBA)(hsva);
+  return {
+    alpha: hsva.a,
+    hex: hexa.substr(0, 7),
+    hexa: hexa,
+    hsla: hsla,
+    hsva: hsva,
+    hue: hsva.h,
+    rgba: rgba
+  };
+}
+
+function fromHSLA(hsla) {
+  var hsva = (0, _colorUtils.HSLAtoHSVA)(hsla);
+  var hexa = (0, _colorUtils.HSVAtoHex)(hsva);
+  var rgba = (0, _colorUtils.HSVAtoRGBA)(hsva);
+  return {
+    alpha: hsva.a,
+    hex: hexa.substr(0, 7),
+    hexa: hexa,
+    hsla: hsla,
+    hsva: hsva,
+    hue: hsva.h,
+    rgba: rgba
+  };
+}
+
+function fromRGBA(rgba) {
+  var hsva = (0, _colorUtils.RGBAtoHSVA)(rgba);
+  var hexa = (0, _colorUtils.RGBAtoHex)(rgba);
+  var hsla = (0, _colorUtils.HSVAtoHSLA)(hsva);
+  return {
+    alpha: hsva.a,
+    hex: hexa.substr(0, 7),
+    hexa: hexa,
+    hsla: hsla,
+    hsva: hsva,
+    hue: hsva.h,
+    rgba: rgba
+  };
+}
+
+function fromHexa(hexa) {
+  var hsva = (0, _colorUtils.HexToHSVA)(hexa);
+  var hsla = (0, _colorUtils.HSVAtoHSLA)(hsva);
+  var rgba = (0, _colorUtils.HSVAtoRGBA)(hsva);
+  return {
+    alpha: hsva.a,
+    hex: hexa.substr(0, 7),
+    hexa: hexa,
+    hsla: hsla,
+    hsva: hsva,
+    hue: hsva.h,
+    rgba: rgba
+  };
+}
+
+function fromHex(hex) {
+  return fromHexa((0, _colorUtils.parseHex)(hex));
+}
+
+function has(obj, key) {
+  return key.every(function (k) {
+    return obj.hasOwnProperty(k);
+  });
+}
+
+function parseColor(color, oldColor) {
+  if (!color) return fromRGBA({
+    r: 255,
+    g: 0,
+    b: 0,
+    a: 1
+  });
+
+  if (typeof color === 'string') {
+    if (color === 'transparent') return fromHexa('#00000000');
+    var hex = (0, _colorUtils.parseHex)(color);
+    if (oldColor && hex === oldColor.hexa) return oldColor;else return fromHexa(hex);
+  }
+
+  if (_typeof(color) === 'object') {
+    if (color.hasOwnProperty('alpha')) return color;
+    var a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1;
+
+    if (has(color, ['r', 'g', 'b'])) {
+      if (oldColor && color === oldColor.rgba) return oldColor;else return fromRGBA(_objectSpread(_objectSpread({}, color), {}, {
+        a: a
+      }));
+    } else if (has(color, ['h', 's', 'l'])) {
+      if (oldColor && color === oldColor.hsla) return oldColor;else return fromHSLA(_objectSpread(_objectSpread({}, color), {}, {
+        a: a
+      }));
+    } else if (has(color, ['h', 's', 'v'])) {
+      if (oldColor && color === oldColor.hsva) return oldColor;else return fromHSVA(_objectSpread(_objectSpread({}, color), {}, {
+        a: a
+      }));
+    }
+  }
+
+  return fromRGBA({
+    r: 255,
+    g: 0,
+    b: 0,
+    a: 1
+  });
+}
+
+function stripAlpha(color, stripAlpha) {
+  if (stripAlpha) {
+    var a = color.a,
+        rest = _objectWithoutProperties(color, ["a"]);
+
+    return rest;
+  }
+
+  return color;
+}
+
+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') {
+    var 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;
+}
+
+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