@dimailn/vuetify 2.7.2-alpha24 → 2.7.2-alpha26

package/dist/vuetify.js

@@ -766,7 +766,11 @@ __webpack_require__.r(__webpack_exports__);
       icon: true
     });
     var defaultSlot = (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
-    return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VBtn_VBtn__WEBPACK_IMPORTED_MODULE_1__["default"], d, defaultSlot || [Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"], '$menu')]);
+    return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VBtn_VBtn__WEBPACK_IMPORTED_MODULE_1__["default"], d, defaultSlot || function () {
+      return [Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"], {}, function () {
+        return '$menu';
+      })];
+    });
   }
 }));
 
@@ -1794,6 +1798,8 @@ var __assign = undefined && undefined.__assign || function () {
       this.$emit('click:icon', e);
     },
     genIcon: function genIcon() {
+      var _this = this;
+
       if (!this.hasIcon) return undefined;
       var content;
 
@@ -1801,7 +1807,9 @@ var __assign = undefined && undefined.__assign || function () {
         content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
           color: this.iconColor,
           size: 28
-        }, [this.icon]);
+        }, function () {
+          return [_this.icon];
+        });
       } else {
         content = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this, 'icon');
       }
@@ -1811,7 +1819,9 @@ var __assign = undefined && undefined.__assign || function () {
         color: this.color,
         size: 40,
         onClick: this.iconClick
-      }, [content]);
+      }, function () {
+        return [content];
+      });
     },
     genText: function genText() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
@@ -1845,6 +1855,8 @@ var __assign = undefined && undefined.__assign || function () {
   render: function render() {
     var _data;
 
+    var _this = this;
+
     var data = (_data = {
       class: 'v-banner',
       attrs: this.attrs$
@@ -1852,7 +1864,9 @@ var __assign = undefined && undefined.__assign || function () {
       name: 'show',
       value: this.isActive
     }]), _data);
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_5__["VExpandTransition"], [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_5__["VExpandTransition"], {}, function () {
+      return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', _this.outlined ? data : _this.setBackgroundColor(_this.color, data), [_this.genWrapper()])];
+    });
   }
 }));
 
@@ -2235,22 +2249,34 @@ var __assign = undefined && undefined.__assign || function () {
   },
   methods: {
     genDivider: function genDivider() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_3__["default"], this.$slots.divider ? this.$slots.divider : this.divider);
+      var _this = this;
+
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_3__["default"], {}, function () {
+        return _this.$slots.divider ? _this.$slots.divider : _this.divider;
+      });
     },
     genItems: function genItems() {
       var items = [];
       var hasSlot = !!this.$slots.item;
       var keys = [];
 
-      for (var i = 0; i < this.items.length; i++) {
-        var item = this.items[i];
+      var _loop_1 = function _loop_1(i) {
+        var item = this_1.items[i];
         keys.push(item.text);
-        if (hasSlot) items.push(this.$slots.item({
+        if (hasSlot) items.push(this_1.$slots.item({
           item: item
         }));else items.push(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VBreadcrumbsItem__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({
           key: keys.join('.')
-        }, item), [item.text]));
-        if (i < this.items.length - 1) items.push(this.genDivider());
+        }, item), function () {
+          return [item.text];
+        }));
+        if (i < this_1.items.length - 1) items.push(this_1.genDivider());
+      };
+
+      var this_1 = this;
+
+      for (var i = 0; i < this.items.length; i++) {
+        _loop_1(i);
       }
 
       return items;
@@ -2412,16 +2438,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VProgressCircular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VProgressCircular */ "./src/components/VProgressCircular/index.ts");
 /* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
 /* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
-/* harmony import */ var _mixins_elevatable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/elevatable */ "./src/mixins/elevatable/index.ts");
-/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
-/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
-/* harmony import */ var _mixins_sizeable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/sizeable */ "./src/mixins/sizeable/index.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
-/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
-/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! vue */ "vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
+/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
+/* harmony import */ var _mixins_sizeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/sizeable */ "./src/mixins/sizeable/index.ts");
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! vue */ "vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_11__);
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 var __assign = undefined && undefined.__assign || function () {
@@ -2478,22 +2502,18 @@ var __read = undefined && undefined.__read || function (o, n) {
 
 
 
-
  // Utilities
 
 
 
-
  // Types
 
 
-
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_7__["default"], _mixins_positionable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_8__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_3__["factory"])('btnToggle'), Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__["factory"])('inputValue')
+var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_positionable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_3__["factory"])('btnToggle'), Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__["factory"])('inputValue')
 /* @vue/component */
 );
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
   name: 'v-btn',
-  inheritAttrs: false,
   props: {
     activeClass: {
       type: String
@@ -2519,6 +2539,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
     },
     value: null
   },
+  emits: ['click'],
   data: function data() {
     return {
       proxyClass: 'v-btn--active'
@@ -2528,7 +2549,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
     classes: function classes() {
       return __assign(__assign(__assign(__assign(__assign(__assign({
         'v-btn': true
-      }, _mixins_routable__WEBPACK_IMPORTED_MODULE_7__["default"].computed.classes.call(this)), {
+      }, _mixins_routable__WEBPACK_IMPORTED_MODULE_6__["default"].computed.classes.call(this)), {
         'v-btn--absolute': this.absolute,
         'v-btn--block': this.block,
         'v-btn--bottom': this.bottom,
@@ -2553,7 +2574,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
     },
     computedElevation: function computedElevation() {
       if (this.disabled) return undefined;
-      return _mixins_elevatable__WEBPACK_IMPORTED_MODULE_5__["default"].computed.computedElevation.call(this);
+      return this.elevation;
     },
     computedRipple: function computedRipple() {
       var _a;
@@ -2587,7 +2608,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
           original = _b[0],
           replacement = _b[1];
 
-      if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_10__["breaking"])(original, replacement, _this);
+      if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["breaking"])(original, replacement, _this);
     });
   },
   methods: {
@@ -2599,14 +2620,14 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
       this.btnToggle && this.toggle();
     },
     genContent: function genContent() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])('span', {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_11__["h"])('span', {
         class: 'v-btn__content'
-      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getSlot"])(this));
+      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this));
     },
     genLoader: function genLoader() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])('span', {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_11__["h"])('span', {
         class: 'v-btn__loader'
-      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getSlot"])(this, 'loader') || [Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])(_VProgressCircular__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this, 'loader') || [Object(vue__WEBPACK_IMPORTED_MODULE_11__["h"])(_VProgressCircular__WEBPACK_IMPORTED_MODULE_2__["default"], {
         indeterminate: true,
         size: 23,
         width: 2
@@ -2621,20 +2642,28 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
         linkData = _a.data,
         directives = _a.directives;
 
-    var setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor;
-    var data = {};
+    var setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor; // Merge component classes with routable classes
+
+    var mergedClasses = __assign(__assign({}, this.classes), linkData.class);
 
     if (tag === 'button') {
-      data.type = this.type;
-      data.disabled = this.disabled;
+      linkData.type = this.type;
+      linkData.disabled = this.disabled;
     }
 
-    data.value = ['string', 'number'].includes(_typeof(this.value)) ? this.value : JSON.stringify(this.value);
-    data = __assign(__assign({}, data), linkData);
-    data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_12__["default"])(data, {
-      class: this.$attrs.class
+    linkData.value = ['string', 'number'].includes(_typeof(this.value)) ? this.value : JSON.stringify(this.value);
+
+    var data = __assign(__assign({}, linkData), {
+      class: mergedClasses,
+      style: this.styles
+    }); // Apply color styling but preserve Vue's automatic attribute inheritance
+
+
+    var finalData = this.disabled ? data : setColor(this.color, data);
+    var vnode = typeof tag === 'string' ? Object(vue__WEBPACK_IMPORTED_MODULE_11__["h"])(tag, finalData, children) : Object(vue__WEBPACK_IMPORTED_MODULE_11__["h"])(tag, finalData, function () {
+      return children;
     });
-    return Object(vue__WEBPACK_IMPORTED_MODULE_13__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])(tag, this.disabled ? data : setColor(this.color, data), children), directives);
+    return Object(vue__WEBPACK_IMPORTED_MODULE_11__["withDirectives"])(vnode, directives);
   }
 }));
 
@@ -7072,9 +7101,13 @@ var __assign = undefined && undefined.__assign || function () {
           small: true,
           value: this.getValue(this.items[i], i),
           key: i
-        }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
-          size: 18
-        }, this.delimiterIcon)]);
+        }, function () {
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+            size: 18
+          }, function () {
+            return _this.delimiterIcon;
+          })];
+        });
         children.push(child);
       }
 
@@ -7084,7 +7117,9 @@ var __assign = undefined && undefined.__assign || function () {
         onChange: function onChange(val) {
           _this.internalValue = val;
         }
-      }, children);
+      }, function () {
+        return children;
+      });
     },
     genProgress: function genProgress() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VProgressLinear__WEBPACK_IMPORTED_MODULE_5__["default"], {
@@ -7187,12 +7222,16 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_V
   inheritAttrs: false,
   methods: {
     genDefaultSlot: function genDefaultSlot() {
+      var _this = this;
+
       return [Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VImg__WEBPACK_IMPORTED_MODULE_1__["VImg"], __assign(__assign(__assign({
         class: 'v-carousel__item'
       }, this.$attrs), {
         height: this.windowGroup.internalHeight
       }), this.$listeners), {
-        default: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this),
+        default: function _default() {
+          return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(_this);
+        },
         placeholder: this.$slots.placeholder
       })];
     },
@@ -7377,6 +7416,8 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   methods: {
     genCheckbox: function genCheckbox() {
+      var _this = this;
+
       var _a = this.attrs$,
           title = _a.title,
           checkboxAttrs = __rest(_a, ["title"]);
@@ -7387,7 +7428,9 @@ var __rest = undefined && undefined.__rest || function (s, e) {
         dense: this.dense,
         dark: this.dark,
         light: this.light
-      }), this.computedIcon), this.genInput('checkbox', __assign(__assign({}, checkboxAttrs), {
+      }), function () {
+        return _this.computedIcon;
+      }), this.genInput('checkbox', __assign(__assign({}, checkboxAttrs), {
         'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
       })), this.genRipple(this.setTextColor(this.rippleState))]);
     },
@@ -7977,12 +8020,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VColorPickerEdit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VColorPickerEdit */ "./src/components/VColorPicker/VColorPickerEdit.ts");
 /* harmony import */ var _VColorPickerSwatches__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./VColorPickerSwatches */ "./src/components/VColorPicker/VColorPickerSwatches.ts");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
-/* harmony import */ var _mixins_elevatable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../mixins/elevatable */ "./src/mixins/elevatable/index.ts");
-/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
-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; }
-
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var _mixins_elevatable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../mixins/elevatable */ "./src/mixins/elevatable/index.ts");
+/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -8010,13 +8050,13 @@ var __assign = undefined && undefined.__assign || function () {
  // Helpers
 
 
-
  // Mixins
 
 
 
-/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_mixins_elevatable__WEBPACK_IMPORTED_MODULE_10__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_11__["default"]).extend({
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-color-picker',
+  mixins: [_mixins_elevatable__WEBPACK_IMPORTED_MODULE_9__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_10__["default"]],
   props: {
     canvasHeight: {
       type: [String, Number],
@@ -8053,6 +8093,7 @@ var __assign = undefined && undefined.__assign || function () {
       default: 300
     }
   },
+  emits: ['update:modelValue', 'update:color', 'update:mode'],
   data: function data() {
     return {
       internalValue: Object(_util__WEBPACK_IMPORTED_MODULE_7__["fromRGBA"])({
@@ -8070,7 +8111,7 @@ var __assign = undefined && undefined.__assign || function () {
     }
   },
   watch: {
-    value: {
+    modelValue: {
       handler: function handler(color) {
         this.updateColor(Object(_util__WEBPACK_IMPORTED_MODULE_7__["parseColor"])(color, this.internalValue));
       },
@@ -8082,7 +8123,7 @@ var __assign = undefined && undefined.__assign || function () {
       this.internalValue = color;
       var value = Object(_util__WEBPACK_IMPORTED_MODULE_7__["extractColor"])(this.internalValue, this.modelValue);
 
-      if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["deepEqual"])(value, this.modelValue)) {
+      if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["deepEqual"])(value, this.modelValue)) {
         this.$emit('update:modelValue', value);
         this.$emit('update:color', this.internalValue);
       }
@@ -8119,42 +8160,29 @@ var __assign = undefined && undefined.__assign || function () {
     },
     genPreview: function genPreview() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VColorPickerPreview__WEBPACK_IMPORTED_MODULE_3__["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 Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VColorPickerSwatches__WEBPACK_IMPORTED_MODULE_6__["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;
-
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VSheet_VSheet__WEBPACK_IMPORTED_MODULE_2__["default"], (_h = {
-      class: 'v-color-picker'
-    }, _defineProperty(_h, "class", __assign(__assign({
-      'v-color-picker--flat': this.flat
-    }, this.themeClasses), this.elevationClasses)), _defineProperty(_h, "props", {
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VSheet_VSheet__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      class: ['v-color-picker', __assign(__assign({
+        '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()]);
+    }, [!this.hideCanvas && this.genCanvas(), (!this.hideSliders || !this.hideInputs) && this.genControls(), this.showSwatches && this.genSwatches()]);
   }
 }));
 
@@ -8186,15 +8214,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VColorPickerCanvas_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VColorPickerCanvas_sass__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
-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; }
-
  // Styles
 
  // Helpers
 
 
- // Types
-
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-color-picker-canvas',
@@ -8224,6 +8248,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       default: 300
     }
   },
+  emits: ['update:color'],
   data: function data() {
     return {
       boundingRect: {
@@ -8241,34 +8266,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         y: 0
       };
       return {
-        x: this.color.hsva.s * parseInt(this.width, 10),
-        y: (1 - this.color.hsva.v) * parseInt(this.height, 10)
+        x: this.color.hsva.s * parseInt(String(this.width), 10),
+        y: (1 - this.color.hsva.v) * parseInt(String(this.height), 10)
       };
     }
   },
   watch: {
-    'color.hue': 'updateCanvas'
+    'color.hue': function colorHue() {
+      this.updateCanvas();
+    }
   },
   mounted: function mounted() {
     this.updateCanvas();
   },
   methods: {
-    emitColor: function emitColor(x, y) {
-      var _a = this.boundingRect,
-          left = _a.left,
-          top = _a.top,
-          width = _a.width,
-          height = _a.height;
-      this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_3__["fromHSVA"])({
-        h: this.color.hue,
-        s: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["clamp"])(x - left, 0, width) / width,
-        v: 1 - Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["clamp"])(y - top, 0, height) / height,
-        a: this.color.alpha
-      }));
-    },
     updateCanvas: function updateCanvas() {
       if (!this.color) return;
       var canvas = this.$refs.canvas;
+      if (!canvas) return;
       var ctx = canvas.getContext('2d');
       if (!ctx) return;
       var saturationGradient = ctx.createLinearGradient(0, 0, canvas.width, 0);
@@ -8285,19 +8300,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       ctx.fillStyle = valueGradient;
       ctx.fillRect(0, 0, canvas.width, canvas.height);
     },
+    emitColor: function emitColor(x, y) {
+      var _a = this.boundingRect,
+          left = _a.left,
+          top = _a.top,
+          width = _a.width,
+          height = _a.height;
+      this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_3__["fromHSVA"])({
+        h: this.color.hue,
+        s: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["clamp"])(x - left, 0, width) / width,
+        v: 1 - Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["clamp"])(y - top, 0, height) / height,
+        a: this.color.alpha
+      }));
+    },
     handleClick: function handleClick(e) {
       if (this.disabled) return;
       this.boundingRect = this.$el.getBoundingClientRect();
       this.emitColor(e.clientX, e.clientY);
     },
-    handleMouseDown: function handleMouseDown(e) {
-      // To prevent selection while moving cursor
-      e.preventDefault();
-      if (this.disabled) return;
-      this.boundingRect = this.$el.getBoundingClientRect();
-      window.addEventListener('mousemove', this.handleMouseMove);
-      window.addEventListener('mouseup', this.handleMouseUp);
-    },
     handleMouseMove: function handleMouseMove(e) {
       if (this.disabled) return;
       this.emitColor(e.clientX, e.clientY);
@@ -8306,30 +8326,35 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
       window.removeEventListener('mousemove', this.handleMouseMove);
       window.removeEventListener('mouseup', this.handleMouseUp);
     },
+    handleMouseDown: function handleMouseDown(e) {
+      // To prevent selection while moving cursor
+      e.preventDefault();
+      if (this.disabled) return;
+      this.boundingRect = this.$el.getBoundingClientRect();
+      window.addEventListener('mousemove', this.handleMouseMove);
+      window.addEventListener('mouseup', this.handleMouseUp);
+    },
     genCanvas: function genCanvas() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('canvas', {
         ref: 'canvas',
-        attrs: {
-          width: this.width,
-          height: this.height
-        }
+        width: this.width,
+        height: this.height
       });
     },
     genDot: function genDot() {
-      var _h;
-
-      var radius = parseInt(this.dotSize, 10) / 2;
+      var radius = parseInt(String(this.dotSize), 10) / 2;
       var x = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.dot.x - radius);
       var y = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.dot.y - radius);
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', (_h = {
-        class: 'v-color-picker__canvas-dot'
-      }, _defineProperty(_h, "class", {
-        'v-color-picker__canvas-dot--disabled': this.disabled
-      }), _defineProperty(_h, "style", {
-        width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.dotSize),
-        height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.dotSize),
-        transform: "translate(" + x + ", " + y + ")"
-      }), _h));
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+        class: ['v-color-picker__canvas-dot', {
+          'v-color-picker__canvas-dot--disabled': this.disabled
+        }],
+        style: {
+          width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.dotSize),
+          height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.dotSize),
+          transform: "translate(" + x + ", " + y + ")"
+        }
+      });
     }
   },
   render: function render() {
@@ -8339,10 +8364,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.width),
         height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.height)
       },
-      on: {
-        click: this.handleClick,
-        mousedown: this.handleMouseDown
-      }
+      onClick: this.handleClick,
+      onMousedown: this.handleMouseDown
     }, [this.genCanvas(), this.genDot()]);
   }
 }));
@@ -8428,8 +8451,6 @@ var __read = undefined && undefined.__read || function (o, n) {
 
  // Helpers
 
- // Types
-
 
 
 var modes = {
@@ -8448,7 +8469,10 @@ var modes = {
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-color-picker-edit',
   props: {
-    color: Object,
+    color: {
+      type: Object,
+      required: true
+    },
     disabled: Boolean,
     hideAlpha: Boolean,
     hideModeSwitch: Boolean,
@@ -8460,15 +8484,15 @@ var modes = {
       }
     }
   },
+  emits: ['update:color', 'update:mode'],
   data: function data() {
     return {
-      modes: modes,
       internalMode: this.mode
     };
   },
   computed: {
     currentMode: function currentMode() {
-      return this.modes[this.internalMode];
+      return modes[this.internalMode];
     }
   },
   watch: {
@@ -8476,9 +8500,6 @@ var modes = {
       this.internalMode = _mode;
     }
   },
-  created: function created() {
-    this.internalMode = this.mode;
-  },
   methods: {
     getValue: function getValue(v, type) {
       if (type === 'float') return Math.round(v * 100) / 100;else if (type === 'int') return Math.round(v);else return 0;
@@ -8487,20 +8508,21 @@ var modes = {
       if (type === 'float') return parseFloat(v);else if (type === 'int') return parseInt(v, 10) || 0;else return 0;
     },
     changeMode: function changeMode() {
-      var modes = Object.keys(this.modes);
-      var index = modes.indexOf(this.internalMode);
-      var newMode = modes[(index + 1) % modes.length];
+      var modeKeys = Object.keys(modes);
+      var index = modeKeys.indexOf(this.internalMode);
+      var newMode = modeKeys[(index + 1) % modeKeys.length];
       this.internalMode = newMode;
       this.$emit('update:mode', newMode);
     },
-    genInput: function genInput(target, attrs, value, on) {
+    genInput: function genInput(target, attrs, value, onChange) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
         class: 'v-color-picker__input'
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('input', __assign(__assign(__assign({
+      }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('input', __assign(__assign({
         key: target
       }, attrs), {
-        value: value
-      }), on)), Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', target.toUpperCase())]);
+        value: value,
+        onChange: onChange
+      })), Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', target.toUpperCase())]);
     },
     genInputs: function genInputs() {
       var _this = this;
@@ -8511,12 +8533,10 @@ var modes = {
         return this.genInput('hex', {
           maxlength: this.hideAlpha ? 7 : 9,
           disabled: this.disabled
-        }, value, {
-          change: function change(e) {
-            var el = e.target;
+        }, value, function (e) {
+          var el = e.target;
 
-            _this.$emit('update:color', _this.currentMode.from(Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_4__["parseHex"])(el.value)));
-          }
+          _this.$emit('update:color', _this.currentMode.from(Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_4__["parseHex"])(el.value)));
         });
       } else {
         var inputs = this.hideAlpha ? this.currentMode.inputs.slice(0, -1) : this.currentMode.inputs;
@@ -8533,16 +8553,14 @@ var modes = {
             max: max,
             step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,
             disabled: _this.disabled
-          }, _this.getValue(value[target], type), {
-            input: function input(e) {
-              var _a;
+          }, _this.getValue(value[target], type), function (e) {
+            var _a;
 
-              var el = e.target;
+            var el = e.target;
 
-              var newVal = _this.parseValue(el.value || '0', type);
+            var newVal = _this.parseValue(el.value || '0', type);
 
-              _this.$emit('update:color', _this.currentMode.from(Object.assign({}, value, (_a = {}, _a[target] = newVal, _a)), _this.color.alpha));
-            }
+            _this.$emit('update:color', _this.currentMode.from(Object.assign({}, value, (_a = {}, _a[target] = newVal, _a)), _this.color.alpha));
           });
         });
       }
@@ -8553,7 +8571,11 @@ var modes = {
         icon: true,
         disabled: this.disabled,
         onClick: this.changeMode
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], '$unfold')]);
+      }, {
+        default: function _default() {
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {}, '$unfold')];
+        }
+      });
     }
   },
   render: function render() {
@@ -8614,77 +8636,86 @@ var __assign = undefined && undefined.__assign || function () {
 
  // Utilities
 
- // Types
-
 
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-color-picker-preview',
   props: {
-    color: Object,
+    color: {
+      type: Object,
+      required: true
+    },
     disabled: Boolean,
     hideAlpha: Boolean
   },
+  emits: ['update:color'],
   methods: {
     genAlpha: function genAlpha() {
       var _this = this;
 
+      var _a;
+
+      if (!this.color) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div');
       return this.genTrack({
         class: 'v-color-picker__alpha',
         thumbColor: 'grey lighten-2',
         hideDetails: true,
-        value: this.color.alpha,
+        modelValue: this.color.alpha,
         step: 0,
         min: 0,
         max: 1,
         style: {
-          backgroundImage: this.disabled ? undefined : "linear-gradient(to " + (this.$vuetify.rtl ? 'left' : 'right') + ", transparent, " + Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_3__["RGBtoCSS"])(this.color.rgba) + ")"
+          backgroundImage: this.disabled ? undefined : "linear-gradient(to " + (((_a = this.$vuetify) === null || _a === void 0 ? void 0 : _a.rtl) ? 'left' : 'right') + ", transparent, " + Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_3__["RGBtoCSS"])(this.color.rgba) + ")"
         },
-        onInput: function onInput(val) {
-          return _this.color.alpha !== val && _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHSVA"])(__assign(__assign({}, _this.color.hsva), {
-            a: val
-          })));
+        'onUpdate:modelValue': function onUpdateModelValue(val) {
+          if (_this.color && _this.color.alpha !== val) {
+            _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHSVA"])(__assign(__assign({}, _this.color.hsva), {
+              a: val
+            })));
+          }
         }
       });
     },
-    genSliders: function genSliders() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        class: 'v-color-picker__sliders'
-      }, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
-    },
-    genDot: function genDot() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        class: 'v-color-picker__dot'
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        style: {
-          background: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_3__["RGBAtoCSS"])(this.color.rgba)
-        }
-      })]);
-    },
     genHue: function genHue() {
       var _this = this;
 
+      if (!this.color) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div');
       return this.genTrack({
         class: 'v-color-picker__hue',
         thumbColor: 'grey lighten-2',
         hideDetails: true,
-        value: this.color.hue,
+        modelValue: this.color.hue,
         step: 0,
         min: 0,
         max: 360,
-        onInput: function onInput(val) {
-          return _this.color.hue !== val && _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHSVA"])(__assign(__assign({}, _this.color.hsva), {
-            h: val
-          })));
+        'onUpdate:modelValue': function onUpdateModelValue(val) {
+          if (_this.color && _this.color.hue !== val) {
+            _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHSVA"])(__assign(__assign({}, _this.color.hsva), {
+              h: val
+            })));
+          }
         }
       });
     },
     genTrack: function genTrack(options) {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VSlider_VSlider__WEBPACK_IMPORTED_MODULE_2__["default"], __assign(__assign(__assign({
-        class: 'v-color-picker__track'
-      }, options), {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VSlider_VSlider__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({
+        class: 'v-color-picker__track',
         disabled: this.disabled
-      }), options.props));
+      }, options));
+    },
+    genSliders: function genSliders() {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+        class: 'v-color-picker__sliders'
+      }, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
+    },
+    genDot: function genDot() {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+        class: 'v-color-picker__dot'
+      }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+        style: {
+          background: this.color ? Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_3__["RGBAtoCSS"])(this.color.rgba) : 'transparent'
+        }
+      })]);
     }
   },
   render: function render() {
@@ -8726,9 +8757,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _util_colors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/colors */ "./src/util/colors.ts");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/colorUtils */ "./src/util/colorUtils.ts");
 /* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
-/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/colorUtils */ "./src/util/colorUtils.ts");
  // Styles
 
  // Components
@@ -8738,7 +8768,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
+ // Mixins
 
 
 
@@ -8751,8 +8781,9 @@ function parseDefaultColors(colors) {
 
 var white = Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])('#FFFFFF').rgba;
 var black = Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])('#000000').rgba;
-/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_7__["default"]).extend({
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-color-picker-swatches',
+  mixins: [_mixins_themeable__WEBPACK_IMPORTED_MODULE_7__["default"]],
   props: {
     swatches: {
       type: Array,
@@ -8761,10 +8792,14 @@ var black = Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])('#000000').rgb
       }
     },
     disabled: Boolean,
-    color: Object,
+    color: {
+      type: Object,
+      required: true
+    },
     maxWidth: [Number, String],
     maxHeight: [Number, String]
   },
+  emits: ['update:color'],
   methods: {
     genColor: function genColor(color) {
       var _this = this;
@@ -8775,15 +8810,14 @@ var black = Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])('#000000').rgb
         }
       }, [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["deepEqual"])(this.color, Object(_util__WEBPACK_IMPORTED_MODULE_4__["parseColor"])(color, null)) && Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
         small: true,
-        dark: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_8__["contrastRatio"])(this.color.rgba, white) > 2 && this.color.alpha > 0.5,
-        light: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_8__["contrastRatio"])(this.color.rgba, black) > 2 && this.color.alpha > 0.5
+        dark: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_6__["contrastRatio"])(this.color.rgba, white) > 2 && this.color.alpha > 0.5,
+        light: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_6__["contrastRatio"])(this.color.rgba, black) > 2 && this.color.alpha > 0.5
       }, '$success')]);
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
         class: 'v-color-picker__color',
-        on: {
-          // TODO: Less hacky way of catching transparent
-          click: function click() {
-            return _this.disabled || _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])(color === 'transparent' ? '#00000000' : color));
+        onClick: function onClick() {
+          if (!_this.disabled) {
+            _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])(color === 'transparent' ? '#00000000' : color));
           }
         }
       }, [content]);
@@ -8801,7 +8835,7 @@ var black = Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHex"])('#000000').rgb
   },
   render: function render() {
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-      class: 'v-color-picker__swatches',
+      class: ['v-color-picker__swatches', this.themeClasses],
       style: {
         maxWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.maxWidth),
         maxHeight: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.maxHeight)
@@ -10155,7 +10189,11 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
         onClick: click,
         'aria-label': label // TODO: Localization
 
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], icon)]);
+      }, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {}, function () {
+          return icon;
+        })];
+      });
     },
     genIcons: function genIcons() {
       var before = [];
@@ -11338,10 +11376,9 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
       }));
     },
     genLoading: function genLoading() {
-      var th = Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('th', {
-        class: 'column',
-        attrs: this.colspanAttrs
-      }, [this.genProgress()]);
+      var th = Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('th', __assign({
+        class: 'column'
+      }, this.colspanAttrs), [this.genProgress()]);
       var tr = Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('tr', {
         class: 'v-data-table__progress'
       }, [th]);
@@ -11379,9 +11416,7 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
     genEmptyWrapper: function genEmptyWrapper(content) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('tr', {
         class: 'v-data-table__empty-wrapper'
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('td', {
-        attrs: this.colspanAttrs
-      }, content)]);
+      }, [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('td', __assign({}, this.colspanAttrs), content)]);
     },
     genItems: function genItems(items, props) {
       var empty = this.genEmpty(props.originalItemsLength, props.pagination.itemsLength);
@@ -11445,7 +11480,11 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
           icon: true,
           small: true,
           onClick: toggleFn
-        }, [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_6__["default"], [isOpen ? '$minus' : '$plus'])]);
+        }, function () {
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_6__["default"], {}, function () {
+            return [isOpen ? '$minus' : '$plus'];
+          })];
+        });
         var remove = Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VBtn__WEBPACK_IMPORTED_MODULE_4__["default"], {
           class: 'ma-0',
           props: {
@@ -11455,11 +11494,14 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
           on: {
             click: removeFn
           }
-        }, [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_6__["default"], ['$close'])]);
-        var column = Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('td', {
-          class: 'text-start',
-          attrs: this.colspanAttrs
-        }, [toggle, this.groupByText + ": " + group, remove]);
+        }, function () {
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_6__["default"], {}, function () {
+            return ['$close'];
+          })];
+        });
+        var column = Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('td', __assign({
+          class: 'text-start'
+        }, this.colspanAttrs), [toggle, this.groupByText + ": " + group, remove]);
         children.unshift(Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])('template', {
           slot: 'column.header'
         }, [column]));
@@ -11586,7 +11628,9 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
               e.stopPropagation();
               data.expand(!data.isExpanded);
             }
-          }, [_this.expandIcon]);
+          }, function () {
+            return [_this.expandIcon];
+          });
         };
       }
 
@@ -11681,10 +11725,14 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
         default: function _default() {
           return [_this.genCaption(props), _this.genColgroup(props), _this.genHeaders(props), _this.genBody(props), _this.genFoot(props)];
         },
-        top: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_16__["getSlot"])(this, 'top', __assign(__assign({}, props), {
-          isMobile: this.isMobile
-        }), true),
-        bottom: this.genFooters(props)
+        top: function top() {
+          return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_16__["getSlot"])(_this, 'top', __assign(__assign({}, props), {
+            isMobile: _this.isMobile
+          }), true);
+        },
+        bottom: function bottom() {
+          return _this.genFooters(props);
+        }
       });
     }
   },
@@ -11759,9 +11807,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VDataTableHeaderMobile */ "./src/components/VDataTable/VDataTableHeaderMobile.ts");
 /* harmony import */ var _VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VDataTableHeaderDesktop */ "./src/components/VDataTable/VDataTableHeaderDesktop.ts");
 /* harmony import */ var _mixins_header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mixins/header */ "./src/components/VDataTable/mixins/header.ts");
-/* harmony import */ var _util_rebuildFunctionalSlots__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/rebuildFunctionalSlots */ "./src/util/rebuildFunctionalSlots.ts");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue */ "vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ "vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_4__);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -11784,13 +11831,12 @@ var __assign = undefined && undefined.__assign || function () {
 
  // Mixins
 
-
  // Types
 
 
 /* @vue/component */
 
-/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_5__["defineComponent"])({
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_4__["defineComponent"])({
   name: 'v-data-table-header',
   props: __assign(__assign({}, _mixins_header__WEBPACK_IMPORTED_MODULE_3__["default"].props), {
     mobile: Boolean
@@ -11801,12 +11847,10 @@ var __assign = undefined && undefined.__assign || function () {
     var data = __assign(__assign({}, this.$attrs), props); // dedupeModelListeners(data)
 
 
-    var children = Object(_util_rebuildFunctionalSlots__WEBPACK_IMPORTED_MODULE_4__["default"])(this.$slots, vue__WEBPACK_IMPORTED_MODULE_5__["h"]);
-
     if (props.mobile) {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_1__["default"], data, children);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])(_VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_1__["default"], data, this.$slots);
     } else {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_2__["default"], data, children);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])(_VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_2__["default"], data, this.$slots);
     }
   }
 }));
@@ -12244,7 +12288,9 @@ __webpack_require__.r(__webpack_exports__);
         color: 'primary',
         light: true,
         onClick: fn
-      }, text);
+      }, function () {
+        return text;
+      });
     },
     genActions: function genActions() {
       var _this = this;
@@ -12304,7 +12350,9 @@ __webpack_require__.r(__webpack_exports__);
           }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(_this))]);
         }
       }
-    }, [this.genContent(), this.large ? this.genActions() : null]);
+    }, function () {
+      return [_this.genContent(), _this.large ? _this.genActions() : null];
+    });
   }
 }));
 
@@ -12706,10 +12754,14 @@ var __assign = undefined && undefined.__assign || function () {
       }, data));
     },
     genSortIcon: function genSortIcon() {
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_3__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"], {
         class: 'v-data-table-header__icon',
         size: 18
-      }, [this.sortIcon]);
+      }, function () {
+        return [_this.sortIcon];
+      });
     }
   }
 }));
@@ -13630,7 +13682,11 @@ var __read = undefined && undefined.__read || function (o, n) {
 
           _this.$emit('input', _this.calculateChange(change));
         }
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], change < 0 === !this.$vuetify.rtl ? this.prevIcon : this.nextIcon)]);
+      }, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {}, function () {
+          return change < 0 === !_this.$vuetify.rtl ? _this.prevIcon : _this.nextIcon;
+        })];
+      });
     },
     calculateChange: function calculateChange(sign) {
       var _a = __read(String(this.value).split('-').map(Number), 2),
@@ -13657,7 +13713,9 @@ var __read = undefined && undefined.__read || function (o, n) {
       }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["getSlot"])(this) || [this.formatter(String(this.value))])]);
       var transition = Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(vue__WEBPACK_IMPORTED_MODULE_9__["Transition"], {
         name: this.isReversing === !this.$vuetify.rtl ? 'tab-reverse-transition' : 'tab-transition'
-      }, [header]);
+      }, function () {
+        return [header];
+      });
       return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])('div', {
         class: ['v-date-picker-header__value', {
           'v-date-picker-header__value--disabled': this.disabled
@@ -13832,20 +13890,28 @@ __webpack_require__.r(__webpack_exports__);
   },
   methods: {
     genYearIcon: function genYearIcon() {
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
         dark: true
-      }, this.yearIcon);
+      }, function () {
+        return _this.yearIcon;
+      });
     },
     getYearBtn: function getYearBtn() {
       return this.genPickerButton('selectingYear', true, [String(this.year), this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
     },
     genTitleText: function genTitleText() {
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.computedTransition
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        innerHTML: this.date || '&nbsp;',
-        key: this.value
-      })]);
+      }, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+          innerHTML: _this.date || '&nbsp;',
+          key: _this.value
+        })];
+      });
     },
     genTitleDate: function genTitleDate() {
       return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date');
@@ -14294,9 +14360,11 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
 
       var transition = Object(vue__WEBPACK_IMPORTED_MODULE_10__["h"])(vue__WEBPACK_IMPORTED_MODULE_10__["Transition"], {
         name: this.computedTransition
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_10__["h"])('table', {
-        key: this.tableDate
-      }, children)]);
+      }, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_10__["h"])('table', {
+          key: _this.tableDate
+        }, children)];
+      });
       var touchDirective = [_directives_touch__WEBPACK_IMPORTED_MODULE_1__["default"], {
         left: function left(e) {
           return e.offsetX < -15 && _this.isValidScroll(1, calculateTableDate) && _this.touch(1, calculateTableDate);
@@ -14958,17 +15026,19 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
           root: true,
           light: _this.light,
           dark: _this.dark
-        }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign({
-          class: _this.contentClasses,
-          role: 'dialog',
-          'aria-modal': _this.hideOverlay ? undefined : 'true'
-        }, _this.getScopeIdAttrs()), {
-          onKeydown: _this.onKeydown,
-          style: {
-            zIndex: _this.activeZIndex
-          },
-          ref: 'content'
-        }), [_this.genTransition()])])];
+        }, function () {
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign({
+            class: _this.contentClasses,
+            role: 'dialog',
+            'aria-modal': _this.hideOverlay ? undefined : 'true'
+          }, _this.getScopeIdAttrs()), {
+            onKeydown: _this.onKeydown,
+            style: {
+              zIndex: _this.activeZIndex
+            },
+            ref: 'content'
+          }), [_this.genTransition()])];
+        })];
       });
     },
     genTransition: function genTransition() {
@@ -14978,7 +15048,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
         name: this.transition,
         origin: this.origin,
         appear: true
-      }, [content]);
+      }, function () {
+        return [content];
+      });
     },
     genInnerContent: function genInnerContent() {
       var directives = [[_directives_click_outside__WEBPACK_IMPORTED_MODULE_9__["default"], {
@@ -15312,15 +15384,17 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_m
   render: function render() {
     var _this = this;
 
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_1__["VExpandTransition"], this.showLazyContent(function () {
-      return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', _this.setBackgroundColor(_this.color, {
-        class: 'v-expansion-panel-content'
-      }), [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        class: 'v-expansion-panel-content__wrap'
-      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(_this, 'default', {
-        open: _this.isActive
-      }))]), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], _this.isActive]])];
-    }));
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_1__["VExpandTransition"], {}, function () {
+      return _this.showLazyContent(function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', _this.setBackgroundColor(_this.color, {
+          class: 'v-expansion-panel-content'
+        }), [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+          class: 'v-expansion-panel-content__wrap'
+        }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(_this, 'default', {
+          open: _this.isActive
+        }))]), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], _this.isActive]])];
+      });
+    });
   }
 }));
 
@@ -15424,14 +15498,20 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_m
       this.$emitLegacy('click', e);
     },
     genIcon: function genIcon() {
+      var _this = this;
+
       var icon = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(this, 'actions', {
         open: this.isActive
-      }) || [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.expandIcon)];
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_1__["VFadeTransition"], [Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        class: ['v-expansion-panel-header__icon', {
-          'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate
-        }]
-      }, icon), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], !this.isDisabled]])]);
+      }) || [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {}, function () {
+        return _this.expandIcon;
+      })];
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_1__["VFadeTransition"], {}, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+          class: ['v-expansion-panel-header__icon', {
+            'v-expansion-panel-header__icon--disable-rotate': _this.disableIconRotate
+          }]
+        }, icon), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], !_this.isDisabled]])];
+      });
     }
   },
   render: function render() {
@@ -17561,7 +17641,9 @@ var hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in wi
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.transition,
         mode: 'in-out'
-      }, [image]);
+      }, function () {
+        return [image];
+      });
     }
   },
   watch: {
@@ -17677,14 +17759,16 @@ var hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in wi
       var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["getSlot"])(this, 'placeholder');
 
       if (slot) {
-        var placeholder = this.isLoading ? [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+        var placeholder_1 = this.isLoading ? [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
           class: 'v-image__placeholder'
         }, slot)] : [];
-        if (!this.transition) return placeholder[0];
+        if (!this.transition) return placeholder_1[0];
         return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
           appear: true,
           name: this.transition
-        }, placeholder);
+        }, function () {
+          return placeholder_1;
+        });
       }
     }
   },
@@ -17774,6 +17858,19 @@ var __assign = undefined && undefined.__assign || function () {
   };
 
   return __assign.apply(this, arguments);
+};
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 }; // Styles
 
 
@@ -17963,7 +18060,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
         class: (_a = {
           'v-input__icon': true
         }, _a["v-input__icon--" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["kebabCase"])(type)] = type, _a)
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], data, icon)]);
+      }, [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], data, function () {
+        return icon;
+      })]);
     },
     genInputSlot: function genInputSlot() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', this.setBackgroundColor(this.backgroundColor, {
@@ -17980,6 +18079,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       }), [this.genDefaultSlot()]);
     },
     genLabel: function genLabel() {
+      var _this = this;
+
       if (!this.hasLabel) return null;
       return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_VLabel__WEBPACK_IMPORTED_MODULE_2__["default"], {
         color: this.validationState,
@@ -17988,7 +18089,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
         focused: this.hasState,
         for: this.computedId,
         light: this.light
-      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(this, 'label') || this.label);
+      }, function () {
+        return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(_this, 'label') || _this.label;
+      });
     },
     genMessages: function genMessages() {
       if (!this.showDetails) return null;
@@ -18051,11 +18154,21 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     }
   },
   render: function render() {
-    return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', this.setTextColor(this.validationState, {
-      class: __assign({
+    var _this = this;
+
+    var _a = this.$attrs,
+        additionalClasses = _a.class,
+        restAttrs = __rest(_a, ["class"]);
+
+    return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', this.setTextColor(this.validationState, __assign({
+      class: __assign(__assign({
         'v-input': true
-      }, this.classes)
-    }), this.genContent());
+      }, this.classes), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["normalizeClasses"])(additionalClasses))
+    }, restAttrs)), {
+      default: function _default() {
+        return _this.genContent();
+      }
+    });
   }
 }));
 
@@ -19035,19 +19148,27 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
       });
     },
     genIcon: function genIcon(icon) {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], icon);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {}, function () {
+        return icon;
+      });
     },
     genAppendIcon: function genAppendIcon() {
+      var _this = this;
+
       var icon = !this.subGroup ? this.appendIcon : false;
       var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'appendIcon');
       if (!icon && !slot) return null;
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VListItemIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
         class: 'v-list-group__header__append-icon'
-      }, [slot || this.genIcon(icon)]);
+      }, function () {
+        return [slot || _this.genIcon(icon)];
+      });
     },
     genHeader: function genHeader() {
       var _a;
 
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VListItem__WEBPACK_IMPORTED_MODULE_3__["default"], __assign(__assign({
         'aria-expanded': String(this.isActive),
         role: 'button',
@@ -19057,7 +19178,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
         inputValue: this.isActive
       }, this.listeners$), {
         onClick: this.click
-      }), [this.genPrependIcon(), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'activator'), this.genAppendIcon()]), [[_directives_ripple__WEBPACK_IMPORTED_MODULE_10__["Ripple"], this.ripple]]);
+      }), function () {
+        return [_this.genPrependIcon(), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(_this, 'activator'), _this.genAppendIcon()];
+      }), [[_directives_ripple__WEBPACK_IMPORTED_MODULE_10__["Ripple"], this.ripple]]);
     },
     genItems: function genItems() {
       var _this = this;
@@ -19070,12 +19193,16 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
       });
     },
     genPrependIcon: function genPrependIcon() {
+      var _this = this;
+
       var icon = this.subGroup && this.prependIcon == null ? '$subgroup' : this.prependIcon;
       var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'prependIcon');
       if (!icon && !slot) return null;
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VListItemIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
         class: 'v-list-group__header__prepend-icon'
-      }, [slot || this.genIcon(icon)]);
+      }, function () {
+        return [slot || _this.genIcon(icon)];
+      });
     },
     onRouteChange: function onRouteChange(to) {
       /* istanbul ignore if */
@@ -19103,9 +19230,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     }
   },
   render: function render() {
+    var _this = this;
+
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', this.setTextColor(this.isActive && this.color, {
       class: ['v-list-group', this.classes]
-    }), [this.genHeader(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_11__["VExpandTransition"], this.genItems())]);
+    }), [this.genHeader(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_11__["VExpandTransition"], {}, function () {
+      return _this.genItems();
+    })]);
   }
 }));
 
@@ -19314,7 +19445,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_11__["default"])(_
       active: this.isActive,
       toggle: this.toggle
     });
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(tag, this.isActive ? this.setTextColor(this.color, data) : data, children), directives);
+    var nodeData = this.isActive ? this.setTextColor(this.color, data) : data;
+    var node = typeof tag === 'string' ? Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(tag, nodeData, children) : Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(tag, nodeData, function () {
+      return children;
+    });
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(node, directives);
   }
 }));
 
@@ -20303,11 +20438,15 @@ __webpack_require__.r(__webpack_exports__);
   },
   methods: {
     genChildren: function genChildren() {
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_3__["h"])(vue__WEBPACK_IMPORTED_MODULE_3__["TransitionGroup"], {
         class: 'v-messages__wrapper',
         name: 'message-transition',
         tag: 'div'
-      }, this.value.map(this.genMessage));
+      }, function () {
+        return _this.value.map(_this.genMessage);
+      });
     },
     genMessage: function genMessage(message, key) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_3__["h"])('div', {
@@ -21319,7 +21458,9 @@ var __assign = undefined && undefined.__assign || function () {
             itemObj.callback(e);
           }
         }
-      }, [itemObj.text]);
+      }, function () {
+        return [itemObj.text];
+      });
     },
     updateValue: function updateValue(val) {
       if (val) {
@@ -21754,7 +21895,9 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
         onClick: fn
       })), [h(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
         color: this.navigationTextColor
-      }, [icon])])]);
+      }, function () {
+        return [icon];
+      })])]);
     },
     genItem: function genItem(h, i) {
       var _this = this;
@@ -22064,9 +22207,13 @@ var __assign = undefined && undefined.__assign || function () {
       }), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(this, 'title'));
     },
     genBodyTransition: function genBodyTransition() {
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.transition
-      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(this));
+      }, function () {
+        return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(_this);
+      });
     },
     genBody: function genBody() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
@@ -22794,6 +22941,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
       return _mixins_selectable__WEBPACK_IMPORTED_MODULE_10__["default"].methods.genInput.call(this, 'radio', args);
     },
     genLabel: function genLabel() {
+      var _this = this;
+
       if (!this.hasLabel) return null;
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VLabel__WEBPACK_IMPORTED_MODULE_2__["default"], {
         // Label shouldn't cause the input to focus
@@ -22801,9 +22950,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
         for: this.computedId,
         color: this.validationState,
         focused: this.hasState
-      }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getSlot"])(this, 'label') || this.label);
+      }, function () {
+        return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getSlot"])(_this, 'label') || _this.label;
+      });
     },
     genRadio: function genRadio() {
+      var _this = this;
+
       var _a = this.attrs$,
           title = _a.title,
           radioAttrs = __rest(_a, ["title"]);
@@ -22812,7 +22965,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
         class: 'v-input--selection-controls__input'
       }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], this.setTextColor(this.validationState, {
         dense: this.radioGroup && this.radioGroup.dense
-      }), this.computedIcon), this.genInput(__assign({
+      }), function () {
+        return _this.computedIcon;
+      }), this.genInput(__assign({
         name: this.computedName,
         value: this.value
       }, radioAttrs)), this.genRipple(this.setTextColor(this.rippleState))]);
@@ -24163,7 +24318,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
           return _this.onChipInput(item);
         },
         key: JSON.stringify(this.getValue(item))
-      }, this.getText(item));
+      }, function () {
+        return _this.getText(item);
+      });
     },
     genCommaSelection: function genCommaSelection(item, index, last) {
       var color = index === this.selectedIndex && this.computedColor;
@@ -24291,7 +24448,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
         },
         onScroll: this.onScroll,
         ref: 'menu'
-      }), [this.genList()]);
+      }), function () {
+        return [_this.genList()];
+      });
     },
     genSelections: function genSelections() {
       var length = this.selectedItems.length;
@@ -24763,14 +24922,16 @@ var __assign = undefined && undefined.__assign || function () {
     genAction: function genAction(item, inputValue) {
       var _this = this;
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemAction"], [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_0__["default"], {
-        color: this.color,
-        modelValue: inputValue,
-        ripple: false,
-        onInput: function onInput() {
-          return _this.$emit('select', item);
-        }
-      })]);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemAction"], {}, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_0__["default"], {
+          color: _this.color,
+          modelValue: inputValue,
+          ripple: false,
+          onInput: function onInput() {
+            return _this.$emit('select', item);
+          }
+        })];
+      });
     },
     genDivider: function genDivider(props) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VDivider__WEBPACK_IMPORTED_MODULE_1__["default"], {
@@ -24863,11 +25024,17 @@ var __assign = undefined && undefined.__assign || function () {
       return this.needsTile(scopedSlot) ? Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItem"], tile, scopedSlot) : scopedSlot;
     },
     genTileContent: function genTileContent(item, index) {
+      var _this = this;
+
       if (index === void 0) {
         index = 0;
       }
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemContent"], [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemTitle"], [this.genFilteredText(this.getText(item))])]);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemContent"], {}, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemTitle"], {}, function () {
+          return [_this.genFilteredText(_this.getText(item))];
+        })];
+      });
     },
     hasItem: function hasItem(item) {
       return this.parsedItems.indexOf(this.getValue(item)) > -1;
@@ -25665,6 +25832,8 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       };
     },
     genIcon: function genIcon(location) {
+      var _this = this;
+
       var icon = location;
 
       if (this.$vuetify.rtl && location === 'prev') {
@@ -25676,9 +25845,11 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       var upperLocation = "" + location[0].toUpperCase() + location.slice(1);
       var hasAffix = this["has" + upperLocation];
       if (!this.showArrows && !hasAffix) return null;
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
-        disabled: !hasAffix
-      }, this[icon + "Icon"]);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], function () {
+        return {
+          disabled: !hasAffix
+        }, _this[icon + "Icon"];
+      });
     },
     // Always generate prev for scrollable hint
     genPrev: function genPrev() {
@@ -25696,7 +25867,11 @@ var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"]
       }, [slot]);
     },
     genTransition: function genTransition(location) {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_3__["VFadeTransition"], [this.genIcon(location)]);
+      var _this = this;
+
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_3__["VFadeTransition"], function () {
+        return [_this.genIcon(location)];
+      });
     },
     genWrapper: function genWrapper() {
       var _this = this;
@@ -25999,7 +26174,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: [Boolean, String],
       default: undefined,
       validator: function validator(v) {
-        return typeof v === 'boolean' || v === 'always';
+        return typeof v === 'boolean' || v === 'always' || v === undefined;
       }
     },
     thumbSize: {
@@ -26028,6 +26203,7 @@ var __assign = undefined && undefined.__assign || function () {
     modelValue: [Number, String],
     vertical: Boolean
   },
+  emits: ['update:modelValue', 'start', 'end', 'mouseup', 'change', 'focus', 'blur'],
   data: function data() {
     return {
       app: null,
@@ -26053,11 +26229,14 @@ var __assign = undefined && undefined.__assign || function () {
         return this.lazyValue;
       },
       set: function set(val) {
+        var originalVal = val;
         val = isNaN(val) ? this.minValue : val; // Round value to ensure the
         // entire slider range can
         // be selected with step
 
-        var value = this.roundValue(Math.min(Math.max(val, this.minValue), this.maxValue));
+        var value = this.roundValue(val); // Then clamp to min/max
+
+        value = Math.min(Math.max(value, this.minValue), this.maxValue);
         if (value === this.lazyValue) return;
         this.lazyValue = value;
         this.$emit('update:modelValue', value);
@@ -26073,7 +26252,8 @@ var __assign = undefined && undefined.__assign || function () {
       return parseFloat(this.max);
     },
     stepNumeric: function stepNumeric() {
-      return this.step > 0 ? parseFloat(this.step) : 0;
+      var step = parseFloat(this.step);
+      return step > 0 ? step : 0;
     },
     inputWidth: function inputWidth() {
       var inputWidth = (this.roundValue(this.internalValue) - this.minValue) / (this.maxValue - this.minValue) * 100;
@@ -26131,14 +26311,21 @@ var __assign = undefined && undefined.__assign || function () {
   watch: {
     min: function min(val) {
       var parsed = parseFloat(val);
-      parsed > this.internalValue && this.$emit('update:modelValue', parsed);
+
+      if (parsed > this.internalValue) {
+        this.$emit('update:modelValue', parsed);
+      }
     },
     max: function max(val) {
       var parsed = parseFloat(val);
-      parsed < this.internalValue && this.$emit('update:modelValue', parsed);
+
+      if (parsed < this.internalValue) {
+        this.$emit('update:modelValue', parsed);
+      }
     },
     modelValue: {
       handler: function handler(v) {
+        // Use the setter to ensure proper rounding and validation
         this.internalValue = v;
       },
       immediate: true
@@ -26157,7 +26344,7 @@ var __assign = undefined && undefined.__assign || function () {
       return children;
     },
     genSlider: function genSlider() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_8__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', {
         class: __assign({
           'v-slider': true,
           'v-slider--horizontal': !this.vertical,
@@ -26167,14 +26354,10 @@ var __assign = undefined && undefined.__assign || function () {
           'v-slider--disabled': this.isDisabled,
           'v-slider--readonly': this.isReadonly
         }, this.themeClasses),
-        directives: [{
-          name: 'click-outside',
-          value: this.onBlur
-        }],
         onClick: this.onSliderClick,
         onMousedown: this.onSliderMouseDown,
         onTouchstart: this.onSliderMouseDown
-      }, this.genChildren());
+      }, this.genChildren()), [[_directives_click_outside__WEBPACK_IMPORTED_MODULE_5__["default"], this.onBlur]]);
     },
     genChildren: function genChildren() {
       return [this.genInput(), this.genTrackContainer(), this.genSteps(), this.genThumbContainer(this.internalValue, this.inputWidth, this.isActive, this.isFocused, this.onFocus, this.onBlur)];
@@ -26276,24 +26459,24 @@ var __assign = undefined && undefined.__assign || function () {
       }) : [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('span', [String(value)])];
     },
     genThumbLabel: function genThumbLabel(content) {
+      var _this = this;
+
       var size = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.thumbSize);
       var transform = this.vertical ? "translateY(20%) translateY(" + (Number(this.thumbSize) / 3 - 1) + "px) translateX(55%) rotate(135deg)" : "translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg)";
       return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_2__["VScaleTransition"], {
         origin: 'bottom center'
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', {
-        class: 'v-slider__thumb-label-container',
-        directives: [{
-          name: 'show',
-          value: this.isFocused || this.isActive || this.thumbLabel === 'always'
-        }]
-      }, [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', this.setBackgroundColor(this.computedThumbColor, {
-        class: 'v-slider__thumb-label',
-        style: {
-          height: size,
-          width: size,
-          transform: transform
-        }
-      }), [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', content)])])]);
+      }, function () {
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_8__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', {
+          class: 'v-slider__thumb-label-container'
+        }, [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', _this.setBackgroundColor(_this.computedThumbColor, {
+          class: 'v-slider__thumb-label',
+          style: {
+            height: size,
+            width: size,
+            transform: transform
+          }
+        }), [Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', content)])]), [[vue__WEBPACK_IMPORTED_MODULE_8__["vShow"], _this.isFocused || _this.isActive || _this.thumbLabel === 'always']])];
+      });
     },
     genThumb: function genThumb() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])('div', this.setBackgroundColor(this.computedThumbColor, {
@@ -26388,6 +26571,7 @@ var __assign = undefined && undefined.__assign || function () {
       thumb.focus();
       this.onMouseMove(e);
       this.$emit('update:modelValue', this.internalValue);
+      this.$emit('change', this.internalValue);
     },
     onBlur: function onBlur(e) {
       this.isFocused = false;
@@ -27767,7 +27951,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Ob
 
     var wrapper = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', wrapperData, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
     var content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]), this.isVertical ? [] : [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]]);
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, __assign({}, this.$listeners), [content]);
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, __assign({}, this.$listeners), function () {
+      return [content];
+    });
   }
 }));
 
@@ -28213,12 +28399,16 @@ var __rest = undefined && undefined.__rest || function (s, e) {
       }, this.switchData), [this.genProgress()])]);
     },
     genProgress: function genProgress() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_5__["VFabTransition"], {}, [this.loading === false ? null : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getSlot"])(this, 'progress') || Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_VProgressCircular_VProgressCircular__WEBPACK_IMPORTED_MODULE_6__["default"], {
-        color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
-        size: 16,
-        width: 2,
-        indeterminate: true
-      })]);
+      var _this = this;
+
+      return Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_5__["VFabTransition"], {}, function () {
+        return [_this.loading === false ? null : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getSlot"])(_this, 'progress') || Object(vue__WEBPACK_IMPORTED_MODULE_8__["h"])(_VProgressCircular_VProgressCircular__WEBPACK_IMPORTED_MODULE_6__["default"], {
+          color: _this.loading === true || _this.loading === '' ? _this.color || 'primary' : _this.loading,
+          size: 16,
+          width: 2,
+          indeterminate: true
+        })];
+      });
     },
     onSwipeLeft: function onSwipeLeft() {
       if (this.isActive) this.onChange();
@@ -28775,7 +28965,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       };
       this.setTextColor(this.computedColor, data);
       this.setBackgroundColor(this.backgroundColor, data);
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VTabsBar__WEBPACK_IMPORTED_MODULE_2__["default"], data, [this.genSlider(slider), items]);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VTabsBar__WEBPACK_IMPORTED_MODULE_2__["default"], data, function () {
+        return [_this.genSlider(slider), items];
+      });
     },
     genItems: function genItems(items, item) {
       var _this = this; // If user provides items
@@ -28791,7 +28983,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
         'onUpdate:modelValue': function onUpdateModelValue(val) {
           _this.internalValue = val;
         }
-      }, item);
+      }, function () {
+        return item;
+      });
     },
     genSlider: function genSlider(slider) {
       if (this.hideSlider) return null;
@@ -29565,6 +29759,8 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
       }, [this.genLegend()]);
     },
     genLabel: function genLabel() {
+      var _this = this;
+
       if (!this.showLabel) return null;
       var data = {
         ref: "label",
@@ -29579,7 +29775,9 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
         right: this.labelPosition.right,
         value: this.labelValue
       };
-      return Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])(_VLabel__WEBPACK_IMPORTED_MODULE_3__["default"], data, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this, 'label') || this.label);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])(_VLabel__WEBPACK_IMPORTED_MODULE_3__["default"], data, function () {
+        return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(_this, 'label') || _this.label;
+      });
     },
     genLegend: function genLegend() {
       var width = !this.singleLine && (this.labelValue || this.isDirty) ? this.labelWidth : 0;
@@ -31364,6 +31562,7 @@ __webpack_require__.r(__webpack_exports__);
  // Helpers
 
 
+ // Types
 
 
 /* @vue/component */
@@ -31470,7 +31669,7 @@ __webpack_require__.r(__webpack_exports__);
     var _this = this;
 
     this.$nextTick(function () {
-      _this.value && _this.callActivate();
+      _this.modelValue && _this.callActivate();
     });
   },
   mounted: function mounted() {
@@ -31529,21 +31728,19 @@ __webpack_require__.r(__webpack_exports__);
       if (!this.computedTransition) return content;
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.computedTransition
-      }, [content]);
+      }, function () {
+        return [content];
+      });
     },
     genContent: function genContent() {
       var _a;
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', this.setBackgroundColor(this.color, {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', this.setBackgroundColor(this.color, {
         class: ['v-tooltip__content', (_a = {}, _a[this.contentClass] = true, _a.menuable__content__active = this.isActive, _a['v-tooltip__content--fixed'] = this.activatorFixed, _a)],
         style: this.styles,
         attrs: this.getScopeIdAttrs(),
-        directives: [{
-          name: 'show',
-          value: this.isContentActive
-        }],
         ref: 'content'
-      }), this.getContentSlot());
+      }), this.getContentSlot()), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isContentActive]]);
     }
   },
   render: function render() {
@@ -32472,7 +32669,9 @@ var VTreeviewNode = baseMixins.extend({
             return _this.open();
           });
         }
-      }, [this.isLoading ? this.loadingIcon : this.expandIcon]);
+      }, function () {
+        return [_this.isLoading ? _this.loadingIcon : _this.expandIcon];
+      });
     },
     genCheckbox: function genCheckbox() {
       var _this = this;
@@ -32497,7 +32696,9 @@ var VTreeviewNode = baseMixins.extend({
             });
           });
         }
-      }, [this.computedIcon]);
+      }, function () {
+        return [_this.computedIcon];
+      });
     },
     genLevel: function genLevel(level) {
       return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["createRange"])(level).map(function () {
@@ -32577,7 +32778,11 @@ var VTreeviewNode = baseMixins.extend({
       }, children);
     },
     genTransition: function genTransition() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_1__["VExpandTransition"], [this.genChildrenWrapper()]);
+      var _this = this;
+
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_1__["VExpandTransition"], {}, function () {
+        return [_this.genChildrenWrapper()];
+      });
     }
   },
   render: function render() {
@@ -34018,7 +34223,9 @@ function createSimpleTransition(name, origin, mode) {
         });
       }
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_1__["default"])(this.$attrs, data), this.$slots.default());
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_1__["default"])(this.$attrs, data), function () {
+        return _this.$slots.default();
+      });
     }
   };
 }
@@ -34037,9 +34244,13 @@ function createJavascriptTransition(name, functions, mode) {
       }
     },
     render: function render() {
+      var _this = this;
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_1__["default"])(this.$attrs, __assign({
         name: name
-      }, functions)), this.$slots.default());
+      }, functions)), function () {
+        return _this.$slots.default();
+      });
     }
   };
 }
@@ -35245,7 +35456,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha24";
+  Vuetify.version = "2.7.2-alpha26";
   Vuetify.config = {
     silent: false
   };
@@ -41622,16 +41833,26 @@ __webpack_require__.r(__webpack_exports__);
       }) : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(this);
     },
     genPicker: function genPicker(staticClass) {
+      var _this = this;
+
       var children = {};
 
       if (!this.noTitle) {
-        var title = this.genPickerTitle();
-        title && (children.title = title);
+        var title_1 = this.genPickerTitle();
+        title_1 && (children.title = function () {
+          return [title_1];
+        });
       }
 
       var body = this.genPickerBody();
-      body && (children.default = body);
-      children.actions = Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('template', {}, [this.genPickerActionsSlot()]);
+      body && (children.default = function () {
+        return [body];
+      });
+
+      children.actions = function () {
+        return [_this.genPickerActionsSlot()];
+      };
+
       return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(_components_VPicker__WEBPACK_IMPORTED_MODULE_0__["default"], {
         class: staticClass,
         color: this.headerColor || this.color,
@@ -47298,32 +47519,6 @@ function mixins() {
 
 /***/ }),
 
-/***/ "./src/util/rebuildFunctionalSlots.ts":
-/*!********************************************!*\
-  !*** ./src/util/rebuildFunctionalSlots.ts ***!
-  \********************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return rebuildFunctionalSlots; });
-function rebuildFunctionalSlots(slots, h) {
-  var children = [];
-
-  for (var slot in slots) {
-    if (slots.hasOwnProperty(slot)) {
-      children.push(h('template', {
-        slot: slot
-      }, slots[slot]));
-    }
-  }
-
-  return children;
-}
-
-/***/ }),
-
 /***/ "vue":
 /*!******************************************************************************!*\
   !*** external {"commonjs":"vue","commonjs2":"vue","amd":"vue","root":"Vue"} ***!