@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/es5/components/VCheckbox/VCheckbox.js

@@ -15,8 +15,6 @@ var _VInput = _interopRequireDefault(require("../VInput"));
 
 var _selectable = _interopRequireDefault(require("../../mixins/selectable"));
 
-var _vue = require("vue");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -30,9 +28,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 /* @vue/component */
-var _default = (0, _vue.defineComponent)({
+var _default = _selectable.default.extend({
   name: 'v-checkbox',
-  extends: _selectable.default,
   props: {
     indeterminate: Boolean,
     indeterminateIcon: {
@@ -55,7 +52,7 @@ var _default = (0, _vue.defineComponent)({
   },
   computed: {
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VInput.default.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VInput.default.options.computed.classes.call(this)), {}, {
         'v-input--selection-controls': true,
         'v-input--checkbox': true,
         'v-input--indeterminate': this.inputIndeterminate
@@ -104,12 +101,14 @@ var _default = (0, _vue.defineComponent)({
           title = _this$attrs$.title,
           checkboxAttrs = _objectWithoutProperties(_this$attrs$, ["title"]);
 
-      return (0, _vue.h)('div', {
-        class: 'v-input--selection-controls__input'
-      }, [(0, _vue.h)(_VIcon.default, this.setTextColor(this.validationState, {
-        dense: this.dense,
-        dark: this.dark,
-        light: this.light
+      return this.$createElement('div', {
+        staticClass: 'v-input--selection-controls__input'
+      }, [this.$createElement(_VIcon.default, this.setTextColor(this.validationState, {
+        props: {
+          dense: this.dense,
+          dark: this.dark,
+          light: this.light
+        }
       }), this.computedIcon), this.genInput('checkbox', _objectSpread(_objectSpread({}, checkboxAttrs), {}, {
         'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
       })), this.genRipple(this.setTextColor(this.rippleState))]);

package/es5/components/VCheckbox/VCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'v-checkbox',\n  extends: Selectable,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return h('div', {\n        class: 'v-input--selection-controls__input',\n      }, [\n        h(VIcon, this.setTextColor(this.validationState, {\n          dense: this.dense,\n          dark: this.dark,\n          light: this.light\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}

package/es5/components/VCheckbox/VSimpleCheckbox.js

@@ -9,7 +9,7 @@ require("../../../src/components/VCheckbox/VSimpleCheckbox.sass");
 
 var _ripple = _interopRequireDefault(require("../../directives/ripple"));
 
-var _vue = require("vue");
+var _vue = _interopRequireDefault(require("vue"));
 
 var _VIcon = require("../VIcon");
 
@@ -19,6 +19,8 @@ var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
 
+var _helpers = require("../../util/helpers");
+
 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; }
@@ -27,13 +29,13 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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)({
+var _default = _vue.default.extend({
   name: 'v-simple-checkbox',
   functional: true,
   directives: {
     Ripple: _ripple.default
   },
-  props: _objectSpread(_objectSpread(_objectSpread({}, _colorable.default.props), _themeable.default.props), {}, {
+  props: _objectSpread(_objectSpread(_objectSpread({}, _colorable.default.options.props), _themeable.default.options.props), {}, {
     disabled: Boolean,
     ripple: {
       type: Boolean,
@@ -54,21 +56,24 @@ var _default = (0, _vue.defineComponent)({
       default: '$checkboxOff'
     }
   }),
-  render: function render() {
-    var props = this.$props;
-    var data = this.$attrs;
+  render: function render(h, _ref) {
+    var props = _ref.props,
+        data = _ref.data,
+        listeners = _ref.listeners;
     var children = [];
     var icon = props.offIcon;
     if (props.indeterminate) icon = props.indeterminateIcon;else if (props.value) icon = props.onIcon;
-    children.push((0, _vue.h)(_VIcon.VIcon, _colorable.default.methods.setTextColor(props.value && props.color, {
-      disabled: props.disabled,
-      dark: props.dark,
-      light: props.light
+    children.push(h(_VIcon.VIcon, _colorable.default.options.methods.setTextColor(props.value && props.color, {
+      props: {
+        disabled: props.disabled,
+        dark: props.dark,
+        light: props.light
+      }
     }), icon));
 
     if (props.ripple && !props.disabled) {
-      var ripple = (0, _vue.h)('div', _colorable.default.methods.setTextColor(props.color, {
-        class: 'v-input--selection-controls__ripple',
+      var ripple = h('div', _colorable.default.options.methods.setTextColor(props.color, {
+        staticClass: 'v-input--selection-controls__ripple',
         directives: [{
           def: _ripple.default,
           name: 'ripple',
@@ -80,20 +85,24 @@ var _default = (0, _vue.defineComponent)({
       children.push(ripple);
     }
 
-    return (0, _vue.h)('div', (0, _mergeData.default)(data, {
+    return h('div', (0, _mergeData.default)(data, {
       class: {
         'v-simple-checkbox': true,
         'v-simple-checkbox--disabled': props.disabled
       },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-
-        if (data.on && data.on.input && !props.disabled) {
-          data.onInput && data.onInput(!props.value);
+      on: {
+        click: function click(e) {
+          e.stopPropagation();
+
+          if (data.on && data.on.input && !props.disabled) {
+            (0, _helpers.wrapInArray)(data.on.input).forEach(function (f) {
+              return f(!props.value);
+            });
+          }
         }
       }
-    }), [(0, _vue.h)('div', {
-      class: 'v-input--selection-controls__input'
+    }), [h('div', {
+      staticClass: 'v-input--selection-controls__input'
     }, children)]);
   }
 });

package/es5/components/VCheckbox/VSimpleCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VSimpleCheckbox.ts"],"names":[],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AAGA;;AAGA;;AACA;;AAGA;;;;;;;;;;eAGe,0BAAgB;AAC7B,EAAA,IAAI,EAAE,mBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;AAK7B,EAAA,UAAU,EAAE;AACV,IAAA,MAAM,EAAN;AADU,GALiB;AAS7B,EAAA,KAAK,gDACA,mBAAU,KADV,GAEA,mBAAU,KAFV;AAGH,IAAA,QAAQ,EAAE,OAHP;AAIH,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,OADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAJL;AAQH,IAAA,KAAK,EAAE,OARJ;AASH,IAAA,aAAa,EAAE,OATZ;AAUH,IAAA,iBAAiB,EAAE;AACjB,MAAA,IAAI,EAAE,MADW;AAEjB,MAAA,OAAO,EAAE;AAFQ,KAVhB;AAcH,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,MADA;AAEN,MAAA,OAAO,EAAE;AAFH,KAdL;AAkBH,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF;AAlBN,IATwB;AAiC7B,EAAA,MAjC6B,oBAiCvB;AACJ,QAAM,KAAK,GAAG,KAAK,MAAnB;AACA,QAAM,IAAI,GAAG,KAAK,MAAlB;AAEA,QAAM,QAAQ,GAAG,EAAjB;AACA,QAAI,IAAI,GAAG,KAAK,CAAC,OAAjB;AACA,QAAI,KAAK,CAAC,aAAV,EAAyB,IAAI,GAAG,KAAK,CAAC,iBAAb,CAAzB,KACK,IAAI,KAAK,CAAC,KAAV,EAAiB,IAAI,GAAG,KAAK,CAAC,MAAb;AAEtB,IAAA,QAAQ,CAAC,IAAT,CAAc,YAAE,YAAF,EAAS,mBAAU,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,KAAN,IAAe,KAAK,CAAC,KAApD,EAA2D;AAChF,MAAA,QAAQ,EAAE,KAAK,CAAC,QADgE;AAEhF,MAAA,IAAI,EAAE,KAAK,CAAC,IAFoE;AAGhF,MAAA,KAAK,EAAE,KAAK,CAAC;AAHmE,KAA3D,CAAT,EAIV,IAJU,CAAd;;AAMA,QAAI,KAAK,CAAC,MAAN,IAAgB,CAAC,KAAK,CAAC,QAA3B,EAAqC;AACnC,UAAM,MAAM,GAAG,YAAE,KAAF,EAAS,mBAAU,OAAV,CAAkB,YAAlB,CAA+B,KAAK,CAAC,KAArC,EAA4C;AAClE,QAAA,KAAK,EAAE,qCAD2D;AAElE,QAAA,UAAU,EAAE,CAAC;AACX,UAAA,GAAG,EAAE,eADM;AAEX,UAAA,IAAI,EAAE,QAFK;AAGX,UAAA,KAAK,EAAE;AAAE,YAAA,MAAM,EAAE;AAAV;AAHI,SAAD;AAFsD,OAA5C,CAAT,CAAf;AASA,MAAA,QAAQ,CAAC,IAAT,CAAc,MAAd;AACD;;AAED,WAAO,YAAE,KAAF,EACL,wBAAU,IAAV,EAAgB;AACd,MAAA,KAAK,EAAE;AACL,6BAAqB,IADhB;AAEL,uCAA+B,KAAK,CAAC;AAFhC,OADO;AAKd,MAAA,OAAO,EAAE,iBAAC,CAAD,EAAkB;AACzB,QAAA,CAAC,CAAC,eAAF;;AAEA,YAAI,IAAI,CAAC,EAAL,IAAW,IAAI,CAAC,EAAL,CAAQ,KAAnB,IAA4B,CAAC,KAAK,CAAC,QAAvC,EAAiD;AAC/C,UAAA,IAAI,CAAC,OAAL,IAAgB,IAAI,CAAC,OAAL,CAAa,CAAC,KAAK,CAAC,KAApB,CAAhB;AACD;AACF;AAXa,KAAhB,CADK,EAaD,CACF,YAAE,KAAF,EAAS;AAAE,MAAA,KAAK,EAAE;AAAT,KAAT,EAA0D,QAA1D,CADE,CAbC,CAAP;AAgBD;AA7E4B,CAAhB,C","sourcesContent":["import './VSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport { VNode, VNodeDirective, h } from 'vue'\nimport {defineComponent} from 'vue'\n\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default defineComponent({\n  name: 'v-simple-checkbox',\n\n  functional: true,\n\n  directives: {\n    Ripple,\n  },\n\n  props: {\n    ...Colorable.props,\n    ...Themeable.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    value: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  render (): VNode {\n    const props = this.$props\n    const data = this.$attrs\n\n    const children = []\n    let icon = props.offIcon\n    if (props.indeterminate) icon = props.indeterminateIcon\n    else if (props.value) icon = props.onIcon\n\n    children.push(h(VIcon, Colorable.methods.setTextColor(props.value && props.color, {\n      disabled: props.disabled,\n      dark: props.dark,\n      light: props.light\n    }), icon))\n\n    if (props.ripple && !props.disabled) {\n      const ripple = h('div', Colorable.methods.setTextColor(props.color, {\n        class: 'v-input--selection-controls__ripple',\n        directives: [{\n          def: Ripple,\n          name: 'ripple',\n          value: { center: true },\n        }] as VNodeDirective[],\n      }))\n\n      children.push(ripple)\n    }\n\n    return h('div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': props.disabled,\n        },\n        onClick: (e: MouseEvent) => {\n          e.stopPropagation()\n\n          if (data.on && data.on.input && !props.disabled) {\n            data.onInput && data.onInput(!props.value)\n          }\n        },\n      }), [\n        h('div', { class: 'v-input--selection-controls__input' }, children),\n      ])\n  },\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/VSimpleCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["import './VSimpleCheckbox.sass'\n\nimport Ripple from '../../directives/ripple'\n\nimport Vue, { VNode, VNodeDirective } from 'vue'\nimport { VIcon } from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mergeData from '../../util/mergeData'\nimport { wrapInArray } from '../../util/helpers'\n\nexport default Vue.extend({\n  name: 'v-simple-checkbox',\n\n  functional: true,\n\n  directives: {\n    Ripple,\n  },\n\n  props: {\n    ...Colorable.options.props,\n    ...Themeable.options.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    value: Boolean,\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n  },\n\n  render (h, { props, data, listeners }): VNode {\n    const children = []\n    let icon = props.offIcon\n    if (props.indeterminate) icon = props.indeterminateIcon\n    else if (props.value) icon = props.onIcon\n\n    children.push(h(VIcon, Colorable.options.methods.setTextColor(props.value && props.color, {\n      props: {\n        disabled: props.disabled,\n        dark: props.dark,\n        light: props.light,\n      },\n    }), icon))\n\n    if (props.ripple && !props.disabled) {\n      const ripple = h('div', Colorable.options.methods.setTextColor(props.color, {\n        staticClass: 'v-input--selection-controls__ripple',\n        directives: [{\n          def: Ripple,\n          name: 'ripple',\n          value: { center: true },\n        }] as VNodeDirective[],\n      }))\n\n      children.push(ripple)\n    }\n\n    return h('div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': props.disabled,\n        },\n        on: {\n          click: (e: MouseEvent) => {\n            e.stopPropagation()\n\n            if (data.on && data.on.input && !props.disabled) {\n              wrapInArray(data.on.input).forEach(f => f(!props.value))\n            }\n          },\n        },\n      }), [\n        h('div', { staticClass: 'v-input--selection-controls__input' }, children),\n      ])\n  },\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}

package/es5/components/VChip/VChip.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 require("../../../src/components/VChip/VChip.sass");
 
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
@@ -52,7 +50,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 /* @vue/component */
-var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _routable.default, _themeable.default, (0, _groupable.factory)('chipGroup'), (0, _toggleable.factory)('inputValue')).extend({
+var _default2 = (0, _mixins.default)(_colorable.default, _sizeable.default, _routable.default, _themeable.default, (0, _groupable.factory)('chipGroup'), (0, _toggleable.factory)('inputValue')).extend({
   name: 'v-chip',
   props: {
     active: {
@@ -60,7 +58,11 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
       default: true
     },
     activeClass: {
-      type: String
+      type: String,
+      default: function _default() {
+        if (!this.chipGroup) return '';
+        return this.chipGroup.activeClass;
+      }
     },
     close: Boolean,
     closeIcon: {
@@ -95,15 +97,10 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
     };
   },
   computed: {
-    $activeClass: function $activeClass() {
-      if (this.activeClass) return this.activeClass;
-      if (!this.chipGroup) return '';
-      return this.chipGroup.activeClass;
-    },
     classes: function classes() {
       return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         'v-chip': true
-      }, _routable.default.computed.classes.call(this)), {}, {
+      }, _routable.default.options.computed.classes.call(this)), {}, {
         'v-chip--clickable': this.isClickable,
         'v-chip--disabled': this.disabled,
         'v-chip--draggable': this.draggable,
@@ -119,7 +116,7 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
       return Boolean(this.close);
     },
     isClickable: function isClickable() {
-      return Boolean(_routable.default.computed.isClickable.call(this) || this.chipGroup);
+      return Boolean(_routable.default.options.computed.isClickable.call(this) || this.chipGroup);
     }
   },
   created: function created() {
@@ -145,56 +142,66 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
       var children = [];
 
       if (this.isActive) {
-        children.push((0, _vue.h)(_VIcon.default, {
-          class: 'v-chip__filter',
-          left: true
+        children.push(this.$createElement(_VIcon.default, {
+          staticClass: 'v-chip__filter',
+          props: {
+            left: true
+          }
         }, this.filterIcon));
       }
 
-      return (0, _vue.h)(_transitions.VExpandXTransition, children);
+      return this.$createElement(_transitions.VExpandXTransition, children);
     },
     genClose: function genClose() {
       var _this2 = this;
 
-      return (0, _vue.h)(_VIcon.default, {
-        class: 'v-chip__close',
-        right: true,
-        size: 18,
-        'aria-label': this.$vuetify.lang.t(this.closeLabel),
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          e.preventDefault();
-
-          _this2.$emit('click:close');
-
-          _this2.$emit('update:active', false);
+      return this.$createElement(_VIcon.default, {
+        staticClass: 'v-chip__close',
+        props: {
+          right: true,
+          size: 18
+        },
+        attrs: {
+          'aria-label': this.$vuetify.lang.t(this.closeLabel)
+        },
+        on: {
+          click: function click(e) {
+            e.stopPropagation();
+            e.preventDefault();
+
+            _this2.$emit('click:close');
+
+            _this2.$emit('update:active', false);
+          }
         }
       }, this.closeIcon);
     },
     genContent: function genContent() {
-      return (0, _vue.h)('span', {
-        class: 'v-chip__content'
+      return this.$createElement('span', {
+        staticClass: 'v-chip__content'
       }, [this.filter && this.genFilter(), (0, _helpers.getSlot)(this), this.hasClose && this.genClose()]);
     }
   },
-  render: function render() {
+  render: function render(h) {
     var children = [this.genContent()];
 
     var _this$generateRouteLi = this.generateRouteLink(),
         tag = _this$generateRouteLi.tag,
-        data = _this$generateRouteLi.data,
-        directives = _this$generateRouteLi.directives;
+        data = _this$generateRouteLi.data;
 
-    data = _objectSpread(_objectSpread({}, data), {}, {
+    data.attrs = _objectSpread(_objectSpread({}, data.attrs), {}, {
       draggable: this.draggable ? 'true' : undefined,
-      tabindex: this.chipGroup && !this.disabled ? 0 : data.tabindex
+      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs.tabindex
+    });
+    data.directives.push({
+      name: 'show',
+      value: this.active
     });
-    directives.push([_vue.vShow, this.active]);
     data = this.setBackgroundColor(this.color, data);
     var color = this.textColor || this.outlined && this.color;
-    return (0, _vue.withDirectives)((0, _vue.h)(tag, this.setTextColor(color, data), children), directives);
+    return h(tag, this.setTextColor(color, data), children);
   }
 });
 
-exports.default = _default;
+exports.default = _default2;
 //# sourceMappingURL=VChip.js.map

package/es5/components/VChip/VChip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/VChip.ts"],"names":[],"mappings":"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","sourcesContent":["import {h, vShow, withDirectives} from 'vue'\n// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\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'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\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: '$vuetify.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: 'v-chip--active',\n  }),\n\n  computed: {\n    $activeClass() {\n      if(this.activeClass)\n        return this.activeClass\n      if (!this.chipGroup) return ''\n\n      return this.chipGroup.activeClass\n    },\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-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.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 (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          h(VIcon, {\n            class: 'v-chip__filter',\n            left: true,\n          }, this.filterIcon)\n        )\n      }\n\n      return h(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return h(VIcon, {\n        class: 'v-chip__close',\n        right: true,\n        size: 18,\n        'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        onClick: (e: Event) => {\n          e.stopPropagation()\n          e.preventDefault()\n\n          this.$emit('click:close')\n          this.$emit('update:active', false)\n        }\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return h('span', {\n        class: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        getSlot(this),\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (): VNode {\n    const children = [this.genContent()]\n    let { tag, data, directives } = this.generateRouteLink()\n\n    data = {\n      ...data,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.tabindex,\n    }\n\n    directives!.push([\n      vShow,\n      this.active,\n    ])\n\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return withDirectives(\n      h(tag, this.setTextColor(color, data), children),\n      directives\n    )\n  },\n})\n"],"sourceRoot":"","file":"VChip.js"}
+{"version":3,"sources":["../../../src/components/VChip/VChip.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\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'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-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: '$vuetify.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: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-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 (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.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 (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        getSlot(this),\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\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":"VChip.js"}

package/es5/components/VChipGroup/VChipGroup.js

@@ -34,7 +34,7 @@ var _default = (0, _mixins.default)(_VSlideGroup.BaseSlideGroup, _colorable.defa
   },
   computed: {
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _VSlideGroup.BaseSlideGroup.computed.classes.call(this)), {}, {
+      return _objectSpread(_objectSpread({}, _VSlideGroup.BaseSlideGroup.options.computed.classes.call(this)), {}, {
         'v-chip-group': true,
         'v-chip-group--column': this.column
       });
@@ -48,7 +48,7 @@ var _default = (0, _mixins.default)(_VSlideGroup.BaseSlideGroup, _colorable.defa
   },
   methods: {
     genData: function genData() {
-      return this.setTextColor(this.color, _objectSpread({}, _VSlideGroup.BaseSlideGroup.methods.genData.call(this)));
+      return this.setTextColor(this.color, _objectSpread({}, _VSlideGroup.BaseSlideGroup.options.methods.genData.call(this)));
     }
   }
 });

package/es5/components/VChipGroup/VChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChipGroup/VChipGroup.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,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,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,IAA/B,CAAoC,IAApC,CADE,EAAP;AAGD;AALM;AA/BF,CAHM,C","sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  BaseSlideGroup,\n  Colorable\n).extend({\n  name: 'v-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.computed.classes.call(this),\n        'v-chip-group': true,\n        'v-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.methods.genData.call(this),\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"VChipGroup.js"}
+{"version":3,"sources":["../../../src/components/VChipGroup/VChipGroup.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 './VChipGroup.sass'\n\n// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  BaseSlideGroup,\n  Colorable\n).extend({\n  name: 'v-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        'v-chip-group': true,\n        'v-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":"VChipGroup.js"}

package/es5/components/VColorPicker/VColorPicker.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _vue = require("vue");
-
 require("../../../src/components/VColorPicker/VColorPicker.sass");
 
 var _VSheet = _interopRequireDefault(require("../VSheet/VSheet"));
@@ -116,37 +114,45 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
       }
     },
     genCanvas: function genCanvas() {
-      return (0, _vue.h)(_VColorPickerCanvas.default, {
-        color: this.internalValue,
-        disabled: this.disabled,
-        dotSize: this.dotSize,
-        width: this.width,
-        height: this.canvasHeight,
-        'onUpdate:color': this.updateColor
+      return this.$createElement(_VColorPickerCanvas.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 (0, _vue.h)('div', {
-        class: 'v-color-picker__controls'
+      return this.$createElement('div', {
+        staticClass: 'v-color-picker__controls'
       }, [!this.hideSliders && this.genPreview(), !this.hideInputs && this.genEdit()]);
     },
     genEdit: function genEdit() {
       var _this = this;
 
-      return (0, _vue.h)(_VColorPickerEdit.default, {
-        color: this.internalValue,
-        disabled: this.disabled,
-        hideAlpha: this.hideAlpha,
-        hideModeSwitch: this.hideModeSwitch,
-        mode: this.mode,
-        'onUpdate:color': this.updateColor,
-        'onUpdate:mode': function onUpdateMode(v) {
-          return _this.$emit('update:mode', v);
+      return this.$createElement(_VColorPickerEdit.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 (0, _vue.h)(_VColorPickerPreview.default, {
+      return this.$createElement(_VColorPickerPreview.default, {
         props: {
           color: this.internalValue,
           disabled: this.disabled,
@@ -158,7 +164,7 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
       });
     },
     genSwatches: function genSwatches() {
-      return (0, _vue.h)(_VColorPickerSwatches.default, {
+      return this.$createElement(_VColorPickerSwatches.default, {
         props: {
           dark: this.dark,
           light: this.light,
@@ -173,16 +179,16 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
       });
     }
   },
-  render: function render() {
-    var _h;
-
-    return (0, _vue.h)(_VSheet.default, (_h = {
-      class: 'v-color-picker'
-    }, _defineProperty(_h, "class", _objectSpread(_objectSpread({
-      'v-color-picker--flat': this.flat
-    }, this.themeClasses), this.elevationClasses)), _defineProperty(_h, "props", {
-      maxWidth: this.width
-    }), _h), [!this.hideCanvas && this.genCanvas(), (!this.hideSliders || !this.hideInputs) && this.genControls(), this.showSwatches && this.genSwatches()]);
+  render: function render(h) {
+    return h(_VSheet.default, {
+      staticClass: 'v-color-picker',
+      class: _objectSpread(_objectSpread({
+        'v-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()]);
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport mixins from '../../util/mixins'\nimport { deepEqual } from '../../util/helpers'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(Elevatable, Themeable).extend({\n  name: 'v-color-picker',\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    flat: Boolean,\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    value: {\n      type: [Object, String],\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data: () => ({\n    internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n  }),\n\n  computed: {\n    hideAlpha (): boolean {\n      if (!this.value) return false\n\n      return !hasAlpha(this.value)\n    },\n  },\n\n  watch: {\n    value: {\n      handler (color: any) {\n        this.updateColor(parseColor(color, this.internalValue))\n      },\n      immediate: true,\n    },\n  },\n\n  methods: {\n    updateColor (color: VColorPickerColor) {\n      this.internalValue = color\n      const value = extractColor(this.internalValue, this.value)\n\n      if (!deepEqual(value, this.value)) {\n        this.$emit('input', value)\n        this.$emit('update:color', this.internalValue)\n      }\n    },\n    genCanvas (): VNode {\n      return h(VColorPickerCanvas, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        dotSize: this.dotSize,\n        width: this.width,\n        height: this.canvasHeight,\n        'onUpdate:color': this.updateColor\n      })\n    },\n    genControls (): VNode {\n      return h('div', {\n        class: 'v-color-picker__controls',\n      }, [\n        !this.hideSliders && this.genPreview(),\n        !this.hideInputs && this.genEdit(),\n      ])\n    },\n    genEdit (): VNode {\n      return h(VColorPickerEdit, {\n        color: this.internalValue,\n        disabled: this.disabled,\n        hideAlpha: this.hideAlpha,\n        hideModeSwitch: this.hideModeSwitch,\n        mode: this.mode,\n        'onUpdate:color': this.updateColor,\n        'onUpdate:mode': (v: Mode) => this.$emit('update:mode', v),\n      })\n    },\n    genPreview (): VNode {\n      return h(VColorPickerPreview, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genSwatches (): VNode {\n      return h(VColorPickerSwatches, {\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 (): VNode {\n    return h(VSheet, {\n      class: 'v-color-picker',\n      class: {\n        'v-color-picker--flat': this.flat,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n      props: {\n        maxWidth: this.width,\n      },\n    }, [\n      !this.hideCanvas && this.genCanvas(),\n      (!this.hideSliders || !this.hideInputs) && this.genControls(),\n      this.showSwatches && this.genSwatches(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPicker.js"}
+{"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport mixins from '../../util/mixins'\nimport { deepEqual } from '../../util/helpers'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(Elevatable, Themeable).extend({\n  name: 'v-color-picker',\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    flat: Boolean,\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    hideModeSwitch: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    value: {\n      type: [Object, String],\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n  },\n\n  data: () => ({\n    internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n  }),\n\n  computed: {\n    hideAlpha (): boolean {\n      if (!this.value) return false\n\n      return !hasAlpha(this.value)\n    },\n  },\n\n  watch: {\n    value: {\n      handler (color: any) {\n        this.updateColor(parseColor(color, this.internalValue))\n      },\n      immediate: true,\n    },\n  },\n\n  methods: {\n    updateColor (color: VColorPickerColor) {\n      this.internalValue = color\n      const value = extractColor(this.internalValue, this.value)\n\n      if (!deepEqual(value, this.value)) {\n        this.$emit('input', value)\n        this.$emit('update:color', this.internalValue)\n      }\n    },\n    genCanvas (): VNode {\n      return this.$createElement(VColorPickerCanvas, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          dotSize: this.dotSize,\n          width: this.width,\n          height: this.canvasHeight,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genControls (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-color-picker__controls',\n      }, [\n        !this.hideSliders && this.genPreview(),\n        !this.hideInputs && this.genEdit(),\n      ])\n    },\n    genEdit (): VNode {\n      return this.$createElement(VColorPickerEdit, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n          hideModeSwitch: this.hideModeSwitch,\n          mode: this.mode,\n        },\n        on: {\n          'update:color': this.updateColor,\n          'update:mode': (v: Mode) => this.$emit('update:mode', v),\n        },\n      })\n    },\n    genPreview (): VNode {\n      return this.$createElement(VColorPickerPreview, {\n        props: {\n          color: this.internalValue,\n          disabled: this.disabled,\n          hideAlpha: this.hideAlpha,\n        },\n        on: {\n          'update:color': this.updateColor,\n        },\n      })\n    },\n    genSwatches (): VNode {\n      return this.$createElement(VColorPickerSwatches, {\n        props: {\n          dark: this.dark,\n          light: this.light,\n          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): VNode {\n    return h(VSheet, {\n      staticClass: 'v-color-picker',\n      class: {\n        'v-color-picker--flat': this.flat,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n      props: {\n        maxWidth: this.width,\n      },\n    }, [\n      !this.hideCanvas && this.genCanvas(),\n      (!this.hideSliders || !this.hideInputs) && this.genControls(),\n      this.showSwatches && this.genSwatches(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"VColorPicker.js"}