@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-alpha20

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;
   }
 }));
@@ -908,10 +904,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSelect/VSelect */ "./src/components/VSelect/VSelect.ts");
 /* harmony import */ var _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VTextField/VTextField */ "./src/components/VTextField/VTextField.ts");
-/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "vue");
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.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__);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -935,8 +930,6 @@ var __assign = undefined && undefined.__assign || function () {
  // Utilities
 
 
- // Types
-
 
 
 var defaultMenuProps = __assign(__assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["defaultMenuProps"]), {
@@ -947,7 +940,7 @@ var defaultMenuProps = __assign(__assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_
 /* @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_3__["defineComponent"])({
   name: 'v-autocomplete',
   extends: _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"],
   props: {
@@ -1102,7 +1095,7 @@ var defaultMenuProps = __assign(__assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_
   created: function created() {
     this.setSearch();
   },
-  destroyed: function destroyed() {
+  unmounted: function unmounted() {
     document.removeEventListener('copy', this.onCopy);
   },
   methods: {
@@ -1198,9 +1191,14 @@ var defaultMenuProps = __assign(__assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_
     },
     genInput: function genInput() {
       var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_2__["default"].methods.genInput.call(this);
-      input.data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_3__["default"])(input.props, {
-        'aria-activedescendant': Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(this.$refs.menu, 'activeTile.id'),
-        autocomplete: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(input.data, 'attrs.autocomplete', 'off'),
+      var ariaActiveDescendant = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(this.$refs.menu, 'activeTile.id');
+      var autocomplete = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(input.props, 'autocomplete', 'off'); // в оригинале class не пробрасывался в инпут
+
+      input.props = Object(vue__WEBPACK_IMPORTED_MODULE_3__["mergeProps"])(__assign(__assign({}, input.props), {
+        class: undefined
+      }), {
+        'aria-activedescendant': ariaActiveDescendant,
+        autocomplete: autocomplete,
         value: this.internalSearch
       });
       return input;
@@ -7447,7 +7445,6 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
-
  // Mixins
 
 
@@ -7456,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"]
   },
@@ -7466,7 +7462,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: Boolean,
       default: true
     },
-    value: Boolean,
+    modelValue: Boolean,
     indeterminate: Boolean,
     indeterminateIcon: {
       type: String,
@@ -7481,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())]);
   }
 }));
 
@@ -8015,7 +8043,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: [Number, String],
       default: 150
     },
-    value: {
+    modelValue: {
       type: [Object, String]
     },
     width: {
@@ -8035,8 +8063,8 @@ var __assign = undefined && undefined.__assign || function () {
   },
   computed: {
     hideAlpha: function hideAlpha() {
-      if (!this.value) return false;
-      return !Object(_util__WEBPACK_IMPORTED_MODULE_7__["hasAlpha"])(this.value);
+      if (!this.modelValue) return false;
+      return !Object(_util__WEBPACK_IMPORTED_MODULE_7__["hasAlpha"])(this.modelValue);
     }
   },
   watch: {
@@ -8050,10 +8078,10 @@ var __assign = undefined && undefined.__assign || function () {
   methods: {
     updateColor: function updateColor(color) {
       this.internalValue = color;
-      var value = Object(_util__WEBPACK_IMPORTED_MODULE_7__["extractColor"])(this.internalValue, this.value);
+      var value = Object(_util__WEBPACK_IMPORTED_MODULE_7__["extractColor"])(this.internalValue, this.modelValue);
 
-      if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["deepEqual"])(value, this.value)) {
-        this.$emit('input', value);
+      if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["deepEqual"])(value, this.modelValue)) {
+        this.$emit('update:modelValue', value);
         this.$emit('update:color', this.internalValue);
       }
     },
@@ -9698,8 +9726,17 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
         if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(options, old)) return;
         this.$emit('update:options', options);
       },
-      deep: true,
-      immediate: true
+      deep: true
+      /*
+        In Vue 3 this watcher fires even before created hook and
+        if mounting fails and the consumer code relies on update:options event to fetch data
+        it causes infinite loop because each data update triggers an attempt to render a table,
+        but because mounting constantly fails(for example, due to error in slot) it never happens.
+        Previously, in Vue 2 slot errors didn't cause mounting failure, we had partially rendered component.
+        This immediate prop is compensated by firing event in mounted hook.
+      */
+      // immediate: true,
+
     },
     page: function page(_page) {
       this.updateOptions({
@@ -9898,6 +9935,9 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   },
   render: function render() {
     return this.$slots.default && this.$slots.default(this.scopedProps)[0];
+  },
+  mounted: function mounted() {
+    this.$emit('update:options', this.internalOptions);
   }
 }));
 
@@ -10293,10 +10333,11 @@ var __read = undefined && undefined.__read || function (o, n) {
     }
   },
   watch: {
-    value: {
+    modelValue: {
       handler: function handler(value) {
         var _this = this;
 
+        if (!value) return;
         this.selection = value.reduce(function (selection, item) {
           selection[Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(item, _this.itemKey)] = item;
           return selection;
@@ -10306,7 +10347,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     },
     selection: function selection(value, old) {
       if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["deepEqual"])(Object.keys(value), Object.keys(old))) return;
-      this.$emit('input', Object.values(value));
+      this.$emit('update:modelValue', Object.values(value));
     },
     expanded: {
       handler: function handler(value) {
@@ -10356,7 +10397,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     window.addEventListener('keydown', this.onKeyDown);
     window.addEventListener('keyup', this.onKeyUp);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     window.removeEventListener('keydown', this.onKeyDown);
     window.removeEventListener('keyup', this.onKeyUp);
   },
@@ -11243,7 +11284,7 @@ function searchTableItems(items, search, headersWithCustomFilters, headersWithou
       this.calcWidths();
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (this.calculateWidths) {
       window.removeEventListener('resize', this.calcWidths);
     }
@@ -11520,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) {
@@ -11749,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);
@@ -11932,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);
-    }))]);
+    })) || [])]);
   }
 }));
 
@@ -12461,7 +12505,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_V
       passive: true
     });
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.$refs.table.removeEventListener('scroll', this.scrollDebounce);
   },
   methods: {
@@ -12643,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) {
@@ -13018,7 +13062,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         var output = this.multipleValue.map(function (val) {
           return Object(_util__WEBPACK_IMPORTED_MODULE_12__["sanitizeDateString"])(val, _type);
         }).filter(this.isDateAllowed);
-        this.$emit('input', this.isMultiple ? output : output[0]);
+        this.$emit('update:modelValue', this.isMultiple ? output : output[0]);
       }
     }
   },
@@ -13035,10 +13079,10 @@ var __read = undefined && undefined.__read || function (o, n) {
     emitInput: function emitInput(newInput) {
       if (this.range) {
         if (this.multipleValue.length !== 1) {
-          this.$emit('input', [newInput]);
+          this.$emit('update:modelValue', [newInput]);
         } else {
           var output_1 = [this.multipleValue[0], newInput];
-          this.$emit('input', output_1);
+          this.$emit('update:modelValue', output_1);
           this.$emit('change', output_1);
         }
 
@@ -13048,7 +13092,7 @@ var __read = undefined && undefined.__read || function (o, n) {
       var output = this.multiple ? this.multipleValue.indexOf(newInput) === -1 ? this.multipleValue.concat([newInput]) : this.multipleValue.filter(function (x) {
         return x !== newInput;
       }) : newInput;
-      this.$emit('input', output);
+      this.$emit('update:modelValue', output);
       this.multiple || this.$emit('change', newInput);
     },
     checkMultipleProp: function checkMultipleProp() {
@@ -13075,7 +13119,7 @@ var __read = undefined && undefined.__read || function (o, n) {
       this.internalActivePicker = 'MONTH';
 
       if (this.reactive && !this.readonly && !this.isMultiple && this.isDateAllowed(this.inputDate)) {
-        this.$emit('input', this.inputDate);
+        this.$emit('update:modelValue', this.inputDate);
       }
     },
     monthClick: function monthClick(value) {
@@ -13095,7 +13139,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         this.internalActivePicker = 'DATE';
 
         if (this.reactive && !this.readonly && !this.isMultiple && this.isDateAllowed(this.inputDate)) {
-          this.$emit('input', this.inputDate);
+          this.$emit('update:modelValue', this.inputDate);
         }
       } else {
         this.emitInput(this.inputDate);
@@ -14799,7 +14843,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       _this.isActive && _this.show();
     });
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (typeof window !== 'undefined') this.unbind();
   },
   methods: {
@@ -15260,7 +15304,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_m
   created: function created() {
     this.expansionPanel.registerContent(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.expansionPanel.unregisterContent();
   },
   render: function render() {
@@ -15369,7 +15413,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_m
   created: function created() {
     this.expansionPanel.registerHeader(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.expansionPanel.unregisterHeader();
   },
   methods: {
@@ -16140,14 +16184,14 @@ var __assign = undefined && undefined.__assign || function () {
 
       var watcher = function watcher(input) {
         return input.$watch('hasError', function (val) {
-          _this.errorBag[input._uid] = val;
+          _this.errorBag[input.$.uid] = val;
         }, {
           immediate: true
         });
       };
 
       var watchers = {
-        _uid: input._uid,
+        _uid: input.$.uid,
         valid: function valid() {},
         shouldValidate: function shouldValidate() {}
       };
@@ -16157,7 +16201,7 @@ var __assign = undefined && undefined.__assign || function () {
         watchers.shouldValidate = input.$watch('shouldValidate', function (val) {
           if (!val) return; // Only watch if we're not already doing it
 
-          if (_this.errorBag.hasOwnProperty(input._uid)) return;
+          if (_this.errorBag.hasOwnProperty(input.$.uid)) return;
           watchers.valid = watcher(input);
         });
       } else {
@@ -16205,11 +16249,11 @@ var __assign = undefined && undefined.__assign || function () {
     },
     unregister: function unregister(input) {
       var found = this.inputs.find(function (i) {
-        return i._uid === input._uid;
+        return i.$.uid === input.$.uid;
       });
       if (!found) return;
       var unwatch = this.watchers.find(function (i) {
-        return i._uid === found._uid;
+        return i._uid === found.$.uid;
       });
 
       if (unwatch) {
@@ -16218,12 +16262,12 @@ var __assign = undefined && undefined.__assign || function () {
       }
 
       this.watchers = this.watchers.filter(function (i) {
-        return i._uid !== found._uid;
+        return i._uid !== found.$.uid;
       });
       this.inputs = this.inputs.filter(function (i) {
-        return i._uid !== found._uid;
+        return i.$.uid !== found.$.uid;
       });
-      this.$delete(this.errorBag, found._uid);
+      delete this.errorBag[found.$.uid];
     }
   },
   render: function render() {
@@ -16363,7 +16407,7 @@ function breakpointClass(type, prop, val) {
 var cache = new Map();
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_1__["defineComponent"])({
   name: 'v-col',
-  functional: true,
+  inheritAttrs: false,
   props: __assign(__assign(__assign(__assign(__assign(__assign({
     cols: {
       type: [Boolean, String, Number],
@@ -16431,9 +16475,9 @@ var cache = new Map();
       cache.set(cacheKey, classList);
     }
 
-    return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_2__["default"])(data, {
+    return Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_2__["default"])({
       class: classList
-    }), children);
+    }, data), children);
   }
 }));
 
@@ -16479,6 +16523,8 @@ __webpack_require__.r(__webpack_exports__);
     }
   },
   render: function render() {
+    var _a, _b;
+
     var classes; // const { attrs } = data
 
     var attrs = this.$attrs;
@@ -16509,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));
   }
 }));
 
@@ -17601,7 +17647,7 @@ var hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in wi
       var content = _VResponsive__WEBPACK_IMPORTED_MODULE_3__["default"].methods.genContent.call(this);
 
       if (this.naturalWidth) {
-        content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(content.type, Object(vue__WEBPACK_IMPORTED_MODULE_0__["mergeProps"])(content.data, {
+        content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(content.type, Object(vue__WEBPACK_IMPORTED_MODULE_0__["mergeProps"])(content.props, {
           style: {
             width: this.naturalWidth + "px"
           }
@@ -17823,7 +17869,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     }
   },
   watch: {
-    value: function value(val) {
+    modelValue: function modelValue(val) {
       this.lazyValue = val;
     }
   },
@@ -18040,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 */
@@ -18093,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
       });
     }
@@ -18213,7 +18245,7 @@ var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])
       // As long as a value is defined, show it
       // Otherwise, check if multiple
       // to determine which default to provide
-      internalLazyValue: this.value !== undefined ? this.value : this.multiple ? [] : undefined,
+      internalLazyValue: this.modelValue !== undefined ? this.modelValue : this.multiple ? [] : undefined,
       items: []
     };
   },
@@ -18800,7 +18832,7 @@ var __values = undefined && undefined.__values || function (o) {
     },
     unregister: function unregister(content) {
       var index = this.groups.findIndex(function (g) {
-        return g._uid === content._uid;
+        return g.$.uid === content.$.uid;
       });
       if (index > -1) this.groups.splice(index, 1);
     },
@@ -18876,8 +18908,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
 /* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.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; }
-
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18957,7 +18987,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     isActive: function isActive(val) {
       /* istanbul ignore else */
       if (!this.subGroup && val) {
-        this.list && this.list.listClick(this._uid);
+        this.list && this.list.listClick(this.$.uid);
       }
     },
     $route: 'onRouteChange'
@@ -18965,11 +18995,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
   created: function created() {
     this.list && this.list.register(this);
 
-    if (this.group && this.$route && this.value == null) {
+    if (this.group && this.$route && this.modelValue == null) {
       this.isActive = this.matchRoute(this.$route.path);
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.list && this.list.unregister(this);
   },
   methods: {
@@ -19011,14 +19041,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     genItems: function genItems() {
       var _this = this;
 
+      var directives = [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]];
       return this.showLazyContent(function () {
-        return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-          class: 'v-list-group__items',
-          directives: [{
-            name: 'show',
-            value: _this.isActive
-          }]
-        }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(_this))];
+        return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+          class: 'v-list-group__items'
+        }, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(_this)), directives)];
       });
     },
     genPrependIcon: function genPrependIcon() {
@@ -19036,7 +19063,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
       /* istanbul ignore else */
 
       if (isActive && this.isActive !== isActive) {
-        this.list && this.list.listClick(this._uid);
+        this.list && this.list.listClick(this.$.uid);
       }
 
       this.isActive = isActive;
@@ -19044,7 +19071,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     toggle: function toggle(uid) {
       var _this = this;
 
-      var isActive = this._uid === uid;
+      var isActive = this.$.uid === uid;
       if (isActive) this.isBooted = true;
       this.$nextTick(function () {
         return _this.isActive = isActive;
@@ -19055,9 +19082,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     }
   },
   render: function render() {
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', this.setTextColor(this.isActive && this.color, _defineProperty({
-      class: 'v-list-group'
-    }, "class", this.classes)), [this.genHeader(), Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_transitions__WEBPACK_IMPORTED_MODULE_11__["VExpandTransition"], this.genItems())]);
+    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())]);
   }
 }));
 
@@ -19974,7 +20001,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_
     },
     closeConditional: function closeConditional(e) {
       var target = e.target;
-      return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(target);
+      return this.isActive && !this._isDestroyed && this.closeOnClick && this.$refs.content && !this.$refs.content.contains(target);
     },
     genActivatorAttributes: function genActivatorAttributes() {
       var attributes = _mixins_activatable__WEBPACK_IMPORTED_MODULE_3__["default"].methods.genActivatorAttributes.call(this);
@@ -21376,7 +21403,7 @@ var __assign = undefined && undefined.__assign || function () {
       type: [Number, String],
       default: 0.46
     },
-    value: {
+    modelValue: {
       default: true
     },
     zIndex: {
@@ -22802,9 +22829,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
 /* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.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__);
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -22826,11 +22853,11 @@ var __assign = undefined && undefined.__assign || function () {
  // Extensions
 
 
- // Types
+ // Utilities
 
 
 
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"], _VInput__WEBPACK_IMPORTED_MODULE_2__["default"]);
+var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_VInput__WEBPACK_IMPORTED_MODULE_2__["default"], _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"]);
 /* @vue/component */
 
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
@@ -22854,7 +22881,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_V
     // If no value set on VRadio
     // will match valueComparator
     // force default to null
-    value: null
+    modelValue: null
   },
   computed: {
     classes: function classes() {
@@ -22867,7 +22894,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_V
   },
   methods: {
     genDefaultSlot: function genDefaultSlot() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_5__["h"])('div', {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])('div', {
         class: 'v-input--radio-group__input',
         id: this.id,
         role: 'radiogroup',
@@ -22892,7 +22919,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_V
   },
   render: function render() {
     var vnode = _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].render.call(this);
-    vnode.props = __assign(__assign({}, vnode.props), this.attrs$);
+    vnode.props = Object(vue__WEBPACK_IMPORTED_MODULE_4__["mergeProps"])(vnode.props, this.attrs$);
     return vnode;
   }
 }));
@@ -23109,7 +23136,7 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
         input.data = input.data || {};
         input.data.attrs = input.data.attrs || {};
         input.data.attrs.value = _this.internalValue[i];
-        input.data.attrs.id = "input-" + (i ? 'max' : 'min') + "-" + _this._uid;
+        input.data.attrs.id = "input-" + (i ? 'max' : 'min') + "-" + _this.$.uid;
         return input;
       });
     },
@@ -24183,13 +24210,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
     genListWithSlot: function genListWithSlot() {
       var _this = this;
 
-      var slots = ['prepend-item', 'no-data', 'append-item'].filter(function (slotName) {
+      var slots = Object.fromEntries(['prepend-item', 'no-data', 'append-item'].filter(function (slotName) {
         return _this.$slots[slotName];
       }).map(function (slotName) {
-        return Object(vue__WEBPACK_IMPORTED_MODULE_15__["h"])('template', {
-          slot: slotName
-        }, _this.$slots[slotName]);
-      }); // Requires destructuring due to Vue
+        return [slotName, _this.$slots[slotName]];
+      })); // Requires destructuring due to Vue
       // modifying the `on` property when passed
       // as a referenced object
 
@@ -24696,7 +24721,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);
@@ -24765,7 +24790,7 @@ var __assign = undefined && undefined.__assign || function () {
         // Default behavior in list does not
         // contain aria-selected by default
         'aria-selected': String(value),
-        id: "list-item-" + this._uid + "-" + index,
+        id: "list-item-" + this.$.uid + "-" + index,
         role: 'option',
         onMousedown: function onMousedown(e) {
           // Prevent onBlur from being called
@@ -24817,6 +24842,8 @@ var __assign = undefined && undefined.__assign || function () {
     }
   },
   render: function render() {
+    var _a, _b;
+
     var children = [];
     var itemsLength = this.items.length;
 
@@ -24832,9 +24859,9 @@ var __assign = undefined && undefined.__assign || function () {
       }));
     }
 
-    children.length || children.push(this.$slots['no-data'] || this.staticNoDataTile);
-    this.$slots['prepend-item'] && children.unshift(this.$slots['prepend-item']);
-    this.$slots['append-item'] && children.push(this.$slots['append-item']);
+    children.length || children.push(((_b = (_a = this.$slots)['no-data']) === null || _b === void 0 ? void 0 : _b.call(_a)) || this.staticNoDataTile);
+    this.$slots['prepend-item'] && children.unshift(this.$slots['prepend-item']());
+    this.$slots['append-item'] && children.push(this.$slots['append-item']());
     return Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VList"], {
       class: ['v-select-list', this.themeClasses],
       role: 'listbox',
@@ -26900,7 +26927,7 @@ var __assign = undefined && undefined.__assign || function () {
       });
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('defs', [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('linearGradient', {
         attrs: {
-          id: this._uid,
+          id: this.$.uid,
           gradientUnits: 'userSpaceOnUse',
           x1: gradientDirection === 'left' ? '100%' : '0',
           y1: gradientDirection === 'top' ? '100%' : '0',
@@ -26925,8 +26952,8 @@ var __assign = undefined && undefined.__assign || function () {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('path', {
         attrs: {
           d: Object(_helpers_path__WEBPACK_IMPORTED_MODULE_4__["genPath"])(points, this._radius, this.fill, this.parsedHeight),
-          fill: this.fill ? "url(#" + this._uid + ")" : 'none',
-          stroke: this.fill ? 'none' : "url(#" + this._uid + ")"
+          fill: this.fill ? "url(#" + this.$.uid + ")" : 'none',
+          stroke: this.fill ? 'none' : "url(#" + this.$.uid + ")"
         },
         ref: 'path'
       });
@@ -26962,10 +26989,10 @@ var __assign = undefined && undefined.__assign || function () {
           display: 'block',
           viewBox: "0 0 " + this.totalWidth + " " + this.totalHeight
         }
-      }, [this.genGradient(), this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this._uid), this.hasLabels ? this.genLabels(offsetX) : undefined, Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('g', {
+      }, [this.genGradient(), this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this.$.uid), this.hasLabels ? this.genLabels(offsetX) : undefined, Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('g', {
         attrs: {
-          'clip-path': "url(#sparkline-bar-" + this._uid + "-clip)",
-          fill: "url(#" + this._uid + ")"
+          'clip-path': "url(#sparkline-bar-" + this.$.uid + "-clip)",
+          fill: "url(#" + this.$.uid + ")"
         }
       }, [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('rect', {
         attrs: {
@@ -27641,7 +27668,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Ob
     this.$refs.wrapper.addEventListener('transitionend', this.onTransition, false);
     this.stepper && this.stepper.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.$refs.wrapper.removeEventListener('transitionend', this.onTransition, false);
     this.stepper && this.stepper.unregister(this);
   },
@@ -27793,7 +27820,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_m
   mounted: function mounted() {
     this.stepper && this.stepper.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.stepper && this.stepper.unregister(this);
   },
   methods: {
@@ -27964,11 +27991,11 @@ var __assign = undefined && undefined.__assign || function () {
     inset: Boolean
   },
   render: function render() {
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign({
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign(__assign({}, this.$attrs), {
       class: ['v-subheader', __assign({
         'v-subheader--inset': this.inset
-      }, this.themeClasses)]
-    }, this.$attrs), this.$listeners), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this));
+      }, this.themeClasses), this.$attrs.class]
+    }), this.$listeners), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this));
   }
 }));
 
@@ -28718,7 +28745,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VTabsItems__WEBPACK_IMPORTED_MODULE_3__["default"], {
         modelValue: this.internalValue,
         'onUpdate:modelValue': function onUpdateModelValue(val) {
-          console.log(val);
           _this.internalValue = val;
         }
       }, item);
@@ -29350,7 +29376,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
       this.$nextTick(this.setPrefixWidth);
     },
     isFocused: 'updateValue',
-    value: function value(val) {
+    modelValue: function modelValue(val) {
       this.lazyValue = val;
     }
   },
@@ -29497,6 +29523,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,
@@ -29623,8 +29650,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;
@@ -31207,12 +31236,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);
   }
 }));
 
@@ -32334,7 +32362,7 @@ var VTreeviewNode = baseMixins.extend({
   created: function created() {
     this.treeview.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.treeview.unregister(this);
   },
   methods: {
@@ -33759,6 +33787,22 @@ __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 _util_mergeData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
+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);
+};
+
 var __read = undefined && undefined.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
@@ -33923,10 +33967,9 @@ function createJavascriptTransition(name, functions, mode) {
       }
     },
     render: function render() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_1__["default"])(this.$attrs, {
-        name: name,
-        functions: functions
-      }), this.$slots.default());
+      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());
     }
   };
 }
@@ -33956,7 +33999,7 @@ __webpack_require__.r(__webpack_exports__);
   var sizeProperty = x ? 'width' : 'height';
   var offsetProperty = "offset" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["upperFirst"])(sizeProperty);
   return {
-    beforeEnter: function beforeEnter(el) {
+    onBeforeEnter: function onBeforeEnter(el) {
       var _a;
 
       el._parent = el.parentNode;
@@ -33965,7 +34008,8 @@ __webpack_require__.r(__webpack_exports__);
         overflow: el.style.overflow
       }, _a[sizeProperty] = el.style[sizeProperty], _a);
     },
-    enter: function enter(el) {
+    onEnter: function onEnter(el) {
+      if (el.style.display === 'none') return;
       var initialStyle = el._initialStyle;
       el.style.setProperty('transition', 'none', 'important'); // Hide overflow to account for collapsed margins in the calculated height
 
@@ -33984,9 +34028,9 @@ __webpack_require__.r(__webpack_exports__);
         el.style[sizeProperty] = offset;
       });
     },
-    afterEnter: resetStyles,
-    enterCancelled: resetStyles,
-    leave: function leave(el) {
+    onAfterEnter: resetStyles,
+    onEnterCancelled: resetStyles,
+    onLeave: function onLeave(el) {
       var _a;
 
       el._initialStyle = (_a = {
@@ -34001,8 +34045,8 @@ __webpack_require__.r(__webpack_exports__);
         return el.style[sizeProperty] = '0';
       });
     },
-    afterLeave: afterLeave,
-    leaveCancelled: afterLeave
+    onAfterLeave: afterLeave,
+    onLeaveCancelled: afterLeave
   };
 
   function afterLeave(el) {
@@ -34280,18 +34324,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;
 
@@ -34312,7 +34360,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] = {
@@ -34322,7 +34370,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];
@@ -34332,8 +34388,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);
 
@@ -34364,7 +34421,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;
@@ -34374,14 +34431,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,
@@ -34393,28 +34450,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);
 
@@ -34430,14 +34487,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
   };
@@ -34447,20 +34504,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);
 
@@ -34886,7 +34943,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;
@@ -34897,8 +34954,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
@@ -34906,22 +34964,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);
 
@@ -35016,7 +35074,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 || {
@@ -35032,7 +35090,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];
@@ -35043,8 +35101,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));
 
@@ -35117,7 +35175,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha2";
+  Vuetify.version = "2.7.2-alpha20";
   Vuetify.config = {
     silent: false
   };
@@ -39226,7 +39284,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
 
     this.addActivatorEvents();
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.removeActivatorEvents();
   },
   computed: {
@@ -39263,7 +39321,10 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
       var node = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'activator', Object.assign(this.getValueProxy(), {
         attrs: __assign(__assign({}, this.genActivatorListeners()), this.genActivatorAttributes())
       })) || [];
-      this.activatorNode = node;
+      node = Array.isArray(node) ? node : [node];
+      this.activatorNode = node.flatMap(function (node) {
+        return node.type === Symbol.for('v-fgt') ? node.children : node;
+      });
       return node;
     },
     genActivatorAttributes: function genActivatorAttributes() {
@@ -39313,7 +39374,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
       return listeners;
     },
     getActivator: function getActivator(e) {
-      // If we've already fetched the activator, re-use
+      var _a; // If we've already fetched the activator, re-use
+
+
       if (this.activatorElement) return this.activatorElement;
       var activator = null;
 
@@ -39334,7 +39397,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
         // Use the contents of the activator slot
         // There's either only one element in it or we
         // don't have a click event to use as a last resort
-        var vm = this.activatorNode[0].component.ctx;
+        var vm = (_a = this.activatorNode[0].component) === null || _a === void 0 ? void 0 : _a.ctx;
 
         if (vm && (vm.isActivatable !== undefined || vm.isMenuable !== undefined)) {
           // Activator is actually another activatible component, use its activator (#8846)
@@ -39442,7 +39505,7 @@ function applicationable(value, events) {
         prev ? this.removeApplication(true) : this.callUpdate();
       },
       applicationProperty: function applicationProperty(newVal, oldVal) {
-        this.$vuetify.application.unregister(this._uid, oldVal);
+        this.$vuetify.application.unregister(this.$.uid, oldVal);
       }
     },
     activated: function activated() {
@@ -39461,13 +39524,13 @@ function applicationable(value, events) {
     deactivated: function deactivated() {
       this.removeApplication();
     },
-    destroyed: function destroyed() {
+    unmounted: function unmounted() {
       this.removeApplication();
     },
     methods: {
       callUpdate: function callUpdate() {
         if (!this.app) return;
-        this.$vuetify.application.register(this._uid, this.applicationProperty, this.updateApplication());
+        this.$vuetify.application.register(this.$.uid, this.applicationProperty, this.updateApplication());
       },
       removeApplication: function removeApplication(force) {
         if (force === void 0) {
@@ -39475,7 +39538,7 @@ function applicationable(value, events) {
         }
 
         if (!force && !this.app) return;
-        this.$vuetify.application.unregister(this._uid, this.applicationProperty);
+        this.$vuetify.application.unregister(this.$.uid, this.applicationProperty);
       },
       updateApplication: function updateApplication() {
         return 0;
@@ -39507,7 +39570,7 @@ function makeWatcher(property) {
   return function (val, oldVal) {
     for (var attr in oldVal) {
       if (!Object.prototype.hasOwnProperty.call(val, attr)) {
-        this.$delete(this.$data[property], attr);
+        delete this.$data[property][attr];
       }
     }
 
@@ -40054,7 +40117,7 @@ function validateAttachTarget(val) {
 
 function removeActivator(activator) {
   activator.forEach(function (node) {
-    node.elm && node.elm.parentNode && node.elm.parentNode.removeChild(node.elm);
+    node.el && node.el.parentNode && node.el.parentNode.removeChild(node.el);
   });
 }
 /* @vue/component */
@@ -40109,12 +40172,12 @@ function removeActivator(activator) {
   deactivated: function deactivated() {
     this.isActive = false;
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (this.$refs.content && this.$refs.content.parentNode) {
       this.$refs.content.parentNode.removeChild(this.$refs.content);
     }
   },
-  destroyed: function destroyed() {
+  unmounted: function unmounted() {
     var _this = this;
 
     if (this.activatorNode) {
@@ -40284,7 +40347,7 @@ function factory(namespace, child, parent) {
     created: function created() {
       this[namespace] && this[namespace].register(this);
     },
-    beforeDestroy: function beforeDestroy() {
+    beforeUnmount: function beforeUnmount() {
       this[namespace] && this[namespace].unregister(this);
     },
     methods: {
@@ -40345,9 +40408,9 @@ function intersectable(options) {
         value: this.onObserve
       }, vnode);
     },
-    destroyed: function destroyed() {
+    unmounted: function unmounted() {
       var vnode = Object(vue__WEBPACK_IMPORTED_MODULE_2__["getCurrentInstance"])().vnode;
-      _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unbind(this.$el, {
+      _directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unmounted(this.$el, {
         name: 'intersect',
         value: this.onObserve
       }, vnode);
@@ -40689,7 +40752,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_s
       window.addEventListener('resize', this.updateDimensions, false);
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     if (this.hasWindow) {
       window.removeEventListener('resize', this.updateDimensions, false);
     }
@@ -41172,7 +41235,7 @@ var __assign = undefined && undefined.__assign || function () {
       if (value) this.removeOverlay();else this.genOverlay();
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.removeOverlay();
   },
   methods: {
@@ -41187,12 +41250,14 @@ var __assign = undefined && undefined.__assign || function () {
       var wrapper = {
         data: function data() {
           return {
-            value: false
+            value: false,
+            zIndex: undefined
           };
         },
         render: function render() {
           return Object(vue__WEBPACK_IMPORTED_MODULE_2__["h"])(_components_VOverlay__WEBPACK_IMPORTED_MODULE_0__["default"], __assign({
-            value: this.value
+            modelValue: this.value,
+            zIndex: this.zIndex
           }, props));
         }
       }; // // Create the overlay app
@@ -41254,7 +41319,6 @@ var __assign = undefined && undefined.__assign || function () {
 
           _this.overlayApp = null;
           _this.overlay = null;
-          console.log('destroyed');
         }); // Cancel animation frame in case
         // overlay is removed before it
         // has finished its animation
@@ -41617,10 +41681,6 @@ function factory(prop, event) {
 
   return Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
     name: 'proxyable',
-    model: {
-      prop: prop,
-      event: event
-    },
     props: (_a = {}, _a[prop] = {
       required: false
     }, _a),
@@ -42250,10 +42310,6 @@ function prevent(e) {
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_components_VInput__WEBPACK_IMPORTED_MODULE_0__["default"], _rippleable__WEBPACK_IMPORTED_MODULE_1__["default"], _comparable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
   name: 'selectable',
-  model: {
-    prop: 'inputValue',
-    event: 'change'
-  },
   props: {
     id: String,
     value: null,
@@ -42318,7 +42374,7 @@ function prevent(e) {
       var label = _components_VInput__WEBPACK_IMPORTED_MODULE_0__["default"].methods.genLabel.call(this);
       if (!label) return label; // Label shouldn't cause the input to focus
 
-      label.onClick = prevent;
+      label.onClick = this.onClick;
       return label;
     },
     genInput: function genInput(type, attrs) {
@@ -42340,6 +42396,7 @@ function prevent(e) {
       }));
     },
     onClick: function onClick(e) {
+      e.preventDefault();
       this.onChange();
       this.$emit('click', e);
     },
@@ -42791,7 +42848,7 @@ __webpack_require__.r(__webpack_exports__);
       return this.objHeight();
     }
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     window.removeEventListener('scroll', this.translate, false);
     window.removeEventListener('resize', this.translate, false);
   },
@@ -43034,7 +43091,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
         this.$emit('update:error', val);
       }
     },
-    value: function value(val) {
+    modelValue: function modelValue(val) {
       this.lazyValue = val;
     }
   },
@@ -43044,7 +43101,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
   created: function created() {
     this.form && this.form.register(this);
   },
-  beforeDestroy: function beforeDestroy() {
+  beforeUnmount: function beforeUnmount() {
     this.form && this.form.unregister(this);
   },
   methods: {
@@ -43276,7 +43333,9 @@ function (_super) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Breakpoint", function() { return Breakpoint; });
-/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
+/* 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 _service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
 var __extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -43303,8 +43362,9 @@ var __extends = undefined && undefined.__extends || function () {
 
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
-}(); // Extensions
+}();
 
+ // Extensions
 
 
 
@@ -43348,7 +43408,7 @@ function (_super) {
     _this.mobileBreakpoint = mobileBreakpoint;
     _this.scrollBarWidth = scrollBarWidth;
     _this.thresholds = thresholds;
-    return _this;
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["reactive"])(_this);
   }
 
   Breakpoint.prototype.init = function () {
@@ -43460,7 +43520,7 @@ function (_super) {
 
   Breakpoint.property = 'breakpoint';
   return Breakpoint;
-}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
+}(_service__WEBPACK_IMPORTED_MODULE_1__["Service"]);