@dimailn/vuetify 2.7.2-alpha21 → 2.7.2-alpha23

package/dist/vuetify.js

@@ -16141,6 +16141,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
+ // Helpers
 
 
 /* @vue/component */
@@ -16173,39 +16174,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 +16260,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() {
@@ -21448,11 +21463,10 @@ var __assign = undefined && undefined.__assign || function () {
   render: function render() {
     var children = [this.__scrim];
     if (this.isActive) children.push(this.genContent());
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-      on: this.$listeners,
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign(__assign({}, this.$attrs), {
       class: ['v-overlay', this.classes],
       style: this.styles
-    }, children);
+    }), children);
   }
 }));
 
@@ -22200,15 +22214,17 @@ var __assign = undefined && undefined.__assign || function () {
       };
     },
     normalizedValue: function normalizedValue() {
-      if (this.value < 0) {
+      var numValue = parseFloat(this.value);
+
+      if (numValue < 0) {
         return 0;
       }
 
-      if (this.value > 100) {
+      if (numValue > 100) {
         return 100;
       }
 
-      return parseFloat(this.value);
+      return numValue;
     },
     strokeDashArray: function strokeDashArray() {
       return Math.round(this.circumference * 1000) / 1000;
@@ -22358,7 +22374,7 @@ var __assign = undefined && undefined.__assign || function () {
 
 
 
-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']), _mixins_proxyable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__["default"]);
+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 */
 
 /* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
@@ -22392,11 +22408,16 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       default: 4
     },
     indeterminate: Boolean,
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
     query: Boolean,
     reverse: Boolean,
     rounded: Boolean,
     stream: Boolean,
     striped: Boolean,
+    // Оставляем value для обратной совместимости
     value: {
       type: [Number, String],
       default: 0
@@ -22404,7 +22425,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
   },
   data: function data() {
     return {
-      internalLazyValue: this.value || 0,
+      internalLazyValue: this.modelValue || this.value || 0,
       isVisible: true
     };
   },
@@ -22416,7 +22437,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       }));
     },
     __cachedBar: function __cachedBar() {
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, [this.__cachedBarType]);
+      var _this = this;
+
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(this.computedTransition, {}, {
+        default: function _default() {
+          return [_this.__cachedBarType];
+        }
+      });
     },
     __cachedBarType: function __cachedBarType() {
       return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
@@ -22484,7 +22511,7 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       return this.normalize(this.internalLazyValue);
     },
     reactive: function reactive() {
-      return Boolean(this.$listeners.change);
+      return Boolean(this.$listeners.onChange) || Boolean(this.$listeners['onUpdate:modelValue']);
     },
     styles: function styles() {
       var styles = {};
@@ -22500,15 +22527,27 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       return styles;
     }
   },
+  watch: {
+    modelValue: function modelValue(val) {
+      this.internalLazyValue = val;
+    },
+    value: function value(val) {
+      this.internalLazyValue = val;
+    }
+  },
   methods: {
     genContent: function genContent() {
       var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["getSlot"])(this, 'default', {
         value: this.internalLazyValue
       });
       if (!slot) return null;
-      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
-        class: 'v-progress-linear__content'
-      }, slot);
+      return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+        class: "v-progress-linear__content"
+      }, {
+        default: function _default() {
+          return slot;
+        }
+      });
     },
     genListeners: function genListeners() {
       var listeners = this.$listeners;
@@ -22535,20 +22574,19 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_m
       this.isVisible = isIntersecting;
     },
     normalize: function normalize(value) {
-      if (value < 0) return 0;
-      if (value > 100) return 100;
-      return parseFloat(value);
+      var numValue = typeof value === 'string' ? parseFloat(value) : value;
+      if (numValue < 0) return 0;
+      if (numValue > 100) return 100;
+      return numValue;
     }
   },
   render: function render() {
     var data = __assign({
       class: ['v-progress-linear', this.classes],
-      attrs: {
-        role: 'progressbar',
-        'aria-valuemin': 0,
-        'aria-valuemax': this.normalizedBuffer,
-        'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
-      },
+      role: 'progressbar',
+      'aria-valuemin': 0,
+      'aria-valuemax': this.normalizedBuffer,
+      'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,
       style: {
         bottom: this.bottom ? 0 : undefined,
         height: this.active ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.height) : 0,
@@ -32652,6 +32690,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/measurable */ "./src/mixins/measurable/index.ts");
 /* harmony import */ var _directives_scroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../directives/scroll */ "./src/directives/scroll/index.ts");
 /* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __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);
+};
+
  // Styles
 
  // Mixins
@@ -32751,18 +32805,16 @@ __webpack_require__.r(__webpack_exports__);
         height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.items.length * this.__itemHeight)
       }
     }, this.getChildren());
-    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
+    return Object(vue__WEBPACK_IMPORTED_MODULE_0__["withDirectives"])(Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', __assign({
       class: 'v-virtual-scroll',
-      style: this.measurableStyles,
-      directives: [{
-        name: 'scroll',
-        modifiers: {
-          self: true
-        },
-        value: this.onScroll
-      }],
-      on: this.$listeners
-    }, [content]);
+      style: this.measurableStyles
+    }, this.$listeners), {
+      default: function _default() {
+        return [content];
+      }
+    }), [[_directives_scroll__WEBPACK_IMPORTED_MODULE_3__["default"], this.onScroll, '', {
+      self: true
+    }]]);
   }
 }));
 
@@ -32980,9 +33032,17 @@ var __assign = undefined && undefined.__assign || function () {
         attrs: attrs
       })) !== null && _c !== void 0 ? _c : [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VBtn__WEBPACK_IMPORTED_MODULE_3__["default"], __assign({
         icon: true
-      }, attrs), [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
-        large: true
-      }, icon)])];
+      }, attrs), {
+        default: function _default() {
+          return [Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])(_VIcon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+            large: true
+          }, {
+            default: function _default() {
+              return icon;
+            }
+          })];
+        }
+      })];
       return Object(vue__WEBPACK_IMPORTED_MODULE_0__["h"])('div', {
         class: "v-window__" + direction
       }, children);
@@ -33236,9 +33296,13 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_m
       onLeaveCancelled: this.onTransitionCancelled,
       // Enter handler for height transition.
       onEnter: this.onEnter
-    }, this.showLazyContent(function () {
-      return [_this.genWindowItem()];
-    }));
+    }, {
+      default: function _default() {
+        return _this.showLazyContent(function () {
+          return [_this.genWindowItem()];
+        });
+      }
+    });
   }
 }));
 
@@ -35175,7 +35239,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha20";
+  Vuetify.version = "2.7.2-alpha22";
   Vuetify.config = {
     silent: false
   };
@@ -42879,7 +42943,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
@@ -42890,11 +42955,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,
@@ -42940,6 +43006,8 @@ var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_c
     }
   },
   data: function data() {
+    var _a;
+
     return {
       errorBucket: [],
       hasColor: false,
@@ -42947,7 +43015,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
     };
   },
@@ -42996,6 +43064,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() {