@dimailn/vuetify 2.7.2-alpha22 → 2.7.2-alpha24

package/dist/vuetify.js

@@ -1456,8 +1456,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/transitionable */ "./src/mixins/transitionable/index.ts");
 /* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
 /* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
-/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
+/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_9__ = __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++) {
@@ -1501,9 +1500,10 @@ var __rest = undefined && undefined.__rest || function (s, e) {
  // Utilities
 
 
-
-/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_7__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
+var Toggleable = Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["factory"])('modelValue', 'update:modelValue');
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
   name: 'v-badge',
+  mixins: [_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_7__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], Toggleable, _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]],
   props: {
     avatar: Boolean,
     bordered: Boolean,
@@ -1529,7 +1529,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
       type: String,
       default: 'scale-rotate-transition'
     },
-    value: {
+    modelValue: {
       default: true
     }
   },
@@ -1594,7 +1594,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   methods: {
     calcPosition: function calcPosition(offset) {
-      return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["convertToUnit"])(offset || this.offset) + ")";
+      return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["convertToUnit"])(offset || this.offset) + ")";
     },
     genBadge: function genBadge() {
       var lang = this.$vuetify.lang;
@@ -1606,27 +1606,29 @@ var __rest = undefined && undefined.__rest || function (s, e) {
         'aria-label': label,
         'aria-live': this.$attrs['aria-live'] || 'polite',
         title: this.$attrs.title,
-        role: this.$attrs.role || 'status',
-        directives: [{
-          name: 'show',
-          value: this.isActive
-        }]
+        role: this.$attrs.role || 'status'
       });
-      var badge = Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', data, [this.genBadgeContent()]);
+      var badge = Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('span', data, [this.genBadgeContent()]), [[vue__WEBPACK_IMPORTED_MODULE_0__["vShow"], this.isActive]]);
       if (!this.transition) return badge;
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(vue__WEBPACK_IMPORTED_MODULE_0__["Transition"], {
         name: this.transition,
         origin: this.origin,
         mode: this.mode
-      }, [badge]);
+      }, {
+        default: function _default() {
+          return [badge];
+        }
+      });
     },
     genBadgeContent: function genBadgeContent() {
       // Dot prop shows no content
       if (this.dot) return undefined;
-      var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this, 'badge');
+      var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this, 'badge');
       if (slot) return slot;
       if (this.content) return String(this.content);
-      if (this.icon) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.icon);
+      if (this.icon) return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        icon: this.icon
+      });
       return undefined;
     },
     genBadgeWrapper: function genBadgeWrapper() {
@@ -1637,7 +1639,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   },
   render: function render() {
     var badge = [this.genBadgeWrapper()];
-    var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this)];
+    var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_9__["getSlot"])(this)];
 
     var _a = this.$attrs,
         _x = _a["aria-atomic"],
@@ -16141,6 +16143,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
+ // Helpers
 
 
 /* @vue/component */
@@ -16173,39 +16176,50 @@ var __assign = undefined && undefined.__assign || function () {
       handler: function handler(val) {
         var errors = Object.values(val).includes(true);
         this.$emit('input', !errors);
+        this.$emit('update:modelValue', !errors);
       },
       deep: true,
       immediate: true
     }
   },
   methods: {
+    getInputUid: function getInputUid(input) {
+      return input.$.uid;
+    },
     watchInput: function watchInput(input) {
       var _this = this;
 
-      var watcher = function watcher(input) {
-        return input.$watch('hasError', function (val) {
-          _this.errorBag[input.$.uid] = val;
-        }, {
-          immediate: true
-        });
+      var inputId = this.getInputUid(input);
+
+      var createErrorWatcher = function createErrorWatcher(inputComponent) {
+        if (typeof inputComponent.$watch === 'function') {
+          return inputComponent.$watch('hasError', function (hasError) {
+            _this.errorBag[inputId] = hasError;
+          }, {
+            immediate: true
+          });
+        } else {
+          // Fallback для Vue 3
+          return function () {};
+        }
       };
 
       var watchers = {
-        _uid: input.$.uid,
+        _uid: inputId,
         valid: function valid() {},
         shouldValidate: function shouldValidate() {}
       };
 
       if (this.lazyValidation) {
-        // Only start watching inputs if we need to
-        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;
-          watchers.valid = watcher(input);
-        });
+        if (typeof input.$watch === 'function') {
+          watchers.shouldValidate = input.$watch('shouldValidate', function (shouldValidate) {
+            if (!shouldValidate) return;
+            if (_this.errorBag.hasOwnProperty(inputId)) return;
+            watchers.valid = createErrorWatcher(input);
+          });
+        }
       } else {
-        watchers.valid = watcher(input);
+        watchers.valid = createErrorWatcher(input);
       }
 
       return watchers;
@@ -16248,26 +16262,29 @@ var __assign = undefined && undefined.__assign || function () {
       this.watchers.push(this.watchInput(input));
     },
     unregister: function unregister(input) {
-      var found = this.inputs.find(function (i) {
-        return i.$.uid === input.$.uid;
+      var _this = this;
+
+      var inputId = this.getInputUid(input);
+      var foundInput = this.inputs.find(function (inputComponent) {
+        return _this.getInputUid(inputComponent) === inputId;
       });
-      if (!found) return;
-      var unwatch = this.watchers.find(function (i) {
-        return i._uid === found.$.uid;
+      if (!foundInput) return;
+      var inputWatcher = this.watchers.find(function (watcher) {
+        return watcher._uid === inputId;
       });
 
-      if (unwatch) {
-        unwatch.valid();
-        unwatch.shouldValidate();
+      if (inputWatcher) {
+        inputWatcher.valid();
+        inputWatcher.shouldValidate();
       }
 
-      this.watchers = this.watchers.filter(function (i) {
-        return i._uid !== found.$.uid;
+      this.watchers = this.watchers.filter(function (watcher) {
+        return watcher._uid !== inputId;
       });
-      this.inputs = this.inputs.filter(function (i) {
-        return i.$.uid !== found.$.uid;
+      this.inputs = this.inputs.filter(function (inputComponent) {
+        return _this.getInputUid(inputComponent) !== inputId;
       });
-      delete this.errorBag[found.$.uid];
+      delete this.errorBag[inputId];
     }
   },
   render: function render() {
@@ -17843,6 +17860,10 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       set: function set(val) {
         this.lazyValue = val;
         this.$emit(this.$_modelEvent, val);
+
+        if ('$_emitChangeEvent' in this) {
+          this.$emit('change', val);
+        }
       }
     },
     isDirty: function isDirty() {
@@ -24836,7 +24857,7 @@ var __assign = undefined && undefined.__assign || function () {
       var scopedSlot = this.$slots.item({
         parent: parent,
         item: item,
-        attrs: __assign(__assign({}, tile.attrs), tile.props),
+        attrs: __assign(__assign(__assign({}, tile.attrs), tile.props), tile.on),
         on: tile.on
       });
       return this.needsTile(scopedSlot) ? Object(vue__WEBPACK_IMPORTED_MODULE_9__["h"])(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItem"], tile, scopedSlot) : scopedSlot;
@@ -35224,7 +35245,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha21";
+  Vuetify.version = "2.7.2-alpha24";
   Vuetify.config = {
     silent: false
   };
@@ -39355,7 +39376,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_d
     },
     genActivator: function genActivator() {
       var node = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'activator', Object.assign(this.getValueProxy(), {
-        attrs: __assign(__assign({}, this.genActivatorListeners()), this.genActivatorAttributes())
+        attrs: __assign(__assign({}, this.genActivatorListeners()), this.genActivatorAttributes()),
+        on: this.genActivatorListeners()
       })) || [];
       node = Array.isArray(node) ? node : [node];
       this.activatorNode = node.flatMap(function (node) {
@@ -39651,8 +39673,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
 // Utilities
 
- // Types
-
 
 /**
  * Bootable
@@ -39693,7 +39713,7 @@ __webpack_require__.r(__webpack_exports__);
   },
   methods: {
     showLazyContent: function showLazyContent(content) {
-      return this.hasContent && content ? content() : [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])()];
+      return this.hasContent && content ? content() : [Object(vue__WEBPACK_IMPORTED_MODULE_1__["h"])(vue__WEBPACK_IMPORTED_MODULE_1__["Comment"])];
     }
   }
 }));
@@ -41073,6 +41093,7 @@ __webpack_require__.r(__webpack_exports__);
 __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_helpers__WEBPACK_IMPORTED_MODULE_1__ = __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++) {
@@ -41091,9 +41112,9 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
+
 function mapEventName(str) {
-  var newStr = "on" + str;
-  return newStr.charAt(0).toUpperCase() + newStr.slice(1);
+  return "on" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["upperFirst"])(str);
 }
 
 /* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_0__["defineComponent"])({
@@ -41109,8 +41130,11 @@ function mapEventName(str) {
       var listeners = Object.keys(this.$attrs).filter(function (key) {
         return key.endsWith(suffix);
       }).reduce(function (acc, key) {
-        acc[key] = {
-          event: key.slice(0, -suffix.length)
+        var eventName = suffix ? key.slice(0, -suffix.length) : key;
+        var cleanEventName = eventName.startsWith('on') ? eventName.slice(2).toLowerCase() : eventName.toLowerCase();
+        acc[cleanEventName] = {
+          event: cleanEventName,
+          originalKey: key
         };
         return acc;
       }, {});
@@ -41131,7 +41155,8 @@ function mapEventName(str) {
 
       var _loop_1 = function _loop_1(event) {
         var eventOptions = events[event];
-        if (!this_1.$attrs[mapEventName(event)]) return "continue"; // TODO somehow pull in modifiers
+        var attrName = eventOptions.originalKey || (event.includes(':') ? event : mapEventName(event));
+        if (!this_1.$attrs[attrName]) return "continue"; // TODO somehow pull in modifiers
 
         var prefix = eventOptions.passive ? '&' : (eventOptions.once ? '~' : '') + (eventOptions.capture ? '!' : '');
         var key = prefix + eventOptions.event;
@@ -42361,6 +42386,9 @@ function prevent(e) {
       lazyValue: this.modelValue
     };
   },
+  created: function created() {
+    this.$_emitChangeEvent = true;
+  },
   computed: {
     computedColor: function computedColor() {
       if (!this.isActive) return undefined;
@@ -42928,7 +42956,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../registrable */ "./src/mixins/registrable/index.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");
-/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __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__);
 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); }
 
 // Mixins
@@ -42939,11 +42968,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
 
-var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_colorable__WEBPACK_IMPORTED_MODULE_0__["default"], Object(_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('form'), _themeable__WEBPACK_IMPORTED_MODULE_1__["default"]);
 /* @vue/component */
 
-/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
+/* harmony default export */ __webpack_exports__["default"] = (Object(vue__WEBPACK_IMPORTED_MODULE_5__["defineComponent"])({
   name: 'validatable',
+  extends: Object(_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('form'),
+  mixins: [_colorable__WEBPACK_IMPORTED_MODULE_0__["default"], _themeable__WEBPACK_IMPORTED_MODULE_1__["default"]],
   props: {
     disabled: {
       type: Boolean,
@@ -42989,6 +43019,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
     }
   },
   data: function data() {
+    var _a;
+
     return {
       errorBucket: [],
       hasColor: false,
@@ -42996,7 +43028,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
       hasInput: false,
       isFocused: false,
       isResetting: false,
-      lazyValue: this.value,
+      lazyValue: (_a = this.modelValue) !== null && _a !== void 0 ? _a : null,
       valid: false
     };
   },
@@ -43045,6 +43077,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
       set: function set(val) {
         this.lazyValue = val;
         this.$emit('input', val);
+        this.$emit('update:modelValue', val);
       }
     },
     isDisabled: function isDisabled() {