@dimailn/vuetify 2.7.2-alpha14 → 2.7.2-alpha16

package/dist/vuetify.js

@@ -493,17 +493,17 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _VAppBar_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VAppBar.sass */ "./src/components/VAppBar/VAppBar.sass");
-/* harmony import */ var _VAppBar_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VAppBar_sass__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VToolbar/VToolbar */ "./src/components/VToolbar/VToolbar.ts");
-/* harmony import */ var _directives_scroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../directives/scroll */ "./src/directives/scroll/index.ts");
-/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
-/* harmony import */ var _mixins_scrollable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/scrollable */ "./src/mixins/scrollable/index.ts");
-/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
-/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
-/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var _VAppBar_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAppBar.sass */ "./src/components/VAppBar/VAppBar.sass");
+/* harmony import */ var _VAppBar_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAppBar_sass__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VToolbar/VToolbar */ "./src/components/VToolbar/VToolbar.ts");
+/* harmony import */ var _directives_scroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../directives/scroll */ "./src/directives/scroll/index.ts");
+/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
+/* harmony import */ var _mixins_scrollable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/scrollable */ "./src/mixins/scrollable/index.ts");
+/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
+/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! vue */ "vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
@@ -519,9 +519,8 @@ var __assign = undefined && undefined.__assign || function () {
   };
 
   return __assign.apply(this, arguments);
-};
+}; // Styles
 
- // Styles
 
  // Extensions
 
@@ -536,13 +535,14 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_scrollable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_4__["default"])('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
+
+var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_scrollable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_3__["default"])('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
 /* @vue/component */
 
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
   name: 'v-app-bar',
   directives: {
-    Scroll: _directives_scroll__WEBPACK_IMPORTED_MODULE_3__["default"]
+    Scroll: _directives_scroll__WEBPACK_IMPORTED_MODULE_2__["default"]
   },
   provide: function provide() {
     return {
@@ -574,13 +574,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
       return !this.bottom ? 'top' : 'bottom';
     },
     canScroll: function canScroll() {
-      return _mixins_scrollable__WEBPACK_IMPORTED_MODULE_5__["default"].computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted || // If falsy, user has provided an
+      return _mixins_scrollable__WEBPACK_IMPORTED_MODULE_4__["default"].computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted || // If falsy, user has provided an
       // explicit value which should
       // overwrite anything we do
       !this.value);
     },
     classes: function classes() {
-      return __assign(__assign({}, _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].computed.classes.call(this)), {
+      return __assign(__assign({}, _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].computed.classes.call(this)), {
         'v-toolbar--collapse': this.collapse || this.collapseOnScroll,
         'v-app-bar': true,
         'v-app-bar--clipped': this.clippedLeft || this.clippedRight,
@@ -597,7 +597,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
       return Math.max((threshold - this.currentScroll) / threshold, 0);
     },
     computedContentHeight: function computedContentHeight() {
-      if (!this.shrinkOnScroll) return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].computed.computedContentHeight.call(this);
+      if (!this.shrinkOnScroll) return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].computed.computedContentHeight.call(this);
       var min = this.dense ? 48 : 56;
       var max = this.computedOriginalHeight;
       return min + (max - min) * this.scrollRatio;
@@ -621,7 +621,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
       return this.scrollRatio;
     },
     computedOriginalHeight: function computedOriginalHeight() {
-      var height = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].computed.computedContentHeight.call(this);
+      var height = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].computed.computedContentHeight.call(this);
       if (this.isExtended) height += parseInt(this.extensionHeight);
       return height;
     },
@@ -652,21 +652,21 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
     },
     isCollapsed: function isCollapsed() {
       if (!this.collapseOnScroll) {
-        return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].computed.isCollapsed.call(this);
+        return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].computed.isCollapsed.call(this);
       }
 
       return this.currentScroll > 0;
     },
     isProminent: function isProminent() {
-      return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].computed.isProminent.call(this) || this.shrinkOnScroll;
+      return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].computed.isProminent.call(this) || this.shrinkOnScroll;
     },
     styles: function styles() {
-      return __assign(__assign({}, _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].computed.styles.call(this)), {
-        fontSize: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.computedFontSize, 'rem'),
-        marginTop: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.computedMarginTop),
-        transform: "translateY(" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.computedTransform) + ")",
-        left: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.computedLeft),
-        right: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.computedRight)
+      return __assign(__assign({}, _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].computed.styles.call(this)), {
+        fontSize: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedFontSize, 'rem'),
+        marginTop: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedMarginTop),
+        transform: "translateY(" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedTransform) + ")",
+        left: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedLeft),
+        right: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedRight)
       });
     }
   },
@@ -694,8 +694,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
   },
   methods: {
     genBackground: function genBackground() {
-      var render = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].methods.genBackground.call(this);
-      render.data = this._b(render.data || {}, render.tag, {
+      var render = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].methods.genBackground.call(this);
+      render.props = Object(vue__WEBPACK_IMPORTED_MODULE_8__["mergeProps"])(render.props || {}, {
         style: {
           opacity: this.computedOpacity
         }
@@ -720,18 +720,14 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_V
     }
   },
   render: function render() {
-    var render = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_2__["default"].render.call(this, vue__WEBPACK_IMPORTED_MODULE_0__["h"]);
-    render.data = render.data || {};
+    var render = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].render.call(this);
 
     if (this.canScroll) {
-      render.data.directives = render.data.directives || [];
-      render.data.directives.push({
-        arg: this.scrollTarget,
-        name: 'scroll',
-        value: this.onScroll
-      });
+      render.key = 'v-app-bar-scroll';
+      return Object(vue__WEBPACK_IMPORTED_MODULE_8__["withDirectives"])(render, [[_directives_scroll__WEBPACK_IMPORTED_MODULE_2__["default"], this.onScroll, this.scrollTarget]]);
     }
 
+    render.key = 'v-app-bar-no-scroll';
     return render;
   }
 }));
@@ -7449,7 +7445,6 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
-
  // Mixins
 
 
@@ -7458,7 +7453,6 @@ var __assign = undefined && undefined.__assign || function () {
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_2__["defineComponent"])({
   name: 'v-simple-checkbox',
-  functional: true,
   directives: {
     Ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
@@ -7468,7 +7462,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: Boolean,
       default: true
     },
-    value: Boolean,
+    modelValue: Boolean,
     indeterminate: Boolean,
     indeterminateIcon: {
       type: String,
@@ -7483,47 +7477,79 @@ var __assign = undefined && undefined.__assign || function () {
       default: '$checkboxOff'
     }
   }),
+  emits: ['input', 'update:modelValue'],
+  methods: {
+    getIcon: function getIcon() {
+      var _a = this.$props,
+          indeterminate = _a.indeterminate,
+          modelValue = _a.modelValue,
+          indeterminateIcon = _a.indeterminateIcon,
+          onIcon = _a.onIcon,
+          offIcon = _a.offIcon;
+      if (indeterminate) return indeterminateIcon;
+      if (modelValue) return onIcon;
+      return offIcon;
+    },
+    createIcon: function createIcon() {
+      var _this = this;
+
+      var _a = this.$props,
+          modelValue = _a.modelValue,
+          disabled = _a.disabled,
+          dark = _a.dark,
+          light = _a.light,
+          color = _a.color;
+      return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["VIcon"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(modelValue && color, {
+        disabled: disabled,
+        dark: dark,
+        light: light
+      }), function () {
+        return _this.getIcon();
+      });
+    },
+    createRipple: function createRipple() {
+      var _a = this.$props,
+          ripple = _a.ripple,
+          disabled = _a.disabled,
+          color = _a.color;
+      if (!ripple || disabled) return null;
+      return Object(vue__WEBPACK_IMPORTED_MODULE_2__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(color, {
+        class: 'v-input--selection-controls__ripple'
+      })), [[_directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"], {
+        center: true
+      }]]);
+    },
+    handleClick: function handleClick(e) {
+      e.stopPropagation();
+      if (this.$props.disabled) return;
+      var newValue = !this.modelValue;
+      var attrs = this.$attrs;
+      this.$emit("input", newValue);
+      this.$emit('update:modelValue', newValue);
+    },
+    createChildren: function createChildren() {
+      var children = [this.createIcon()];
+      var ripple = this.createRipple();
+
+      if (ripple) {
+        children.push(ripple);
+      }
+
+      return children;
+    }
+  },
   render: function render() {
-    var props = this.$props;
+    var disabled = this.$props.disabled;
     var data = this.$attrs;
-    var children = [];
-    var icon = props.offIcon;
-    if (props.indeterminate) icon = props.indeterminateIcon;else if (props.value) icon = props.onIcon;
-    children.push(Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_3__["VIcon"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(props.value && props.color, {
-      disabled: props.disabled,
-      dark: props.dark,
-      light: props.light
-    }), icon));
-
-    if (props.ripple && !props.disabled) {
-      var ripple = Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].methods.setTextColor(props.color, {
-        class: 'v-input--selection-controls__ripple',
-        directives: [{
-          def: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"],
-          name: 'ripple',
-          value: {
-            center: true
-          }
-        }]
-      }));
-      children.push(ripple);
-    }
-
     return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_6__["default"])(data, {
       class: {
         'v-simple-checkbox': true,
-        'v-simple-checkbox--disabled': props.disabled
+        'v-simple-checkbox--disabled': disabled
       },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-
-        if (data.on && data.on.input && !props.disabled) {
-          data.onInput && data.onInput(!props.value);
-        }
-      }
+      onClick: this.handleClick
     }), [Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])('div', {
       class: 'v-input--selection-controls__input'
-    }, children)]);
+    }, this.createChildren())]);
   }
 }));
 
@@ -11535,7 +11561,7 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
 
           return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_9__["default"], {
             class: 'v-data-table__checkbox',
-            value: data.isSelected,
+            modelValue: data.isSelected,
             disabled: !_this.isSelectable(item),
             color: (_a = _this.checkboxColor) !== null && _a !== void 0 ? _a : '',
             onInput: function onInput(val) {
@@ -11764,17 +11790,18 @@ var __assign = undefined && undefined.__assign || function () {
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_5__["defineComponent"])({
   name: 'v-data-table-header',
-  functional: true,
   props: __assign(__assign({}, _mixins_header__WEBPACK_IMPORTED_MODULE_3__["default"].props), {
     mobile: Boolean
   }),
   render: function render() {
     var props = this.$props;
-    var data = this.$attrs; // dedupeModelListeners(data)
+
+    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 (this.mobile) {
+    if (props.mobile) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_1__["default"], data, children);
     } else {
       return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])(_VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_2__["default"], data, children);
@@ -11947,11 +11974,13 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   render: function render() {
     var _this = this;
 
+    var _a;
+
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('thead', {
       class: 'v-data-table-header'
-    }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('tr', this.headers.map(function (header) {
+    }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('tr', ((_a = this.headers) === null || _a === void 0 ? void 0 : _a.map(function (header) {
       return _this.genHeader(header);
-    }))]);
+    })) || [])]);
   }
 }));
 
@@ -12658,7 +12687,7 @@ var __assign = undefined && undefined.__assign || function () {
       var _a;
 
       var data = {
-        value: this.everyItem,
+        modelValue: this.everyItem,
         indeterminate: !this.everyItem && this.someItems,
         color: (_a = this.checkboxColor) !== null && _a !== void 0 ? _a : '',
         onInput: function onInput(v) {
@@ -16494,6 +16523,8 @@ __webpack_require__.r(__webpack_exports__);
     }
   },
   render: function render() {
+    var _a, _b;
+
     var classes; // const { attrs } = data
 
     var attrs = this.$attrs;
@@ -16524,7 +16555,7 @@ __webpack_require__.r(__webpack_exports__);
       class: Array({
         'container--fluid': this.fluid
       }).concat(classes || []).concat('container')
-    }), this.$slots.default());
+    }), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 }));
 
@@ -18055,29 +18086,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
 /* 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++) {
-      s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-}; // Styles
-
-
+// Styles
  // Mixins
 
  // Utilities
 
 
- // Types
 
 
 /* @vue/component */
@@ -18108,31 +18122,34 @@ var BaseItem = Object(vue__WEBPACK_IMPORTED_MODULE_4__["defineComponent"])({
       return null;
     }
 
-    var element;
-    /* istanbul ignore else */
+    var slotContent = this.$slots.default({
+      active: this.isActive,
+      toggle: this.toggle
+    });
 
-    if (this.$slots.default) {
-      element = this.$slots.default({
-        active: this.isActive,
-        toggle: this.toggle
-      });
+    if (!slotContent || slotContent.length === 0) {
+      Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-item slot returned empty content', this);
+      return null;
     }
 
-    if (Array.isArray(element) && element.length === 1) {
-      element = element[0];
+    var element = slotContent[0];
+
+    if (!element) {
+      Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-item should contain at least one element', this);
+      return null;
     }
 
-    if (!element || Array.isArray(element) || !element.tag) {
-      Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-item should only contain a single element', this);
+    if (!element.type) {
+      Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-item should only contain valid VNode elements', this);
       return element;
     }
 
-    element.data = this._b(element.data || {}, element.tag, {
-      class: (_a = {}, _a[this.activeClass] = this.isActive, _a['v-item--disabled'] = this.disabled, _a)
+    element.props = Object(vue__WEBPACK_IMPORTED_MODULE_4__["mergeProps"])(element.props || {}, {
+      class: (_a = {}, _a[this.activeClass] = this.isActive, _a["v-item--disabled"] = this.disabled, _a)
     });
 
     if (this.disabled) {
-      element.data.attrs = __assign(__assign({}, element.data.attrs), {
+      element.props = Object(vue__WEBPACK_IMPORTED_MODULE_4__["mergeProps"])(element.props || {}, {
         tabindex: -1
       });
     }
@@ -24709,7 +24726,7 @@ var __assign = undefined && undefined.__assign || function () {
 
       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,
-        value: inputValue,
+        modelValue: inputValue,
         ripple: false,
         onInput: function onInput() {
           return _this.$emit('select', item);
@@ -29511,6 +29528,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
     genLabel: function genLabel() {
       if (!this.showLabel) return null;
       var data = {
+        ref: "label",
         absolute: true,
         color: this.validationState,
         dark: this.dark,
@@ -29637,8 +29655,10 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
       _VInput__WEBPACK_IMPORTED_MODULE_1__["default"].methods.onMouseUp.call(this, e);
     },
     setLabelWidth: function setLabelWidth() {
+      var _a, _b, _c, _d;
+
       if (!this.outlined) return;
-      this.labelWidth = this.$refs.label ? Math.min(this.$refs.label.scrollWidth * 0.75 + 6, this.$el.offsetWidth - 24) : 0;
+      this.labelWidth = ((_b = (_a = this.$refs) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.$el) ? Math.min(((_d = (_c = this.$refs) === null || _c === void 0 ? void 0 : _c.label) === null || _d === void 0 ? void 0 : _d.$el.scrollWidth) * 0.75 + 6, this.$el.offsetWidth - 24) : 0;
     },
     setPrefixWidth: function setPrefixWidth() {
       if (!this.$refs.prefix) return;
@@ -31221,12 +31241,11 @@ var __read = undefined && undefined.__read || function (o, n) {
     var children = [this.genContent()];
     var data = this.setBackgroundColor(this.color, {
       class: this.classes,
-      style: this.styles,
-      on: this.$listeners
+      style: this.styles
     });
     if (this.isExtended) children.push(this.genExtension());
     if (this.src || this.$slots.img) children.unshift(this.genBackground());
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.tag, data, children);
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.tag, __assign(__assign({}, this.attrs$), data), children);
   }
 }));
 
@@ -34309,18 +34328,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return Intersect; });
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function inserted(el, binding, vnode) {
-  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) return;
+function mounted(el, binding, vnode) {
+  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
+    return;
+  }
+
   var modifiers = binding.modifiers || {};
   var value = binding.value;
 
-  var _a = _typeof(value) === 'object' ? value : {
+  var _a = _typeof(value) === 'object' && value !== null && 'handler' in value ? value : {
     handler: value,
     options: {}
   },
       handler = _a.handler,
       options = _a.options;
 
+  if (!handler) return;
   var observer = new IntersectionObserver(function (entries, observer) {
     var _a;
 
@@ -34341,7 +34364,7 @@ function inserted(el, binding, vnode) {
       handler(entries, observer, isIntersecting);
     }
 
-    if (isIntersecting && modifiers.once) unbind(el, binding, vnode);else _observe.init = true;
+    if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else _observe.init = true;
   }, options);
   el._observe = Object(el._observe);
   el._observe[vnode.ctx.uid] = {
@@ -34351,7 +34374,15 @@ function inserted(el, binding, vnode) {
   observer.observe(el);
 }
 
-function unbind(el, binding, vnode) {
+function updated(el, binding, vnode) {
+  // Если значение изменилось, пересоздаем observer
+  if (binding.value !== binding.oldValue) {
+    unmounted(el, binding, vnode);
+    mounted(el, binding, vnode);
+  }
+}
+
+function unmounted(el, binding, vnode) {
   var _a;
 
   var observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
@@ -34361,8 +34392,9 @@ function unbind(el, binding, vnode) {
 }
 
 var Intersect = {
-  mounted: inserted,
-  unmounted: unbind
+  mounted: mounted,
+  updated: updated,
+  unmounted: unmounted
 };
 /* harmony default export */ __webpack_exports__["default"] = (Intersect);
 
@@ -34393,7 +34425,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   return t;
 };
 
-function inserted(el, binding, vnode) {
+function mounted(el, binding, vnode) {
   var modifiers = binding.modifiers || {};
   var value = binding.value;
   var callback = _typeof(value) === 'object' ? value.handler : value;
@@ -34403,14 +34435,14 @@ function inserted(el, binding, vnode) {
 
   var hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority
 
-  var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers // If we have modifiers, use only those provided
-  ? {
+  var options = _typeof(value) === 'object' && value.options ? value.options : hasModifiers ? {
+    // If we have modifiers, use only those provided
     attributes: modifierKeys.attr,
     childList: modifierKeys.child,
     subtree: modifierKeys.sub,
     characterData: modifierKeys.char
-  } // Defaults to everything on
-  : {
+  } : {
+    // Defaults to everything on
     attributes: true,
     childList: true,
     subtree: true,
@@ -34422,28 +34454,28 @@ function inserted(el, binding, vnode) {
 
     callback(mutationsList, observer); // If has the once modifier, unbind
 
-    once && unbind(el, binding, vnode);
+    once && unmounted(el, binding, vnode);
   });
   observer.observe(el, options);
   el._mutate = Object(el._mutate);
-  el._mutate[vnode.context._uid] = {
+  el._mutate[vnode.ctx.uid] = {
     observer: observer
   };
 }
 
-function unbind(el, binding, vnode) {
+function unmounted(el, binding, vnode) {
   var _a;
 
-  if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
+  if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
 
-  el._mutate[vnode.context._uid].observer.disconnect();
+  el._mutate[vnode.ctx.uid].observer.disconnect();
 
-  delete el._mutate[vnode.context._uid];
+  delete el._mutate[vnode.ctx.uid];
 }
 
 var Mutate = {
-  inserted: inserted,
-  unbind: unbind
+  mounted: mounted,
+  unmounted: unmounted
 };
 /* harmony default export */ __webpack_exports__["default"] = (Mutate);
 
@@ -34459,14 +34491,14 @@ var Mutate = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resize", function() { return Resize; });
-function inserted(el, binding, vnode) {
+function mounted(el, binding, vnode) {
   var callback = binding.value;
   var options = binding.options || {
     passive: true
   };
   window.addEventListener('resize', callback, options);
   el._onResize = Object(el._onResize);
-  el._onResize[vnode.context._uid] = {
+  el._onResize[vnode.ctx.uid] = {
     callback: callback,
     options: options
   };
@@ -34476,20 +34508,20 @@ function inserted(el, binding, vnode) {
   }
 }
 
-function unbind(el, binding, vnode) {
+function unmounted(el, binding, vnode) {
   var _a;
 
-  if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
-  var _b = el._onResize[vnode.context._uid],
+  if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
+  var _b = el._onResize[vnode.ctx.uid],
       callback = _b.callback,
       options = _b.options;
   window.removeEventListener('resize', callback, options);
-  delete el._onResize[vnode.context._uid];
+  delete el._onResize[vnode.ctx.uid];
 }
 
 var Resize = {
-  inserted: inserted,
-  unbind: unbind
+  mounted: mounted,
+  unmounted: unmounted
 };
 /* harmony default export */ __webpack_exports__["default"] = (Resize);
 
@@ -34915,7 +34947,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Scroll", function() { return Scroll; });
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-function inserted(el, binding, vnode) {
+function mounted(el, binding, vnode) {
   var _a = (binding.modifiers || {}).self,
       self = _a === void 0 ? false : _a;
   var value = binding.value;
@@ -34926,8 +34958,9 @@ function inserted(el, binding, vnode) {
   var target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
   if (!target) return;
   target.addEventListener('scroll', handler, options);
-  el._onScroll = Object(el._onScroll);
-  el._onScroll[vnode.context._uid] = {
+  el._onScroll = Object(el._onScroll); // В Vue 3 используем vnode.ctx.uid вместо vnode.context._uid
+
+  el._onScroll[vnode.ctx.uid] = {
     handler: handler,
     options: options,
     // Don't reference self
@@ -34935,22 +34968,22 @@ function inserted(el, binding, vnode) {
   };
 }
 
-function unbind(el, binding, vnode) {
+function unmounted(el, binding, vnode) {
   var _a;
 
-  if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.context._uid])) return;
-  var _b = el._onScroll[vnode.context._uid],
+  if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
+  var _b = el._onScroll[vnode.ctx.uid],
       handler = _b.handler,
       options = _b.options,
       _c = _b.target,
       target = _c === void 0 ? el : _c;
   target.removeEventListener('scroll', handler, options);
-  delete el._onScroll[vnode.context._uid];
+  delete el._onScroll[vnode.ctx.uid];
 }
 
 var Scroll = {
-  inserted: inserted,
-  unbind: unbind
+  mounted: mounted,
+  unmounted: unmounted
 };
 /* harmony default export */ __webpack_exports__["default"] = (Scroll);
 
@@ -35045,7 +35078,7 @@ function createHandlers(value) {
   };
 }
 
-function inserted(el, binding, vnode) {
+function mounted(el, binding, vnode) {
   var value = binding.value;
   var target = value.parent ? el.parentElement : el;
   var options = value.options || {
@@ -35061,7 +35094,7 @@ function inserted(el, binding, vnode) {
   });
 }
 
-function unbind(el, binding, vnode) {
+function unmounted(el, binding, vnode) {
   var target = binding.value.parent ? el.parentElement : el;
   if (!target || !target._touchHandlers) return;
   var handlers = target._touchHandlers[vnode.ctx.uid];
@@ -35072,8 +35105,8 @@ function unbind(el, binding, vnode) {
 }
 
 var Touch = {
-  mounted: inserted,
-  unmounted: unbind
+  mounted: mounted,
+  unmounted: unmounted
 };
 /* harmony default export */ __webpack_exports__["default"] = (Object(_util_make_directive_activatable__WEBPACK_IMPORTED_MODULE_1__["default"])(Touch));
 
@@ -35146,7 +35179,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha14";
+  Vuetify.version = "2.7.2-alpha16";
   Vuetify.config = {
     silent: false
   };
@@ -42275,7 +42308,9 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 function prevent(e) {
-  e.preventDefault();
+  e.preventDefault(); // всплытие провоцирует двойной onChange
+
+  e.stopPropagation();
 }
 /* @vue/component */