@dimailn/vuetify 2.7.2-alpha56 → 2.7.2-alpha58

package/dist/vuetify.js

@@ -36110,6 +36110,7 @@ __webpack_require__.r(__webpack_exports__);
 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 clickOutsideState = new WeakMap();
 
 function defaultConditional() {
   return true;
@@ -36151,7 +36152,9 @@ function checkIsActive(e, binding) {
 
 function directive(e, el, binding) {
   var handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
-  el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
+  var state = clickOutsideState.get(el);
+  if (!state) return;
+  state.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(function () {
     checkIsActive(e, binding) && handler && handler(e);
   }, 0);
 }
@@ -36177,38 +36180,32 @@ var ClickOutside = {
     };
 
     var onMousedown = function onMousedown(e) {
-      el._clickOutside.lastMousedownWasOutside = checkEvent(e, el, binding);
+      var state = clickOutsideState.get(el);
+      if (!state) return;
+      state.lastMousedownWasOutside = checkEvent(e, el, binding);
     };
 
+    clickOutsideState.set(el, {
+      onClick: onClick,
+      onMousedown: onMousedown,
+      lastMousedownWasOutside: true
+    });
     handleShadow(el, function (app) {
       app.addEventListener('click', onClick, true);
       app.addEventListener('mousedown', onMousedown, true);
     });
-
-    if (!el._clickOutside) {
-      el._clickOutside = {
-        lastMousedownWasOutside: true
-      };
-    }
-
-    el._clickOutside[vnode.ctx.uid] = {
-      onClick: onClick,
-      onMousedown: onMousedown
-    };
   },
   unmounted: function unmounted(el, binding, vnode) {
-    if (!el._clickOutside) return;
+    var state = clickOutsideState.get(el);
+    if (!state) return;
     handleShadow(el, function (app) {
-      var _a;
-
-      if (!app || !((_a = el._clickOutside) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
-      var _b = el._clickOutside[vnode.ctx.uid],
-          onClick = _b.onClick,
-          onMousedown = _b.onMousedown;
+      if (!app) return;
+      var onClick = state.onClick,
+          onMousedown = state.onMousedown;
       app.removeEventListener('click', onClick, true);
       app.removeEventListener('mousedown', onMousedown, true);
     });
-    delete el._clickOutside[vnode.ctx.uid];
+    clickOutsideState.delete(el);
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (ClickOutside);
@@ -36267,6 +36264,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return Intersect; });
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
+var intersectState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
     return;
@@ -36284,32 +36283,28 @@ function mounted(el, binding, vnode) {
 
   if (!handler) return;
   var observer = new IntersectionObserver(function (entries, observer) {
-    var _a;
-
     if (entries === void 0) {
       entries = [];
     }
 
-    var _observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
-
-    if (!_observe) return; // Just in case, should never fire
+    var state = intersectState.get(el);
+    if (!state) return; // Just in case, should never fire
 
     var isIntersecting = entries.some(function (entry) {
       return entry.isIntersecting;
     }); // If is not quiet or has already been
     // initted, invoke the user callback
 
-    if (handler && typeof handler === 'function' && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
+    if (handler && typeof handler === 'function' && (!modifiers.quiet || state.init) && (!modifiers.once || isIntersecting || state.init)) {
       handler(entries, observer, isIntersecting);
     }
 
-    if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else _observe.init = true;
+    if (isIntersecting && modifiers.once) unmounted(el, binding, vnode);else state.init = true;
   }, options);
-  el._observe = Object(el._observe);
-  el._observe[vnode.ctx.uid] = {
+  intersectState.set(el, {
     init: false,
     observer: observer
-  };
+  });
   observer.observe(el);
 }
 
@@ -36322,12 +36317,10 @@ function updated(el, binding, vnode) {
 }
 
 function unmounted(el, binding, vnode) {
-  var _a;
-
-  var observe = (_a = el._observe) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid];
-  if (!observe) return;
-  observe.observer.unobserve(el);
-  delete el._observe[vnode.ctx.uid];
+  var state = intersectState.get(el);
+  if (!state) return;
+  state.observer.unobserve(el);
+  intersectState.delete(el);
 }
 
 var Intersect = {
@@ -36364,6 +36357,8 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   return t;
 };
 
+var mutateState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   var modifiers = binding.modifiers || {};
   var value = binding.value;
@@ -36389,27 +36384,23 @@ function mounted(el, binding, vnode) {
   };
   var observer = new MutationObserver(function (mutationsList, observer) {
     /* istanbul ignore if */
-    if (!el._mutate) return; // Just in case, should never fire
+    if (!mutateState.has(el)) return; // Just in case, should never fire
 
     callback(mutationsList, observer); // If has the once modifier, unbind
 
     once && unmounted(el, binding, vnode);
   });
   observer.observe(el, options);
-  el._mutate = Object(el._mutate);
-  el._mutate[vnode.ctx.uid] = {
+  mutateState.set(el, {
     observer: observer
-  };
+  });
 }
 
 function unmounted(el, binding, vnode) {
-  var _a;
-
-  if (!((_a = el._mutate) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
-
-  el._mutate[vnode.ctx.uid].observer.disconnect();
-
-  delete el._mutate[vnode.ctx.uid];
+  var state = mutateState.get(el);
+  if (!state) return;
+  state.observer.disconnect();
+  mutateState.delete(el);
 }
 
 var Mutate = {
@@ -36430,17 +36421,18 @@ var Mutate = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resize", function() { return Resize; });
+var resizeState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   var callback = binding.value;
   var options = binding.options || {
     passive: true
   };
   window.addEventListener('resize', callback, options);
-  el._onResize = Object(el._onResize);
-  el._onResize[vnode.ctx.uid] = {
+  resizeState.set(el, {
     callback: callback,
     options: options
-  };
+  });
 
   if (!binding.modifiers || !binding.modifiers.quiet) {
     callback();
@@ -36448,14 +36440,12 @@ function mounted(el, binding, vnode) {
 }
 
 function unmounted(el, binding, vnode) {
-  var _a;
-
-  if (!((_a = el._onResize) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
-  var _b = el._onResize[vnode.ctx.uid],
-      callback = _b.callback,
-      options = _b.options;
+  var state = resizeState.get(el);
+  if (!state) return;
+  var callback = state.callback,
+      options = state.options;
   window.removeEventListener('resize', callback, options);
-  delete el._onResize[vnode.ctx.uid];
+  resizeState.delete(el);
 }
 
 var Resize = {
@@ -36890,6 +36880,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Scroll", function() { return Scroll; });
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
+var scrollState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   var _a = (binding.modifiers || {}).self,
       self = _a === void 0 ? false : _a;
@@ -36901,26 +36893,23 @@ 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);
-  el._onScroll[vnode.ctx.uid] = {
+  scrollState.set(el, {
     handler: handler,
     options: options,
     // Don't reference self
     target: self ? undefined : target
-  };
+  });
 }
 
 function unmounted(el, binding, vnode) {
-  var _a;
-
-  if (!((_a = el._onScroll) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
-  var _b = el._onScroll[vnode.ctx.uid],
-      handler = _b.handler,
-      options = _b.options,
-      _c = _b.target,
-      target = _c === void 0 ? el : _c;
+  var state = scrollState.get(el);
+  if (!state) return;
+  var handler = state.handler,
+      options = state.options,
+      _a = state.target,
+      target = _a === void 0 ? el : _a;
   target.removeEventListener('scroll', handler, options);
-  delete el._onScroll[vnode.ctx.uid];
+  scrollState.delete(el);
 }
 
 var Scroll = {
@@ -37020,6 +37009,8 @@ function createHandlers(value) {
   };
 }
 
+var touchState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   var value = binding.value;
   var target = value.parent ? el.parentElement : el;
@@ -37029,8 +37020,7 @@ function mounted(el, binding, vnode) {
 
   if (!target) return;
   var handlers = createHandlers(binding.value);
-  target._touchHandlers = Object(target._touchHandlers);
-  target._touchHandlers[vnode.ctx.uid] = handlers;
+  touchState.set(target, handlers);
   Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
     target.addEventListener(eventName, handlers[eventName], options);
   });
@@ -37038,14 +37028,14 @@ function mounted(el, binding, vnode) {
 
 function unmounted(el, binding, vnode) {
   var target = binding.value.parent ? el.parentElement : el;
-  if (!target || !target._touchHandlers) return;
-  var handlers = target._touchHandlers[vnode.ctx.uid];
+  if (!target) return;
+  var handlers = touchState.get(target);
 
   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];
+    touchState.delete(target);
   }
 }
 
@@ -37124,7 +37114,7 @@ function () {
 
   Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
   Vuetify.installed = false;
-  Vuetify.version = "2.7.2-alpha56";
+  Vuetify.version = "2.7.2-alpha58";
   Vuetify.config = {
     silent: false
   };
@@ -43220,7 +43210,7 @@ var __assign = undefined && undefined.__assign || function () {
     }
   },
   beforeUnmount: function beforeUnmount() {
-    this.removeOverlay();
+    this.destroyOverlay();
   },
   methods: {
     createOverlay: function createOverlay() {
@@ -43268,21 +43258,13 @@ var __assign = undefined && undefined.__assign || function () {
     genOverlay: function genOverlay() {
       var _this = this;
 
-      var _a, _b, _c, _d;
+      var _a, _b;
 
       this.hideScroll();
       if (this.hideOverlay) return;
 
       if (!((_b = (_a = this.overlay) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.isConnected)) {
-        if (this.overlay) {
-          cancelAnimationFrame(this.animationFrame);
-          var container = (_c = this.overlay.$el) === null || _c === void 0 ? void 0 : _c.parentNode;
-          (_d = this.overlayApp) === null || _d === void 0 ? void 0 : _d.unmount();
-          this.overlayApp = null;
-          if (container === null || container === void 0 ? void 0 : container.parentNode) container.parentNode.removeChild(container);
-          this.overlay = null;
-        }
-
+        this.teardownOverlay();
         this.createOverlay();
       }
 
@@ -43304,7 +43286,7 @@ var __assign = undefined && undefined.__assign || function () {
     removeOverlay: function removeOverlay(showScroll) {
       var _this = this;
 
-      var _a, _b;
+      var _a;
 
       if (showScroll === void 0) {
         showScroll = true;
@@ -43312,27 +43294,15 @@ var __assign = undefined && undefined.__assign || function () {
 
       if (this.overlay) {
         if (!((_a = this.overlay.$el) === null || _a === void 0 ? void 0 : _a.isConnected)) {
-          cancelAnimationFrame(this.animationFrame);
-          (_b = this.overlayApp) === null || _b === void 0 ? void 0 : _b.unmount();
-          this.overlayApp = null;
-          this.overlay = null;
+          this.teardownOverlay();
           showScroll && this.showScroll();
           return;
         }
 
         Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["addOnceEventListener"])(this.overlay.$el, 'transitionend', function () {
-          var _a;
-
           if (!_this.overlay || !_this.overlay.$el || !_this.overlay.$el.parentNode || _this.overlay.value || _this.isActive) return;
-          var overlayContainer = _this.overlay.$el.parentNode;
-          (_a = _this.overlayApp) === null || _a === void 0 ? void 0 : _a.unmount();
-          _this.overlayApp = null;
 
-          if (overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.parentNode) {
-            overlayContainer.parentNode.removeChild(overlayContainer);
-          }
-
-          _this.overlay = null;
+          _this.teardownOverlay();
         }); // Cancel animation frame in case
         // overlay is removed before it
         // has finished its animation
@@ -43343,6 +43313,27 @@ var __assign = undefined && undefined.__assign || function () {
 
       showScroll && this.showScroll();
     },
+    teardownOverlay: function teardownOverlay() {
+      var _a, _b;
+
+      cancelAnimationFrame(this.animationFrame);
+      if (!this.overlay) return;
+      var container = (_a = this.overlay.$el) === null || _a === void 0 ? void 0 : _a.parentNode;
+      (_b = this.overlayApp) === null || _b === void 0 ? void 0 : _b.unmount();
+      this.overlayApp = null;
+
+      if (container === null || container === void 0 ? void 0 : container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+
+      this.overlay = null;
+    },
+
+    /** Синхронно уничтожает оверлей независимо от isActive/анимации. Для unmount. */
+    destroyOverlay: function destroyOverlay() {
+      this.teardownOverlay();
+      this.showScroll();
+    },
     scrollListener: function scrollListener(e) {
       if ('key' in e) {
         if (['INPUT', 'TEXTAREA', 'SELECT'].includes(e.target.tagName) || // https://github.com/vuetifyjs/vuetify/issues/4715