@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha41

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// Utilities\nimport { breaking } from '../../util/console'\n\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  emits: ['click', 'focus', 'blur', 'update:indeterminate', 'update:modelValue', 'change'],\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  },\n\n  created () {\n    const breakingProps = [\n      ['inputValue', 'model-value'],\n      ['input-value', 'model-value']\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    genCheckbox () {\n      const { title, class: parentClass, ...checkboxAttrs } = this.$attrs\n      const ariaChecked = this.inputIndeterminate ? 'mixed' : this.isActive.toString()\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': ariaChecked\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

@@ -19,8 +19,22 @@ var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
 
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
 
+var _console = require("../../util/console");
+
 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; }
@@ -29,17 +43,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var _default = (0, _vue.defineComponent)({
   name: 'v-simple-checkbox',
-  functional: true,
-  directives: {
-    Ripple: _ripple.default
-  },
   props: _objectSpread(_objectSpread(_objectSpread({}, _colorable.default.props), _themeable.default.props), {}, {
     disabled: Boolean,
     ripple: {
       type: Boolean,
       default: true
     },
-    value: Boolean,
+    modelValue: Boolean,
     indeterminate: Boolean,
     indeterminateIcon: {
       type: String,
@@ -54,47 +64,93 @@ var _default = (0, _vue.defineComponent)({
       default: '$checkboxOff'
     }
   }),
+  emits: ['input', 'update:modelValue'],
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
+  methods: {
+    getIcon: function getIcon() {
+      var _this$$props = this.$props,
+          indeterminate = _this$$props.indeterminate,
+          modelValue = _this$$props.modelValue,
+          indeterminateIcon = _this$$props.indeterminateIcon,
+          onIcon = _this$$props.onIcon,
+          offIcon = _this$$props.offIcon;
+      if (indeterminate) return indeterminateIcon;
+      if (modelValue) return onIcon;
+      return offIcon;
+    },
+    createIcon: function createIcon() {
+      var _this2 = this;
+
+      var _this$$props2 = this.$props,
+          modelValue = _this$$props2.modelValue,
+          disabled = _this$$props2.disabled,
+          dark = _this$$props2.dark,
+          light = _this$$props2.light,
+          color = _this$$props2.color;
+      return (0, _vue.h)(_VIcon.VIcon, _colorable.default.methods.setTextColor(modelValue && color, {
+        disabled: disabled,
+        dark: dark,
+        light: light
+      }), function () {
+        return _this2.getIcon();
+      });
+    },
+    createRipple: function createRipple() {
+      var _this$$props3 = this.$props,
+          ripple = _this$$props3.ripple,
+          disabled = _this$$props3.disabled,
+          color = _this$$props3.color;
+      if (!ripple || disabled) return null;
+      return (0, _vue.withDirectives)((0, _vue.h)('div', _colorable.default.methods.setTextColor(color, {
+        class: 'v-input--selection-controls__ripple'
+      })), [[_ripple.default, {
+        center: true
+      }]]);
+    },
+    handleClick: function handleClick(e) {
+      e.stopPropagation();
+      if (this.$props.disabled) return;
+      var newValue = !this.modelValue;
+      var attrs = this.$attrs;
+      this.$emit('input', newValue);
+      this.$emit('update:modelValue', newValue);
+    },
+    createChildren: function createChildren() {
+      var children = [this.createIcon()];
+      var ripple = this.createRipple();
+
+      if (ripple) {
+        children.push(ripple);
+      }
+
+      return children;
+    }
+  },
   render: function render() {
-    var props = this.$props;
+    var disabled = this.$props.disabled;
     var data = this.$attrs;
-    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
-    }), icon));
-
-    if (props.ripple && !props.disabled) {
-      var ripple = (0, _vue.h)('div', _colorable.default.methods.setTextColor(props.color, {
-        class: 'v-input--selection-controls__ripple',
-        directives: [{
-          def: _ripple.default,
-          name: 'ripple',
-          value: {
-            center: true
-          }
-        }]
-      }));
-      children.push(ripple);
-    }
-
     return (0, _vue.h)('div', (0, _mergeData.default)(data, {
       class: {
         'v-simple-checkbox': true,
-        'v-simple-checkbox--disabled': props.disabled
+        'v-simple-checkbox--disabled': disabled
       },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-
-        if (data.on && data.on.input && !props.disabled) {
-          data.onInput && data.onInput(!props.value);
-        }
-      }
+      onClick: this.handleClick
     }), [(0, _vue.h)('div', {
       class: 'v-input--selection-controls__input'
-    }, children)]);
+    }, this.createChildren())]);
   }
 });
 

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 { VNode, h, defineComponent, withDirectives } 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'\nimport { breaking } from '../../util/console'\n\nexport default defineComponent({\n  name: 'v-simple-checkbox',\n\n  props: {\n    ...Colorable.props,\n    ...Themeable.props,\n    disabled: Boolean,\n    ripple: {\n      type: Boolean,\n      default: true\n    },\n    modelValue: 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  emits: ['input', 'update:modelValue'],\n\n  created () {\n    const breakingProps = [\n      ['value', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\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    getIcon (): string {\n      const { indeterminate, modelValue, indeterminateIcon, onIcon, offIcon } = this.$props\n\n      if (indeterminate) return indeterminateIcon\n      if (modelValue) return onIcon\n      return offIcon\n    },\n\n    createIcon (): VNode {\n      const { modelValue, disabled, dark, light, color } = this.$props\n\n      return h(\n        VIcon,\n        Colorable.methods.setTextColor(modelValue && color, {\n          disabled,\n          dark,\n          light\n        }),\n        () => this.getIcon()\n      )\n    },\n\n    createRipple (): VNode | null {\n      const { ripple, disabled, color } = this.$props\n\n      if (!ripple || disabled) return null\n\n      return withDirectives(\n        h(\n          'div',\n          Colorable.methods.setTextColor(color, {\n            class: 'v-input--selection-controls__ripple'\n          })\n        ),\n        [\n          [Ripple, { center: true }]\n        ]\n      )\n    },\n\n    handleClick (e: MouseEvent): void {\n      e.stopPropagation()\n\n      if (this.$props.disabled) return\n\n      const newValue = !this.modelValue\n      const attrs = this.$attrs\n\n      this.$emit('input', newValue)\n      this.$emit('update:modelValue', newValue)\n    },\n\n    createChildren (): VNode[] {\n      const children = [this.createIcon()]\n\n      const ripple = this.createRipple()\n      if (ripple) {\n        children.push(ripple)\n      }\n\n      return children\n    }\n  },\n\n  render (): VNode {\n    const { disabled } = this.$props\n    const data = this.$attrs\n\n    return h(\n      'div',\n      mergeData(data, {\n        class: {\n          'v-simple-checkbox': true,\n          'v-simple-checkbox--disabled': disabled\n        },\n        onClick: this.handleClick\n      }),\n      [\n        h(\n          'div',\n          { class: 'v-input--selection-controls__input' },\n          this.createChildren()\n        )\n      ]\n    )\n  }\n})\n"],"sourceRoot":"","file":"VSimpleCheckbox.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAGe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,eAAe,EAAf;AAFuB;AADZ,C","sourcesContent":["import VCheckbox from './VCheckbox'\nimport VSimpleCheckbox from './VSimpleCheckbox'\n\nexport { VCheckbox, VSimpleCheckbox }\nexport default {\n  $_vuetify_subcomponents: {\n    VCheckbox,\n    VSimpleCheckbox,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/VCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;eAGe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,SAAS,EAAT,kBADuB;AAEvB,IAAA,eAAe,EAAf;AAFuB;AADZ,C","sourcesContent":["import VCheckbox from './VCheckbox'\nimport VSimpleCheckbox from './VSimpleCheckbox'\n\nexport { VCheckbox, VSimpleCheckbox }\nexport default {\n  $_vuetify_subcomponents: {\n    VCheckbox,\n    VSimpleCheckbox\n  }\n}\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/VChip/VChip.js

@@ -52,8 +52,9 @@ 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 _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _routable.default, _themeable.default, (0, _groupable.factory)('chipGroup'), (0, _toggleable.factory)()).extend({
   name: 'v-chip',
+  emits: ['update:modelValue', 'click:close', 'click', 'change'],
   props: {
     active: {
       type: Boolean,
@@ -63,6 +64,7 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
       type: String
     },
     close: Boolean,
+    onClick: Function,
     closeIcon: {
       type: String,
       default: '$delete'
@@ -87,7 +89,7 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
       default: 'span'
     },
     textColor: String,
-    value: null
+    modelValue: null
   },
   data: function data() {
     return {
@@ -96,7 +98,10 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
   },
   computed: {
     $activeClass: function $activeClass() {
-      if (this.activeClass) return this.activeClass;
+      if (this.activeClass) {
+        return this.activeClass;
+      }
+
       if (!this.chipGroup) return '';
       return this.chipGroup.activeClass;
     },
@@ -125,7 +130,7 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
   created: function created() {
     var _this = this;
 
-    var breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'active'], ['@input', '@active.sync']];
+    var breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
     /* istanbul ignore next */
 
     breakingProps.forEach(function (_ref) {
@@ -139,22 +144,32 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
   methods: {
     click: function click(e) {
       this.$emit('click', e);
-      this.chipGroup && this.toggle();
+
+      if (this.chipGroup) {
+        this.toggle();
+        this.$emit('update:modelValue', this.isActive);
+      }
     },
     genFilter: function genFilter() {
+      var _this2 = this;
+
       var children = [];
 
       if (this.isActive) {
         children.push((0, _vue.h)(_VIcon.default, {
           class: 'v-chip__filter',
           left: true
-        }, this.filterIcon));
+        }, function () {
+          return _this2.filterIcon;
+        }));
       }
 
-      return (0, _vue.h)(_transitions.VExpandXTransition, children);
+      return (0, _vue.h)(_transitions.VExpandXTransition, {}, function () {
+        return children;
+      });
     },
     genClose: function genClose() {
-      var _this2 = this;
+      var _this3 = this;
 
       return (0, _vue.h)(_VIcon.default, {
         class: 'v-chip__close',
@@ -165,11 +180,13 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
           e.stopPropagation();
           e.preventDefault();
 
-          _this2.$emit('click:close');
+          _this3.$emit('click:close');
 
-          _this2.$emit('update:active', false);
+          _this3.$emit('update:modelValue', false);
         }
-      }, this.closeIcon);
+      }, function () {
+        return _this3.closeIcon;
+      });
     },
     genContent: function genContent() {
       return (0, _vue.h)('span', {
@@ -192,7 +209,8 @@ var _default = (0, _mixins.default)(_colorable.default, _sizeable.default, _rout
     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);
+    var tagForH = typeof tag === 'string' ? (0, _helpers.getTagValue)(tag) : tag;
+    return (0, _vue.withDirectives)((0, _vue.h)(tagForH, this.setTextColor(color, data), children), directives);
   }
 });
 

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":";;;;;;;AAAA;;AAEA;;AACA;;AAGA;;AACA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;;;;;;;;;;;;;AAKA;eACe,qBACb,kBADa,EAEb,iBAFa,EAGb,iBAHa,EAIb,kBAJa,EAKb,wBAAiB,WAAjB,CALa,EAMb,0BANa,EAOb,MAPa,CAON;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,KAAK,EAAE,CAAC,mBAAD,EAAsB,aAAtB,EAAqC,OAArC,EAA8C,QAA9C,CAHA;AAKP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,OADA;AAEN,MAAA,OAAO,EAAE;AAFH,KADH;AAKL,IAAA,WAAW,EAAE;AACX,MAAA,IAAI,EAAE;AADK,KALR;AAQL,IAAA,KAAK,EAAE,OARF;AASL,IAAA,OAAO,EAAE,QATJ;AAUL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,MADG;AAET,MAAA,OAAO,EAAE;AAFA,KAVN;AAcL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KAdP;AAkBL,IAAA,QAAQ,EAAE,OAlBL;AAmBL,IAAA,SAAS,EAAE,OAnBN;AAoBL,IAAA,MAAM,EAAE,OApBH;AAqBL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KArBP;AAyBL,IAAA,KAAK,EAAE,OAzBF;AA0BL,IAAA,IAAI,EAAE,OA1BD;AA2BL,IAAA,QAAQ,EAAE,OA3BL;AA4BL,IAAA,IAAI,EAAE,OA5BD;AA6BL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,MADH;AAEH,MAAA,OAAO,EAAE;AAFN,KA7BA;AAiCL,IAAA,SAAS,EAAE,MAjCN;AAkCL,IAAA,UAAU,EAAE;AAlCP,GALA;AA0CP,EAAA,IAAI,EAAE;AAAA,WAAO;AACX,MAAA,UAAU,EAAE;AADD,KAAP;AAAA,GA1CC;AA8CP,EAAA,QAAQ,EAAE;AACR,IAAA,YADQ,0BACI;AACV,UAAI,KAAK,WAAT,EAAsB;AACpB,eAAO,KAAK,WAAZ;AACD;;AACD,UAAI,CAAC,KAAK,SAAV,EAAqB,OAAO,EAAP;AAErB,aAAO,KAAK,SAAL,CAAe,WAAtB;AACD,KARO;AASR,IAAA,OATQ,qBASD;AACL;AACE,kBAAU;AADZ,SAEK,kBAAS,QAAT,CAAkB,OAAlB,CAA0B,IAA1B,CAA+B,IAA/B,CAFL;AAGE,6BAAqB,KAAK,WAH5B;AAIE,4BAAoB,KAAK,QAJ3B;AAKE,6BAAqB,KAAK,SAL5B;AAME,yBAAiB,KAAK,KANxB;AAOE,wBAAgB,KAAK,MAPvB;AAQE,4BAAoB,CAAC,KAAK,KAR5B;AASE,4BAAoB,KAAK,QAT3B;AAUE,wBAAgB,KAAK,IAVvB;AAWE,6BAAqB,KAAK;AAX5B,SAYK,KAAK,YAZV,GAaK,KAAK,eAbV,GAcK,KAAK,YAdV;AAgBD,KA1BO;AA2BR,IAAA,QA3BQ,sBA2BA;AACN,aAAO,OAAO,CAAC,KAAK,KAAN,CAAd;AACD,KA7BO;AA8BR,IAAA,WA9BQ,yBA8BG;AACT,aAAO,OAAO,CACZ,kBAAS,QAAT,CAAkB,WAAlB,CAA8B,IAA9B,CAAmC,IAAnC,KACA,KAAK,SAFO,CAAd;AAID;AAnCO,GA9CH;AAoFP,EAAA,OApFO,qBAoFA;AAAA;;AACL,QAAM,aAAa,GAAG,CACpB,CAAC,SAAD,EAAY,UAAZ,CADoB,EAEpB,CAAC,UAAD,EAAa,aAAb,CAFoB,EAGpB,CAAC,OAAD,EAAU,YAAV,CAHoB,EAIpB,CAAC,SAAD,EAAY,qBAAZ,CAJoB,CAAtB;AAOA;;AACA,IAAA,aAAa,CAAC,OAAd,CAAsB,gBAA4B;AAAA;AAAA,UAA1B,QAA0B;AAAA,UAAhB,WAAgB;;AAChD,UAAI,KAAI,CAAC,MAAL,CAAY,cAAZ,CAA2B,QAA3B,CAAJ,EAA0C,uBAAS,QAAT,EAAmB,WAAnB,EAAgC,KAAhC;AAC3C,KAFD;AAGD,GAhGM;AAkGP,EAAA,OAAO,EAAE;AACP,IAAA,KADO,iBACA,CADA,EACa;AAClB,WAAK,KAAL,CAAW,OAAX,EAAoB,CAApB;;AAEA,UAAI,KAAK,SAAT,EAAoB;AAClB,aAAK,MAAL;AACA,aAAK,KAAL,CAAW,mBAAX,EAAgC,KAAK,QAArC;AACD;AACF,KARM;AASP,IAAA,SATO,uBASE;AAAA;;AACP,UAAM,QAAQ,GAAG,EAAjB;;AAEA,UAAI,KAAK,QAAT,EAAmB;AACjB,QAAA,QAAQ,CAAC,IAAT,CACE,YAAE,cAAF,EAAS;AACP,UAAA,KAAK,EAAE,gBADA;AAEP,UAAA,IAAI,EAAE;AAFC,SAAT,EAGG;AAAA,iBAAM,MAAI,CAAC,UAAX;AAAA,SAHH,CADF;AAMD;;AAED,aAAO,YAAE,+BAAF,EAAsB,EAAtB,EAA0B;AAAA,eAAM,QAAN;AAAA,OAA1B,CAAP;AACD,KAtBM;AAuBP,IAAA,QAvBO,sBAuBC;AAAA;;AACN,aAAO,YAAE,cAAF,EAAS;AACd,QAAA,KAAK,EAAE,eADO;AAEd,QAAA,KAAK,EAAE,IAFO;AAGd,QAAA,IAAI,EAAE,EAHQ;AAId,sBAAc,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,KAAK,UAA1B,CAJA;AAKd,QAAA,OAAO,EAAE,iBAAC,CAAD,EAAa;AACpB,UAAA,CAAC,CAAC,eAAF;AACA,UAAA,CAAC,CAAC,cAAF;;AAEA,UAAA,MAAI,CAAC,KAAL,CAAW,aAAX;;AACA,UAAA,MAAI,CAAC,KAAL,CAAW,mBAAX,EAAgC,KAAhC;AACD;AAXa,OAAT,EAYJ;AAAA,eAAM,MAAI,CAAC,SAAX;AAAA,OAZI,CAAP;AAaD,KArCM;AAsCP,IAAA,UAtCO,wBAsCG;AACR,aAAO,YAAE,MAAF,EAAU;AACf,QAAA,KAAK,EAAE;AADQ,OAAV,EAEJ,CACD,KAAK,MAAL,IAAe,KAAK,SAAL,EADd,EAED,sBAAQ,IAAR,CAFC,EAGD,KAAK,QAAL,IAAiB,KAAK,QAAL,EAHhB,CAFI,CAAP;AAOD;AA9CM,GAlGF;AAmJP,EAAA,MAnJO,oBAmJD;AACJ,QAAM,QAAQ,GAAG,CAAC,KAAK,UAAL,EAAD,CAAjB;;AADI,gCAE4B,KAAK,iBAAL,EAF5B;AAAA,QAEE,GAFF,yBAEE,GAFF;AAAA,QAEO,IAFP,yBAEO,IAFP;AAAA,QAEa,UAFb,yBAEa,UAFb;;AAIJ,IAAA,IAAI,mCACC,IADD;AAEF,MAAA,SAAS,EAAE,KAAK,SAAL,GAAiB,MAAjB,GAA0B,SAFnC;AAGF,MAAA,QAAQ,EAAE,KAAK,SAAL,IAAkB,CAAC,KAAK,QAAxB,GAAmC,CAAnC,GAAuC,IAAI,CAAC;AAHpD,MAAJ;AAMA,IAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,UADe,EAEf,KAAK,MAFU,CAAjB;AAKA,IAAA,IAAI,GAAG,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAP;AAEA,QAAM,KAAK,GAAG,KAAK,SAAL,IAAmB,KAAK,QAAL,IAAiB,KAAK,KAAvD;AACA,QAAM,OAAO,GAAG,OAAO,GAAP,KAAe,QAAf,GAA0B,0BAAY,GAAZ,CAA1B,GAA6C,GAA7D;AAEA,WAAO,yBACL,YAAE,OAAF,EAAkB,KAAK,YAAL,CAAkB,KAAlB,EAAyB,IAAzB,CAAlB,EAAkD,QAAlD,CADK,EAEL,UAFK,CAAP;AAID;AA3KM,CAPM,C","sourcesContent":["import { h, vShow, withDirectives, VNode } from 'vue'\n// Styles\nimport './VChip.sass'\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, getTagValue } from '../../util/helpers'\n\n// Types\nimport type { PropType } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory()\n).extend({\n  name: 'v-chip',\n\n  emits: ['update:modelValue', 'click:close', 'click', 'change'],\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true\n    },\n    activeClass: {\n      type: String\n    } as any as PropType<string>,\n    close: Boolean,\n    onClick: Function as PropType<(e: MouseEvent) => void>,\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    modelValue: 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      }\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', 'modelValue'],\n      ['onInput', 'onUpdate:modelValue']\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      if (this.chipGroup) {\n        this.toggle()\n        this.$emit('update:modelValue', this.isActive)\n      }\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:modelValue', 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    const tagForH = typeof tag === 'string' ? getTagValue(tag) : tag\n\n    return withDirectives(\n      h(tagForH as any, this.setTextColor(color, data), children),\n      directives\n    )\n  }\n})\n"],"sourceRoot":"","file":"VChip.js"}

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,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"}

package/es5/components/VColorPicker/VColorPicker.js

@@ -23,10 +23,10 @@ var _VColorPickerSwatches = _interopRequireDefault(require("./VColorPickerSwatch
 
 var _util = require("./util");
 
-var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 var _helpers = require("../../util/helpers");
 
+var _console = require("../../util/console");
+
 var _elevatable = _interopRequireDefault(require("../../mixins/elevatable"));
 
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
@@ -43,8 +43,21 @@ 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, _mixins.default)(_elevatable.default, _themeable.default).extend({
+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; }
+
+var _default = (0, _vue.defineComponent)({
   name: 'v-color-picker',
+  mixins: [_elevatable.default, _themeable.default],
   props: {
     canvasHeight: {
       type: [String, Number],
@@ -73,7 +86,7 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
       type: [Number, String],
       default: 150
     },
-    value: {
+    modelValue: {
       type: [Object, String]
     },
     width: {
@@ -81,6 +94,7 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
       default: 300
     }
   },
+  emits: ['update:modelValue', 'update:color', 'update:mode'],
   data: function data() {
     return {
       internalValue: (0, _util.fromRGBA)({
@@ -93,25 +107,39 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
   },
   computed: {
     hideAlpha: function hideAlpha() {
-      if (!this.value) return false;
-      return !(0, _util.hasAlpha)(this.value);
+      if (!this.modelValue) return false;
+      return !(0, _util.hasAlpha)(this.modelValue);
     }
   },
   watch: {
-    value: {
+    modelValue: {
       handler: function handler(color) {
         this.updateColor((0, _util.parseColor)(color, this.internalValue));
       },
       immediate: true
     }
   },
+  created: function created() {
+    var _this = this;
+
+    var breakingProps = [['value', 'modelValue'], ['onInput', 'onUpdate:modelValue']];
+    /* istanbul ignore next */
+
+    breakingProps.forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          original = _ref2[0],
+          replacement = _ref2[1];
+
+      if (_this.$attrs.hasOwnProperty(original)) (0, _console.breaking)(original, replacement, _this);
+    });
+  },
   methods: {
     updateColor: function updateColor(color) {
       this.internalValue = color;
-      var value = (0, _util.extractColor)(this.internalValue, this.value);
+      var value = (0, _util.extractColor)(this.internalValue, this.modelValue);
 
-      if (!(0, _helpers.deepEqual)(value, this.value)) {
-        this.$emit('input', value);
+      if (!(0, _helpers.deepEqual)(value, this.modelValue)) {
+        this.$emit('update:modelValue', value);
         this.$emit('update:color', this.internalValue);
       }
     },
@@ -131,7 +159,7 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
       }, [!this.hideSliders && this.genPreview(), !this.hideInputs && this.genEdit()]);
     },
     genEdit: function genEdit() {
-      var _this = this;
+      var _this2 = this;
 
       return (0, _vue.h)(_VColorPickerEdit.default, {
         color: this.internalValue,
@@ -141,48 +169,39 @@ var _default = (0, _mixins.default)(_elevatable.default, _themeable.default).ext
         mode: this.mode,
         'onUpdate:color': this.updateColor,
         'onUpdate:mode': function onUpdateMode(v) {
-          return _this.$emit('update:mode', v);
+          return _this2.$emit('update:mode', v);
         }
       });
     },
     genPreview: function genPreview() {
       return (0, _vue.h)(_VColorPickerPreview.default, {
-        props: {
-          color: this.internalValue,
-          disabled: this.disabled,
-          hideAlpha: this.hideAlpha
-        },
-        on: {
-          'update:color': this.updateColor
-        }
+        color: this.internalValue,
+        disabled: this.disabled,
+        hideAlpha: this.hideAlpha,
+        'onUpdate:color': this.updateColor
       });
     },
     genSwatches: function genSwatches() {
       return (0, _vue.h)(_VColorPickerSwatches.default, {
-        props: {
-          dark: this.dark,
-          light: this.light,
-          disabled: this.disabled,
-          swatches: this.swatches,
-          color: this.internalValue,
-          maxHeight: this.swatchesMaxHeight
-        },
-        on: {
-          'update:color': this.updateColor
-        }
+        disabled: this.disabled,
+        swatches: this.swatches,
+        color: this.internalValue,
+        maxHeight: this.swatchesMaxHeight,
+        'onUpdate:color': this.updateColor
       });
     }
   },
   render: function render() {
-    var _h;
+    var _this3 = this;
 
-    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", {
+    return (0, _vue.h)(_VSheet.default, {
+      class: ['v-color-picker', _objectSpread(_objectSpread({
+        'v-color-picker--flat': this.flat
+      }, this.themeClasses), this.elevationClasses)],
       maxWidth: this.width
-    }), _h), [!this.hideCanvas && this.genCanvas(), (!this.hideSliders || !this.hideInputs) && this.genControls(), this.showSwatches && this.genSwatches()]);
+    }, function () {
+      return [!_this3.hideCanvas && _this3.genCanvas(), (!_this3.hideSliders || !_this3.hideInputs) && _this3.genControls(), _this3.showSwatches && _this3.genSwatches()];
+    });
   }
 });