@dimailn/vuetify 2.7.2-alpha31 → 2.7.2-alpha33

package/dist/vuetify.js

@@ -4083,7 +4083,12 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-calendar-weekly',
   extends: _mixins_calendar_base__WEBPACK_IMPORTED_MODULE_3__["default"],
-  props: _util_props__WEBPACK_IMPORTED_MODULE_6__["default"].weeks,
+  props: __assign(__assign({}, _util_props__WEBPACK_IMPORTED_MODULE_6__["default"].weeks), {
+    now: {
+      type: String,
+      validator: _util_timestamp__WEBPACK_IMPORTED_MODULE_7__["validateTimestamp"]
+    }
+  }),
   computed: {
     staticClass: function staticClass() {
       return 'v-calendar-weekly';
@@ -4101,10 +4106,10 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
       return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_7__["createDayList"])(start, end, this.times.today, this.weekdaySkips, Number.MAX_SAFE_INTEGER, minDays);
     },
     todayWeek: function todayWeek() {
-      var today = this.times.today;
-      var start = this.getStartOfWeek(today);
-      var end = this.getEndOfWeek(today);
-      return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_7__["createDayList"])(start, end, today, this.weekdaySkips, this.parsedWeekdays.length, this.parsedWeekdays.length);
+      var now = this.times.now;
+      var start = this.getStartOfWeek(now);
+      var end = this.getEndOfWeek(now);
+      return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_7__["createDayList"])(start, end, now, this.weekdaySkips, this.parsedWeekdays.length, this.parsedWeekdays.length);
     },
     monthFormatter: function monthFormatter() {
       if (this.monthFormat) {
@@ -7561,7 +7566,7 @@ var __read = undefined && undefined.__read || function (o, n) {
       default: '$checkboxOn'
     }
   },
-  emits: ['click', 'focus', 'blur', 'update:indeterminate'],
+  emits: ['click', 'focus', 'blur', 'update:indeterminate', 'update:modelValue', 'change'],
   data: function data() {
     return {
       inputIndeterminate: this.indeterminate
@@ -7606,10 +7611,6 @@ var __read = undefined && undefined.__read || function (o, n) {
     },
     inputIndeterminate: function inputIndeterminate(val) {
       this.$emit('update:indeterminate', val);
-    },
-    isActive: function isActive() {
-      if (!this.indeterminate) return;
-      this.inputIndeterminate = false;
     }
   },
   created: function created() {
@@ -7630,10 +7631,12 @@ var __read = undefined && undefined.__read || function (o, n) {
     genCheckbox: function genCheckbox() {
       var _this = this;
 
-      var _a = this.attrs$,
+      var _a = this.$attrs,
           title = _a.title,
-          checkboxAttrs = __rest(_a, ["title"]);
+          parentClass = _a.class,
+          checkboxAttrs = __rest(_a, ["title", "class"]);
 
+      var ariaChecked = this.inputIndeterminate ? 'mixed' : this.isActive.toString();
       return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('div', {
         class: 'v-input--selection-controls__input'
       }, [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.setTextColor(this.validationState, {
@@ -7643,7 +7646,7 @@ var __read = undefined && undefined.__read || function (o, n) {
       }), function () {
         return _this.computedIcon;
       }), this.genInput('checkbox', __assign(__assign({}, checkboxAttrs), {
-        'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
+        'aria-checked': ariaChecked
       })), this.genRipple(this.setTextColor(this.rippleState))]);
     },
     genDefaultSlot: function genDefaultSlot() {
@@ -9669,12 +9672,30 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _VMain_VMain__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VMain/VMain */ "./src/components/VMain/VMain.ts");
 /* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.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);
+};
+
  // Types
 
  // Extensions
 
 
 
+
 /* @vue/component */
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
@@ -9684,10 +9705,24 @@ __webpack_require__.r(__webpack_exports__);
     Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["deprecate"])('v-content', 'v-main', this);
   },
   render: function render() {
-    // Add the legacy class names
+    var _a; // Add the legacy class names
+
+
     var node = _VMain_VMain__WEBPACK_IMPORTED_MODULE_1__["default"].render.call(this, vue__WEBPACK_IMPORTED_MODULE_0__["h"]);
-    node.data.staticClass += ' v-content';
-    node.children[0].data.staticClass += ' v-content__wrap';
+    var existingClasses = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.class) || '';
+    var contentClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["normalizeClasses"])(existingClasses + " v-content");
+    node.data = __assign(__assign({}, node.data), {
+      class: contentClasses
+    });
+
+    if (node.children && node.children[0] && node.children[0].data) {
+      var childExistingClasses = node.children[0].data.class || '';
+      var wrapClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["normalizeClasses"])(childExistingClasses + " v-content__wrap");
+      node.children[0].data = __assign(__assign({}, node.children[0].data), {
+        class: wrapClasses
+      });
+    }
+
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(node.tag, node.data, node.children);
   }
 }));
@@ -13267,6 +13302,7 @@ var __read = undefined && undefined.__read || function (o, n) {
     yearFormat: Function,
     yearIcon: String
   },
+  emits: ['update:modelValue', 'change', 'update:active-picker', 'update:picker-date'],
   data: function data() {
     var _this = this;
 
@@ -13426,7 +13462,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         this.tableDate = Object(_util__WEBPACK_IMPORTED_MODULE_12__["sanitizeDateString"])(this.lastValue, 'year');
       }
     },
-    value: function value(newValue, oldValue) {
+    modelValue: function modelValue(newValue, oldValue) {
       this.checkMultipleProp();
       this.setInputDate();
 
@@ -13467,6 +13503,12 @@ var __read = undefined && undefined.__read || function (o, n) {
     this.setInputDate();
   },
   methods: {
+    save: function save() {// Метод для совместимости с Picker mixin
+      // В VDatePicker нет необходимости в отдельном сохранении
+    },
+    cancel: function cancel() {// Метод для совместимости с Picker mixin
+      // В VDatePicker нет необходимости в отдельной отмене
+    },
     emitInput: function emitInput(newInput) {
       if (this.range) {
         if (this.multipleValue.length !== 1) {
@@ -13550,15 +13592,16 @@ var __read = undefined && undefined.__read || function (o, n) {
     genPickerTitle: function genPickerTitle() {
       var _this = this;
 
+      var dateValue = this.modelValue ? this.formatters.titleDate(this.isMultiple ? this.multipleValue : this.modelValue) : '';
       return Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])(_VDatePickerTitle__WEBPACK_IMPORTED_MODULE_0__["default"], {
-        date: this.modelValue ? this.formatters.titleDate(this.isMultiple ? this.multipleValue : this.modelValue) : '',
+        date: dateValue,
         disabled: this.disabled,
         readonly: this.readonly,
         selectingYear: this.internalActivePicker === 'YEAR',
         year: this.formatters.year(this.multipleValue.length ? "" + this.inputYear : this.tableDate),
         yearIcon: this.yearIcon,
-        modelValue: this.multipleValue[0],
-        onUpdateSelectingYear: function onUpdateSelectingYear(value) {
+        modelValue: this.multipleValue.length ? this.multipleValue[0] : undefined,
+        'onUpdate:selecting-year': function onUpdateSelectingYear(value) {
           return _this.internalActivePicker = value ? 'YEAR' : _this.type.toUpperCase();
         }
       });
@@ -13620,7 +13663,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         'onUpdate:table-date': function onUpdateTableDate(value) {
           return _this.tableDate = value;
         }
-      }, Object(_util__WEBPACK_IMPORTED_MODULE_12__["createItemTypeListeners"])(this, ':date')));
+      }, Object(_util__WEBPACK_IMPORTED_MODULE_12__["createItemTypeListeners"])(this, 'Date')));
     },
     genMonthTable: function genMonthTable() {
       var _this = this;
@@ -13648,7 +13691,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         'onUpdate:table-date': function onUpdateTableDate(value) {
           return _this.tableDate = value;
         }
-      }, Object(_util__WEBPACK_IMPORTED_MODULE_12__["createItemTypeListeners"])(this, ':month')));
+      }, Object(_util__WEBPACK_IMPORTED_MODULE_12__["createItemTypeListeners"])(this, 'Month')));
     },
     genYears: function genYears() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_13__["h"])(_VDatePickerYears__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({
@@ -13659,7 +13702,7 @@ var __read = undefined && undefined.__read || function (o, n) {
         max: this.maxYear,
         modelValue: this.tableYear,
         'onUpdate:modelValue': this.yearClick
-      }, Object(_util__WEBPACK_IMPORTED_MODULE_12__["createItemTypeListeners"])(this, ':year')));
+      }, Object(_util__WEBPACK_IMPORTED_MODULE_12__["createItemTypeListeners"])(this, 'Year')));
     },
     genPickerBody: function genPickerBody() {
       var children = this.internalActivePicker === 'YEAR' ? [this.genYears()] : [this.genTableHeader(), this.internalActivePicker === 'DATE' ? this.genDateTable() : this.genMonthTable()];
@@ -14287,6 +14330,11 @@ var __read = undefined && undefined.__read || function (o, n) {
       return this.isReversing ? 'picker-reverse-transition' : 'picker-transition';
     }
   },
+  watch: {
+    modelValue: function modelValue(val, prev) {
+      this.isReversing = val < prev;
+    }
+  },
   created: function created() {
     var _this = this;
 
@@ -14301,11 +14349,6 @@ var __read = undefined && undefined.__read || function (o, n) {
       if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_5__["breaking"])(original, replacement, _this);
     });
   },
-  watch: {
-    modelValue: function modelValue(val, prev) {
-      this.isReversing = val < prev;
-    }
-  },
   methods: {
     genYearIcon: function genYearIcon() {
       var _this = this;
@@ -14317,22 +14360,33 @@ var __read = undefined && undefined.__read || function (o, n) {
       });
     },
     getYearBtn: function getYearBtn() {
-      return this.genPickerButton('selectingYear', true, [String(this.year), this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
-    },
-    genTitleText: function genTitleText() {
-      var _this = this;
-
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
+      var yearText = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', {
+        key: this.year
+      }, String(this.year));
+      var yearTransition = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.computedTransition
-      }, function () {
-        return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-          innerHTML: _this.date || '&nbsp;',
-          key: _this.modelValue
-        })];
+      }, {
+        default: function _default() {
+          return [yearText];
+        }
       });
+      return this.genPickerButton('selectingYear', true, [yearTransition, this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
+    },
+    genTitleText: function genTitleText() {
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+        key: this.date
+      }, this.date || "\xA0");
     },
     genTitleDate: function genTitleDate() {
-      return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date');
+      var titleText = this.genTitleText();
+      var transition = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
+        name: this.computedTransition
+      }, {
+        default: function _default() {
+          return [titleText];
+        }
+      });
+      return this.genPickerButton('selectingYear', false, [transition], false, 'v-date-picker-title__date');
     }
   },
   render: function render() {
@@ -14747,7 +14801,7 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
             _this.$emit('update:modelValue', value);
           }
         }
-      }, Object(_util__WEBPACK_IMPORTED_MODULE_5__["createItemTypeNativeListeners"])(this, ":" + mouseEventType, value));
+      }, Object(_util__WEBPACK_IMPORTED_MODULE_5__["createItemTypeNativeListeners"])(this, mouseEventType, value));
     },
     genButton: function genButton(value, isFloating, mouseEventType, formatter, isOtherMonth) {
       if (isOtherMonth === void 0) {
@@ -14965,32 +15019,42 @@ function createNativeLocaleFormatter(locale, options, substrOptions) {
 /*!*********************************************************!*\
   !*** ./src/components/VDatePicker/util/eventHelpers.ts ***!
   \*********************************************************/
-/*! exports provided: createItemTypeNativeListeners, createItemTypeListeners */
+/*! exports provided: createItemTypeListeners, createItemTypeNativeListeners */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createItemTypeNativeListeners", function() { return createItemTypeNativeListeners; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createItemTypeListeners", function() { return createItemTypeListeners; });
-function createItemTypeNativeListeners(instance, itemTypeSuffix, value) {
-  return Object.keys(instance.$listeners).reduce(function (on, eventName) {
-    if (eventName.endsWith(itemTypeSuffix)) {
-      on[eventName.slice(0, -itemTypeSuffix.length)] = function (event) {
-        return instance.$emit(eventName, value, event);
-      };
-    }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createItemTypeNativeListeners", function() { return createItemTypeNativeListeners; });
+// Utils for creating event listeners that work with Vue 3 emits/attrs pattern
+function createItemTypeListeners(instance, itemTypeSuffix) {
+  var listeners = {};
+  var eventAttrs = ["onClick" + itemTypeSuffix, "onDblclick" + itemTypeSuffix];
+  eventAttrs.forEach(function (attrName) {
+    var handler = instance.$attrs[attrName];
 
-    return on;
-  }, {});
+    if (handler && typeof handler === 'function') {
+      listeners[attrName] = handler;
+    }
+  });
+  return listeners;
 }
-function createItemTypeListeners(instance, itemTypeSuffix) {
-  return Object.keys(instance.$listeners).reduce(function (on, eventName) {
-    if (eventName.endsWith(itemTypeSuffix)) {
-      on[eventName] = instance.$listeners[eventName];
+function createItemTypeNativeListeners(instance, mouseEventType, value) {
+  var listeners = {};
+  var eventAttrs = ["onClick" + (mouseEventType.charAt(0).toUpperCase() + mouseEventType.slice(1)), "onDblclick" + (mouseEventType.charAt(0).toUpperCase() + mouseEventType.slice(1))];
+  eventAttrs.forEach(function (attrName) {
+    var handler = instance.$attrs[attrName];
+
+    if (handler && typeof handler === 'function') {
+      // Преобразуем onClickDate -> click и onDblclickDate -> dblclick для DOM событий
+      var eventName = attrName.slice(2, attrName.length - mouseEventType.length).toLowerCase();
+
+      listeners[eventName] = function (event) {
+        handler(value, event);
+      };
     }
-
-    return on;
-  }, {});
+  });
+  return listeners;
 }
 
 /***/ }),
@@ -17066,9 +17130,11 @@ var cache = new Map();
   render: function render() {
     var _a;
 
+    var _b, _c;
+
     var props = this.$props;
     var data = this.$attrs;
-    var children = this.$slots.default(); // const {parent} = getCurrentInstance()
+    var children = ((_c = (_b = this.$slots).default) === null || _c === void 0 ? void 0 : _c.call(_b)) || []; // const {parent} = getCurrentInstance()
     // Super-fast memoization based on props, 5x faster than JSON.stringify
 
     var cacheKey = '';
@@ -17127,6 +17193,43 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.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 __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+
 
 
 
@@ -17137,7 +17240,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_4__["defineComponent"])({
   name: 'v-container',
   extends: Object(_grid__WEBPACK_IMPORTED_MODULE_2__["default"])('container'),
-  functional: true,
   props: {
     id: String,
     tag: {
@@ -17172,17 +17274,19 @@ __webpack_require__.r(__webpack_exports__);
 
         return value || typeof value === 'string';
       });
-    } // if (props.id) {
-    //   data.domProps = data.domProps || {}
-    //   data.domProps.id = props.id
-    // }
-
+    }
 
-    return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])(this.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_3__["default"])(this.$attrs, {
-      class: Array({
+    var data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_3__["default"])(this.$attrs, {
+      class: __spreadArray(['container', {
         'container--fluid': this.fluid
-      }).concat(classes || []).concat('container')
-    }), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
+      }], __read(classes || []), false)
+    });
+
+    if (this.id) {
+      data.id = this.id;
+    }
+
+    return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])(this.tag, data, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 }));
 
@@ -17494,13 +17598,65 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return VGrid; });
 /* 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__);
-// Types
+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;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}; // Types
+
+
 
 function VGrid(name) {
   /* @vue/component */
   return Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
     name: "v-" + name,
-    functional: true,
     props: {
       id: String,
       tag: {
@@ -17509,20 +17665,23 @@ function VGrid(name) {
       }
     },
     render: function render() {
-      var data = this.$attrs;
-      var children = this.$slots.default();
-      var props = this.$props;
-      data.staticClass = (name + " " + (data.staticClass || '')).trim();
-      var attrs = data.attrs;
+      var _a, _b;
+
+      var data = __assign({}, this.$attrs);
+
+      var children = ((_b = (_a = this.$slots) === null || _a === void 0 ? void 0 : _a.default) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
+      var componentProps = this.$props;
+      data.class = [name, data.class].filter(Boolean);
+      var dataAttrs = data.attrs;
 
-      if (attrs) {
+      if (dataAttrs) {
         // reset attrs to extract utility clases like pa-3
         data.attrs = {};
-        var classes = Object.keys(attrs).filter(function (key) {
+        var classes = Object.keys(dataAttrs).filter(function (key) {
           // TODO: Remove once resolved
           // https://github.com/vuejs/vue/issues/7841
           if (key === 'slot') return false;
-          var value = attrs[key]; // add back data attributes like data-test="foo" but do not
+          var value = dataAttrs[key]; // add back data attributes like data-test="foo" but do not
           // add them as classes
 
           if (key.startsWith('data-')) {
@@ -17532,15 +17691,14 @@ function VGrid(name) {
 
           return value || typeof value === 'string';
         });
-        if (classes.length) data.staticClass += " " + classes.join(' ');
+        if (classes.length) data.class = __spreadArray(__spreadArray([], __read(data.class), false), __read(classes), false);
       }
 
-      if (props.id) {
-        data.domProps = data.domProps || {};
-        data.domProps.id = props.id;
+      if (componentProps === null || componentProps === void 0 ? void 0 : componentProps.id) {
+        data.id = componentProps.id;
       }
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(props.tag, data, children);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])((componentProps === null || componentProps === void 0 ? void 0 : componentProps.tag) || 'div', data, children);
     }
   });
 }
@@ -17607,11 +17765,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
 /* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
 /* 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__);
 // Mixins
 
  // Utilities
 
 
+ // Types
+
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_delayable__WEBPACK_IMPORTED_MODULE_0__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_1__["default"]
 /* @vue/component */
@@ -17622,7 +17784,7 @@ __webpack_require__.r(__webpack_exports__);
       type: Boolean,
       default: false
     },
-    value: {
+    modelValue: {
       type: Boolean,
       default: undefined
     }
@@ -17630,42 +17792,45 @@ __webpack_require__.r(__webpack_exports__);
   emits: ['update:modelValue'],
   methods: {
     onMouseEnter: function onMouseEnter() {
+      if (this.disabled) return;
       this.runDelay('open');
     },
     onMouseLeave: function onMouseLeave() {
+      if (this.disabled) return;
       this.runDelay('close');
     }
   },
   render: function render() {
-    if (!this.$slots.default && this.value === undefined) {
+    if (!this.$slots.default && this.modelValue === undefined) {
       Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-hover is missing a default scopedSlot or bound value', this);
       return null;
     }
 
-    var element;
-    /* istanbul ignore else */
+    if (!this.$slots.default) return null;
+    var slotContent = this.$slots.default({
+      hover: this.isActive
+    });
 
-    if (this.$slots.default) {
-      element = this.$slots.default({
-        hover: this.isActive
-      });
+    if (!(slotContent === null || slotContent === void 0 ? void 0 : slotContent.length)) {
+      Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-hover slot returned empty content', this);
+      return null;
     }
 
-    if (Array.isArray(element) && element.length === 1) {
-      element = element[0];
+    var element = slotContent[0];
+
+    if (!(element === null || element === void 0 ? void 0 : element.type)) {
+      Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-hover should only contain valid VNode elements', this);
+      return element;
     }
 
-    if (!element || Array.isArray(element) || !element.tag) {
+    if (slotContent.length > 1) {
       Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-hover should only contain a single element', this);
-      return element;
     }
 
     if (!this.disabled) {
-      element.data = element.data || {};
-
-      this._g(element.data, {
-        mouseenter: this.onMouseEnter,
-        mouseleave: this.onMouseLeave
+      element.props = Object(vue__WEBPACK_IMPORTED_MODULE_4__["mergeProps"])(element.props || {}, {
+        onMouseenter: this.onMouseEnter,
+        onMouseleave: this.onMouseLeave
       });
     }
 
@@ -17708,11 +17873,12 @@ __webpack_require__.r(__webpack_exports__);
 /*!***************************************!*\
   !*** ./src/components/VIcon/VIcon.ts ***!
   \***************************************/
-/*! exports provided: default */
+/*! exports provided: VIconInternal, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VIconInternal", function() { return VIconInternal; });
 /* harmony import */ var _VIcon_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VIcon.sass */ "./src/components/VIcon/VIcon.sass");
 /* harmony import */ var _VIcon_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VIcon_sass__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
@@ -17772,7 +17938,13 @@ function isSvgPath(icon) {
   return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\dz]$/i.test(icon) && icon.length > 4;
 }
 
-var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"]
+function classesToString(classObj) {
+  return Object.keys(classObj).filter(function (key) {
+    return classObj[key];
+  }).join(' ');
+}
+
+var VIconInternal = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"]
 /* @vue/component */
 ).extend({
   name: 'v-icon',
@@ -17801,8 +17973,15 @@ var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins
       var iconName = '';
 
       if (this.$slots.default) {
-        var children = this.$slots.default()[0].children;
-        if (typeof children === 'string') iconName = this.$slots.default()[0].children.trim();
+        var slotChildren = this.$slots.default();
+
+        if (slotChildren && slotChildren[0]) {
+          var children = slotChildren[0].children;
+
+          if (typeof children === 'string') {
+            iconName = children.trim();
+          }
+        }
       }
 
       return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["remapInternalIcon"])(this, iconName);
@@ -17842,27 +18021,37 @@ var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins
 
       return data;
     },
+    applyColors: function applyColors(data) {
+      this.setTextColor(this.color, data);
+    },
     getSvgWrapperData: function getSvgWrapperData() {
       var fontSize = this.getSize();
+      var defaultData = this.getDefaultData();
+      var normalizedClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([defaultData.class, this.themeClasses]);
 
-      var wrapperData = __assign(__assign({}, this.getDefaultData()), {
+      var wrapperData = __assign({
+        class: classesToString(normalizedClasses),
+        'aria-hidden': defaultData['aria-hidden'],
+        type: defaultData.type,
         style: fontSize ? {
           fontSize: fontSize,
           height: fontSize,
           width: fontSize
         } : undefined
-      });
+      }, this.listeners$);
+
+      if (this.hasClickListener && this.disabled) {
+        wrapperData.disabled = true;
+      }
 
       this.applyColors(wrapperData);
       return wrapperData;
     },
-    applyColors: function applyColors(data) {
-      data.class = __assign(__assign({}, data.class), this.themeClasses);
-      this.setTextColor(this.color, data);
-    },
     renderFontIcon: function renderFontIcon(icon) {
+      var _a;
+
       var newChildren = [];
-      var data = this.getDefaultData();
+      var defaultData = this.getDefaultData();
       var iconType = 'material-icons'; // Material Icon delimiter is _
       // https://material.io/icons/
 
@@ -17875,77 +18064,79 @@ var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins
       } else {
         iconType = icon.slice(0, delimiterIndex);
         if (isFontAwesome5(iconType)) iconType = '';
-      }
+      } // Создаем объект классов для иконки
 
-      if (typeof data.class === 'string') {
-        data.class = data.class.split(' ').reduce(function (classes, className) {
-          classes[className] = true;
-          return classes;
-        }, {});
+
+      var iconClasses = (_a = {}, _a[iconType] = true, _a);
+
+      if (!isMaterialIcon) {
+        iconClasses[icon] = true;
       }
 
-      data.class[iconType] = true;
-      data.class[icon] = !isMaterialIcon;
+      var allClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([defaultData.class, this.themeClasses, iconClasses]);
       var fontSize = this.getSize();
-      if (fontSize) data.style = {
-        fontSize: fontSize
-      };
-      this.applyColors(data);
-      return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(this.hasClickListener ? 'button' : this.tag, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeAttrs"])(data), {
+
+      var fontData = __assign({
+        class: classesToString(allClasses),
+        'aria-hidden': defaultData['aria-hidden'],
+        type: defaultData.type,
+        style: fontSize ? {
+          fontSize: fontSize
+        } : undefined
+      }, this.listeners$);
+
+      if (this.hasClickListener && this.disabled) {
+        fontData.disabled = true;
+      }
+
+      this.applyColors(fontData);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(this.hasClickListener ? 'button' : this.tag, fontData, {
         default: function _default() {
           return newChildren;
         }
       });
     },
     renderSvgIcon: function renderSvgIcon(icon) {
-      var svgData = {
+      var size = this.getSize();
+      var svgProps = {
         class: 'v-icon__svg',
-        attrs: {
-          xmlns: 'http://www.w3.org/2000/svg',
-          viewBox: '0 0 24 24',
-          role: 'img',
-          'aria-hidden': true
-        }
+        xmlns: 'http://www.w3.org/2000/svg',
+        viewBox: '0 0 24 24',
+        role: 'img',
+        'aria-hidden': true
       };
-      var size = this.getSize();
 
       if (size) {
-        svgData.style = {
+        svgProps.style = {
           fontSize: size,
           height: size,
           width: size
         };
       }
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('svg', svgData, [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('path', {
-        attrs: {
-          d: icon
-        }
+      return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('svg', svgProps, [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])('path', {
+        d: icon
       })])]);
     },
     renderSvgIconComponent: function renderSvgIconComponent(icon) {
-      var data = {
-        class: {
-          'v-icon__component': true
-        }
-      };
       var size = this.getSize();
+      var componentClasses = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["normalizeClasses"])([{
+        'v-icon__component': true
+      }, this.themeClasses]);
 
-      if (size) {
-        data.style = {
+      var componentData = __assign({
+        class: classesToString(componentClasses),
+        style: size ? {
           fontSize: size,
           height: size,
           width: size
-        };
-      }
+        } : undefined
+      }, icon.props);
 
-      this.applyColors(data);
-      var component = icon.component;
-      data.props = icon.props;
-      data.nativeOn = data.on;
+      this.applyColors(componentData);
       return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), {
         default: function _default() {
-          return [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(component, data)];
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(icon.component, componentData)];
         }
       });
     }
@@ -17966,7 +18157,7 @@ var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins
 });
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_6__["defineComponent"])({
   name: 'v-icon',
-  $_wrapperFor: VIcon,
+  $_wrapperFor: VIconInternal,
   functional: true,
   mounted: function mounted() {
     this.$el.innerHTML = '';
@@ -17977,7 +18168,7 @@ var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins
     var data = __assign({}, this.$attrs); // console.log(children && children[0]?.children)
 
 
-    return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(VIcon, data, {
+    return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(VIconInternal, data, {
       default: function _default() {
         var _a, _b, _c, _d;
 
@@ -18791,7 +18982,23 @@ __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__);
-// Styles
+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
+
+
  // Mixins
 
  // Utilities
@@ -18850,7 +19057,9 @@ var BaseItem = Object(vue__WEBPACK_IMPORTED_MODULE_4__["defineComponent"])({
     }
 
     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)
+      class: __assign(__assign({}, this.$activeClass && (_a = {}, _a[this.$activeClass] = this.isActive, _a)), {
+        "v-item--disabled": this.disabled
+      })
     });
 
     if (this.disabled) {
@@ -19257,6 +19466,8 @@ var __assign = undefined && undefined.__assign || function () {
     value: Boolean
   },
   render: function render() {
+    var _a, _b;
+
     var data = this.$attrs;
     var props = this.$props;
     var newData = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_6__["default"])({
@@ -19274,7 +19485,7 @@ var __assign = undefined && undefined.__assign || function () {
       },
       ref: 'label'
     }, data);
-    return Object(vue__WEBPACK_IMPORTED_MODULE_3__["h"])('label', _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"].methods.setTextColor(props.focused && props.color, newData), this.$slots.default());
+    return Object(vue__WEBPACK_IMPORTED_MODULE_3__["h"])('label', _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"].methods.setTextColor(props.focused && props.color, newData), (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a));
   }
 }));
 
@@ -21829,14 +22040,20 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       type: String,
       default: 'text'
     },
-    plain: Boolean
+    plain: Boolean,
+    modelValue: {
+      type: String,
+      default: ''
+    }
   },
-  emits: ['blur', 'focus', 'change', 'keydown', 'finish'],
+  emits: ['blur', 'focus', 'change', 'keydown', 'finish', 'update:modelValue'],
   data: function data() {
     return {
       initialValue: null,
       isBooted: false,
-      otp: []
+      otp: [],
+      lazyValue: '',
+      inputRefs: []
     };
   },
   computed: {
@@ -21864,9 +22081,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     filled: function filled() {
       return false;
     },
-    isEnclosed: function isEnclosed() {
-      return this.outlined;
-    },
     reverse: function reverse() {
       return false;
     },
@@ -21879,10 +22093,22 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     shaped: function shaped() {
       return false;
     },
+    internalValue: {
+      get: function get() {
+        return this.lazyValue;
+      },
+      set: function set(val) {
+        this.lazyValue = val;
+        this.$emit('update:modelValue', val);
+      }
+    },
     classes: function classes() {
       return __assign(__assign(__assign({}, _VInput__WEBPACK_IMPORTED_MODULE_3__["default"].computed.classes.call(this)), _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_4__["default"].computed.classes.call(this)), {
         'v-otp-input--plain': this.plain
       });
+    },
+    isEnclosed: function isEnclosed() {
+      return false;
     }
   },
   watch: {
@@ -21901,7 +22127,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       Object(_util_console__WEBPACK_IMPORTED_MODULE_6__["breaking"])('browser-autocomplete', 'autocomplete', this);
     }
 
-    this.otp = ((_a = this.internalValue) === null || _a === void 0 ? void 0 : _a.split('')) || [];
+    this.lazyValue = this.modelValue;
+    this.otp = ((_a = this.modelValue) === null || _a === void 0 ? void 0 : _a.split('')) || [];
   },
   mounted: function mounted() {
     var _this = this;
@@ -21955,16 +22182,12 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     },
     genFieldset: function genFieldset() {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('fieldset', {
-        attrs: {
-          'aria-hidden': true
-        }
+        'aria-hidden': 'true'
       }, [this.genLegend()]);
     },
     genLegend: function genLegend() {
       var span = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', {
-        domProps: {
-          innerHTML: '&#8203;'
-        }
+        innerHTML: '&#8203;'
       });
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('legend', {
         style: {
@@ -21975,14 +22198,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
     genInput: function genInput(otpIdx) {
       var _this = this;
 
-      var listeners = Object.assign({}, this.listeners$);
-      delete listeners.change; // Change should not be bound externally
+      var listeners = Object.assign({}, this.$attrs);
+      delete listeners.onChange; // Change should not be bound externally
 
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('input', __assign(__assign(__assign(__assign({
+      var inputProps = __assign(__assign(__assign(__assign({
         style: {},
-        value: this.otp[otpIdx],
-        min: this.type === 'number' ? 0 : null
-      }, this.attrs$), {
+        value: this.otp[otpIdx]
+      }, this.$attrs), {
         autocomplete: 'one-time-code',
         disabled: this.isDisabled,
         readonly: this.isReadonly,
@@ -22002,9 +22224,18 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
           return _this.onKeyUp(e, otpIdx);
         }
       })), {
-        ref: 'input',
-        refInFor: true
-      }));
+        ref: function ref(el) {
+          if (el) {
+            _this.inputRefs[otpIdx] = el;
+          }
+        }
+      });
+
+      if (this.type === 'number') {
+        inputProps.min = 0;
+      }
+
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('input', inputProps);
     },
     genTextFieldSlot: function genTextFieldSlot(otpIdx) {
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
@@ -22020,18 +22251,18 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       });
     },
     onClick: function onClick(otpIdx) {
-      if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return;
+      if (this.isFocused || this.isDisabled || !this.inputRefs[otpIdx]) return;
       this.onFocus(undefined, otpIdx);
     },
     onFocus: function onFocus(e, otpIdx) {
       e === null || e === void 0 ? void 0 : e.preventDefault();
       e === null || e === void 0 ? void 0 : e.stopPropagation();
-      var elements = this.$refs.input;
-      var ref = this.$refs.input && elements[otpIdx || 0];
+      var ref = this.inputRefs[otpIdx || 0];
       if (!ref) return;
 
       if (document.activeElement !== ref) {
         ref.focus();
+        this.isFocused = true;
         return ref.select();
       }
 
@@ -22070,19 +22301,20 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       }
     },
     clearFocus: function clearFocus(index) {
-      var input = this.$refs.input[index];
-      input.blur();
+      var input = this.inputRefs[index];
+      input === null || input === void 0 ? void 0 : input.blur();
     },
     onKeyDown: function onKeyDown(e) {
-      if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_5__["keyCodes"].enter) {
+      if (e.key === 'Enter') {
         this.$emit('change', this.internalValue);
       }
 
       this.$emit('keydown', e);
     },
     onMouseDown: function onMouseDown(e, otpIdx) {
-      // Prevent input from being blurred
-      if (e.target !== this.$refs.input[otpIdx]) {
+      var inputRef = this.inputRefs[otpIdx]; // Prevent input from being blurred
+
+      if (e.target !== inputRef) {
         e.preventDefault();
         e.stopPropagation();
       }
@@ -22101,9 +22333,9 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_V
       this.hasColor = val;
 
       if (val) {
-        this.initialValue = this.lazyValue;
-      } else if (this.initialValue !== this.lazyValue) {
-        this.$emit('change', this.lazyValue);
+        this.initialValue = this.internalValue;
+      } else if (this.initialValue !== this.internalValue) {
+        this.$emit('change', this.internalValue);
       }
     },
     onKeyUp: function onKeyUp(event, index) {
@@ -22256,10 +22488,15 @@ var __assign = undefined && undefined.__assign || function () {
       return this.segmented ? this.genSegmentedBtn(item) : _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].methods.genCommaSelection.call(this, item, index, last);
     },
     genInput: function genInput() {
-      var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_3__["default"].methods.genInput.call(this);
-      input.data = input.data || {};
-      input.data.domProps.value = this.editable ? this.internalSearch : '';
-      input.data.attrs.readonly = !this.isAnyValueAllowed;
+      var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_3__["default"].methods.genInput.call(this); // Ensure data object exists
+
+      if (!input.props) {
+        input.props = {};
+      } // Set value and readonly properties
+
+
+      input.props.value = this.editable ? this.internalSearch : '';
+      input.props.readonly = !this.isAnyValueAllowed;
       return input;
     },
     genLabel: function genLabel() {
@@ -22284,15 +22521,11 @@ var __assign = undefined && undefined.__assign || function () {
         return null;
       }
 
-      return h(_VBtn__WEBPACK_IMPORTED_MODULE_4__["default"], {
-        props: {
-          text: true
-        },
-        on: {
-          click: function click(e) {
-            e.stopPropagation();
-            itemObj.callback(e);
-          }
+      return Object(vue__WEBPACK_IMPORTED_MODULE_6__["h"])(_VBtn__WEBPACK_IMPORTED_MODULE_4__["default"], {
+        text: true,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          itemObj.callback(e);
         }
       }, function () {
         return [itemObj.text];
@@ -23384,7 +23617,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 /* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -23401,33 +23633,6 @@ var __assign = undefined && undefined.__assign || function () {
   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;
-  var i = m.call(o),
-      r,
-      ar = [],
-      e;
-
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-      ar.push(r.value);
-    }
-  } catch (error) {
-    e = {
-      error: error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"])) m.call(i);
-    } finally {
-      if (e) throw e.error;
-    }
-  }
-
-  return ar;
-};
-
 
  // Components
 
@@ -23442,7 +23647,6 @@ var __read = undefined && undefined.__read || function (o, n) {
 
 
 
-
 var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_5__["factory"])(['absolute', 'fixed', 'top', 'bottom']), Object(_mixins_proxyable__WEBPACK_IMPORTED_MODULE_6__["factory"])('modelValue', 'update:modelValue'), _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__["default"]);
 /* @vue/component */
 
@@ -23487,9 +23691,12 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     value: {
       type: [Number, String],
       default: 0
-    }
+    },
+    // События как пропсы для определения реактивности
+    onChange: Function,
+    onUpdateModelValue: Function
   },
-  emits: ['update:modelValue', 'click'],
+  emits: ['update:modelValue', 'change', 'click'],
   data: function data() {
     return {
       internalLazyValue: this.modelValue || this.value || 0,
@@ -23578,7 +23785,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       return this.normalize(this.internalLazyValue);
     },
     reactive: function reactive() {
-      return Boolean(this.$listeners.onChange) || Boolean(this.$listeners['onUpdate:modelValue']);
+      return Boolean(this.onChange) || Boolean(this.onUpdateModelValue) || Boolean(this.$attrs.onChange) || Boolean(this.$attrs['onUpdate:modelValue']);
     },
     styles: function styles() {
       var styles = {};
@@ -23594,20 +23801,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       return styles;
     }
   },
-  created: function created() {
-    var _this = this;
-
-    var breakingProps = [['value', 'modelValue'], ['onChange', 'onUpdate:modelValue']];
-    /* istanbul ignore next */
-
-    breakingProps.forEach(function (_a) {
-      var _b = __read(_a, 2),
-          original = _b[0],
-          replacement = _b[1];
-
-      if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_10__["breaking"])(original, replacement, _this);
-    });
-  },
   watch: {
     modelValue: function modelValue(val) {
       this.internalLazyValue = val;
@@ -23631,7 +23824,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       });
     },
     genListeners: function genListeners() {
-      var listeners = this.$listeners;
+      var listeners = this.$listeners || {};
 
       if (this.reactive) {
         listeners.onClick = this.onClick;
@@ -23649,7 +23842,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
     onClick: function onClick(e) {
       if (!this.reactive) return;
       var width = this.$el.getBoundingClientRect().width;
-      this.internalValue = e.offsetX / width * 100;
+      var newValue = e.offsetX / width * 100;
+      this.internalLazyValue = newValue;
+      this.$emit('update:modelValue', newValue);
+      this.$emit('change', newValue);
+      this.$emit('click', e);
     },
     onObserve: function onObserve(entries, observer, isIntersecting) {
       this.isVisible = isIntersecting;
@@ -25068,6 +25265,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
 
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
   name: 'v-select',
+  $_emitChangeEvent: true,
+  $_modelEvent: 'update:modelValue',
   props: {
     appendIcon: {
       type: String,
@@ -25119,7 +25318,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
     returnObject: Boolean,
     smallChips: Boolean
   },
-  emits: ['update:modelValue', 'change', 'focus', 'blur', 'keydown', 'click', 'update:list-index'],
+  emits: ['update:modelValue', 'change', 'focus', 'blur', 'keydown', 'click', 'update:list-index', 'click:clear'],
   data: function data() {
     return {
       cachedItems: this.cacheItems ? this.items : [],
@@ -25363,6 +25562,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_14__["default"])(_
         return _this.$refs.input && _this.$refs.input.focus();
       });
       if (this.openOnClear) this.isMenuActive = true;
+      this.$emit('click:clear');
     },
     closeConditional: function closeConditional(e) {
       if (!this.isMenuActive) return true;
@@ -28926,7 +29126,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_V
       content: [],
       isReverse: false
     };
-    data.internalLazyValue = this.value != null ? this.value : (data[0] || {}).step || 1;
+    data.internalLazyValue = this.modelValue != null ? this.modelValue : (data[0] || {}).step || 1;
     return data;
   },
   computed: {
@@ -29150,14 +29350,11 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Ob
     };
 
     if (!this.isVertical) {
-      contentData.directives = [{
-        name: 'show',
-        value: this.isActive
-      }];
+      contentData.directives = [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]];
     }
 
     var wrapper = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', wrapperData, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
-    var content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]), this.isVertical ? [] : [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]]);
+    var content = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', contentData, [wrapper]);
     return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, __assign({}, this.$listeners), function () {
       return [content];
     });
@@ -29538,7 +29735,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
       default: false
     }
   },
-  emits: ['click', 'focus', 'blur'],
+  emits: ['click', 'focus', 'blur', 'update:modelValue', 'change'],
   computed: {
     classes: function classes() {
       return __assign(__assign({}, _VInput__WEBPACK_IMPORTED_MODULE_3__["default"].computed.classes.call(this)), {
@@ -30749,7 +30946,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
       default: 'text'
     }
   },
-  emits: ['update:modelValue', 'blur', 'focus', 'keydown'],
+  emits: ['update:modelValue', 'blur', 'focus', 'keydown', 'click:clear'],
   data: function data() {
     return {
       badInput: false,
@@ -30917,6 +31114,7 @@ var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'mo
       this.$nextTick(function () {
         return _this.internalValue = null;
       });
+      this.$emit('click:clear');
     },
     genAppendSlot: function genAppendSlot() {
       var slot = [];
@@ -32806,8 +33004,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_dependent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/dependent */ "./src/mixins/dependent/index.ts");
 /* harmony import */ var _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/menuable */ "./src/mixins/menuable/index.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
-/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
+/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __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++) {
@@ -32833,13 +33030,12 @@ var __assign = undefined && undefined.__assign || function () {
 
  // Helpers
 
-
  // Types
 
 
 /* @vue/component */
 
-/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_delayable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_dependent__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
+/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_delayable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_dependent__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
   name: 'v-tooltip',
   props: {
     closeDelay: {
@@ -32944,11 +33140,6 @@ var __assign = undefined && undefined.__assign || function () {
       _this.modelValue && _this.callActivate();
     });
   },
-  mounted: function mounted() {
-    if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getSlotType"])(this, 'activator', true) === 'v-slot') {
-      Object(_util_console__WEBPACK_IMPORTED_MODULE_8__["consoleError"])("v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'", this);
-    }
-  },
   methods: {
     activate: function activate() {
       // Update coordinates and dimensions of menu
@@ -36094,6 +36285,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
 /* harmony import */ var _util_make_directive_activatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/make-directive-activatable */ "./src/util/make-directive-activatable.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 __read = undefined && undefined.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
@@ -36136,6 +36329,8 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
 
 
 
+ // Types
+
 
 var DELAY_RIPPLE = 80;
 
@@ -36442,11 +36637,11 @@ function directive(el, binding, node) {
 
   if (true) {
     // warn if an inline element is used, waiting for el to be in the DOM first
-    node.context && node.context.$nextTick(function () {
+    Object(vue__WEBPACK_IMPORTED_MODULE_4__["nextTick"])(function () {
       var computed = window.getComputedStyle(el);
 
       if (computed && computed.display === 'inline') {
-        var context = node.fnOptions ? [node.fnOptions, node.context] : [node.componentInstance];
+        var context = node.fnOptions ? [node.fnOptions] : [node.componentInstance];
         _util_console__WEBPACK_IMPORTED_MODULE_1__["consoleWarn"].apply(void 0, __spreadArray(['v-ripple can only be used on block-level elements'], __read(context), false));
       }
     });
@@ -36499,8 +36694,7 @@ function mounted(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); // В Vue 3 используем vnode.ctx.uid вместо vnode.context._uid
-
+  el._onScroll = Object(el._onScroll);
   el._onScroll[vnode.ctx.uid] = {
     handler: handler,
     options: options,
@@ -36639,10 +36833,13 @@ 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];
-  Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
-    target.removeEventListener(eventName, handlers[eventName]);
-  });
-  delete target._touchHandlers[vnode.ctx.uid];
+
+  if (handlers) {
+    Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
+      target.removeEventListener(eventName, handlers[eventName]);
+    });
+    delete target._touchHandlers[vnode.ctx.uid];
+  }
 }
 
 var Touch = {
@@ -36720,7 +36917,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha31";
+  Vuetify.version = "2.7.2-alpha33";
   Vuetify.config = {
     silent: false
   };
@@ -40729,7 +40926,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _toggleable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../toggleable */ "./src/mixins/toggleable/index.ts");
 /* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
-/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 var __assign = undefined && undefined.__assign || function () {
@@ -40771,7 +40967,6 @@ var __values = undefined && undefined.__values || function (o) {
 
 
 
-
 var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_delayable__WEBPACK_IMPORTED_MODULE_0__["default"], _toggleable__WEBPACK_IMPORTED_MODULE_1__["default"]);
 /* @vue/component */
 
@@ -40808,12 +41003,6 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
     openOnHover: 'resetActivator'
   },
   mounted: function mounted() {
-    var slotType = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlotType"])(this, 'activator', true);
-
-    if (slotType && ['v-slot', 'normal'].includes(slotType)) {
-      Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["consoleError"])("The activator slot must be bound, try '<template v-slot:activator=\"{ on }\"><v-btn v-on=\"on\">'", this);
-    }
-
     this.addActivatorEvents();
   },
   beforeUnmount: function beforeUnmount() {
@@ -43932,13 +44121,15 @@ function prevent(e) {
       return label;
     },
     genInput: function genInput(type, attrs) {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])('input', __assign(__assign({}, Object.assign({
+      // Allow components to override aria-checked by providing it in attrs
+      var defaultAttrs = {
         'aria-checked': this.isActive.toString(),
         disabled: this.isDisabled,
         id: this.computedId,
         role: type,
         type: type
-      }, attrs)), {
+      };
+      return Object(vue__WEBPACK_IMPORTED_MODULE_4__["h"])('input', __assign(__assign({}, Object.assign(defaultAttrs, attrs)), {
         value: this.value,
         checked: this.isActive,
         onBlur: this.onBlur,
@@ -45389,19 +45580,58 @@ function getContainer(container) {
 }
 
 function type(el) {
-  return el == null ? el : el.constructor.name;
+  var _a;
+
+  if (el == null) return el; // Vue 3 component detection
+
+  if (isVue3Component(el)) return 'VueComponent';
+  return ((_a = el.constructor) === null || _a === void 0 ? void 0 : _a.name) || 'Unknown';
+} // Helper function to detect Vue 3 component instances
+
+
+function isVue3Component(el) {
+  // Check for Vue 3 component instance properties
+  return !!(el && ( // Direct component instance with $el
+  el.$el || // Component instance with appContext (Vue 3 runtime)
+  el.appContext || // Component proxy with type property (from Vue Test Utils)
+  el.type && (el.type.name || el.type.__name) || // Component with setupState (Composition API)
+  el.setupState || // Component with ctx property (internal Vue 3)
+  el.ctx && el.ctx.type));
 }
 
 function $(el) {
   if (typeof el === 'string') {
     return document.querySelector(el);
-  } else if (el && el._isVue) {
-    return el.$el;
   } else if (el instanceof HTMLElement) {
     return el;
+  } else if (isVue3Component(el)) {
+    return extractElementFromVue3Component(el);
   } else {
     return null;
   }
+} // Helper function to extract HTMLElement from Vue 3 component
+
+
+function extractElementFromVue3Component(component) {
+  var _a, _b, _c;
+
+  if (component.$el instanceof HTMLElement) {
+    return component.$el;
+  }
+
+  if (component.element instanceof HTMLElement) {
+    return component.element;
+  }
+
+  if (((_b = (_a = component.ctx) === null || _a === void 0 ? void 0 : _a.vnode) === null || _b === void 0 ? void 0 : _b.el) instanceof HTMLElement) {
+    return component.ctx.vnode.el;
+  }
+
+  if (((_c = component.vnode) === null || _c === void 0 ? void 0 : _c.el) instanceof HTMLElement) {
+    return component.vnode.el;
+  }
+
+  return null;
 }
 
 /***/ }),
@@ -46171,7 +46401,7 @@ function (_super) {
     _this.disabled = false;
     _this.isDark = null;
     _this.unwatch = null;
-    _this.vueMeta = null;
+    _this.metaManager = null;
     var _a = preset[Theme.property],
         dark = _a.dark,
         disable = _a.disable,
@@ -46198,11 +46428,8 @@ function (_super) {
 
     /* eslint-disable-next-line accessor-pairs */
     set: function set(val) {
-      if (this.vueMeta) {
-        if (this.isVueMeta23) {
-          this.applyVueMeta23();
-        }
-
+      if (this.metaManager) {
+        this.applyVueMeta3(val);
         return;
       }
 
@@ -46240,21 +46467,19 @@ function (_super) {
 
 
   Theme.prototype.init = function (root, ssrContext) {
-    if (this.disabled) return;
-    /* istanbul ignore else */
+    if (this.disabled) return; // Инициализируем vue-meta 3
 
-    if (root.$meta) {
-      this.initVueMeta(root);
-    } else if (ssrContext) {
+    this.initVueMeta3(root);
+
+    if (ssrContext) {
       this.initSSR(ssrContext);
+    } else {
+      this.initTheme(root);
     }
-
-    this.initTheme(root);
   }; // Allows for you to set target theme
 
 
   Theme.prototype.setTheme = function (theme, value) {
-    console.log('setTheme');
     this.themes[theme] = Object.assign(this.themes[theme], value);
     this.applyTheme();
   }; // Reset theme defaults
@@ -46304,54 +46529,17 @@ function (_super) {
     document.head.appendChild(this.styleEl);
   };
 
-  Theme.prototype.initVueMeta = function (root) {
-    var _this = this;
-
-    console.log('init vue meta');
-    this.vueMeta = root.$meta();
-
-    if (this.isVueMeta23) {
-      // vue-meta needs to apply after mounted()
-      root.$nextTick(function () {
-        _this.applyVueMeta23();
-      });
-      return;
-    }
-
-    var metaKeyName = typeof this.vueMeta.getOptions === 'function' ? this.vueMeta.getOptions().keyName : 'metaInfo';
-    var metaInfo = root.$options[metaKeyName] || {};
-
-    root.$options[metaKeyName] = function () {
-      metaInfo.style = metaInfo.style || [];
-      var vuetifyStylesheet = metaInfo.style.find(function (s) {
-        return s.id === 'vuetify-theme-stylesheet';
-      });
-
-      if (!vuetifyStylesheet) {
-        metaInfo.style.push({
-          cssText: _this.generatedStyles,
-          type: 'text/css',
-          id: 'vuetify-theme-stylesheet',
-          nonce: (_this.options || {}).cspNonce
-        });
-      } else {
-        vuetifyStylesheet.cssText = _this.generatedStyles;
-      }
-
-      return metaInfo;
-    };
+  Theme.prototype.initVueMeta3 = function (root) {
+    // Vue Meta 3 теперь работает через плагин, а не через отдельный manager
+    // Стили будут добавляться напрямую через useMeta API в компонентах
+    // или через обычный DOM API
+    this.metaManager = null;
   };
 
-  Theme.prototype.applyVueMeta23 = function () {
-    var set = this.vueMeta.addApp('vuetify').set;
-    set({
-      style: [{
-        cssText: this.generatedStyles,
-        type: 'text/css',
-        id: 'vuetify-theme-stylesheet',
-        nonce: this.options.cspNonce
-      }]
-    });
+  Theme.prototype.applyVueMeta3 = function (css) {
+    // Vue Meta 3 больше не использует manager.addMeta API
+    // Используем обычный DOM API для обновления стилей
+    this.checkOrCreateStyleElement() && (this.styleEl.innerHTML = css);
   };
 
   Theme.prototype.initSSR = function (ssrContext) {
@@ -46425,15 +46613,6 @@ function (_super) {
     enumerable: false,
     configurable: true
   });
-  Object.defineProperty(Theme.prototype, "isVueMeta23", {
-    // Is using v2.3 of vue-meta
-    // https://github.com/nuxt/vue-meta/releases/tag/v2.3.0
-    get: function get() {
-      return typeof this.vueMeta.addApp === 'function';
-    },
-    enumerable: false,
-    configurable: true
-  });
   Theme.property = 'theme';
   return Theme;
 }(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
@@ -48791,23 +48970,24 @@ function mergeListeners() {
     args[_i] = arguments[_i];
   }
 
-  if (!args[0]) return args[1];
-  if (!args[1]) return args[0];
+  if (!args[0] && !args[1]) return undefined;
   var dest = {};
 
   for (var i = 2; i--;) {
     var arg = args[i];
+    if (!arg) continue;
 
     for (var event in arg) {
       if (!arg[event]) continue;
+      var vueEventName = event.startsWith('on') && event.length > 2 && event.charAt(2) === event.charAt(2).toUpperCase() ? event : "on" + (event.charAt(0).toUpperCase() + event.slice(1));
 
-      if (dest[event]) {
+      if (dest[vueEventName]) {
         // Merge current listeners before (because we are iterating backwards).
         // Note that neither "target" or "source" must be altered.
-        dest[event] = [].concat(arg[event], dest[event]);
+        dest[vueEventName] = [].concat(arg[event], dest[vueEventName]);
       } else {
         // Straight assign.
-        dest[event] = arg[event];
+        dest[vueEventName] = arg[event];
       }
     }
   }
@@ -48827,6 +49007,8 @@ function mergeListeners() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return mixins; });
+/* 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__);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -48845,6 +49027,7 @@ var __assign = undefined && undefined.__assign || function () {
 /* eslint-disable max-len, import/export, no-use-before-define */
 
 
+
 function mixins() {
   var args = [];
 
@@ -48854,9 +49037,9 @@ function mixins() {
 
   return {
     extend: function extend(options) {
-      return __assign({
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])(__assign({
         mixins: args
-      }, options);
+      }, options));
     }
   };
 }