@dimailn/vuetify 2.7.2-alpha56 → 2.7.2-alpha57

package/es5/directives/click-outside/index.js

@@ -9,6 +9,8 @@ var _dom = require("../../util/dom");
 
 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;
 }
@@ -49,7 +51,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);
 }
@@ -75,38 +79,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 _el$_clickOutside$vno = el._clickOutside[vnode.ctx.uid],
-          onClick = _el$_clickOutside$vno.onClick,
-          onMousedown = _el$_clickOutside$vno.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);
   }
 };
 exports.ClickOutside = ClickOutside;

package/es5/directives/click-outside/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/click-outside/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attachedRoot } from '../../util/dom'\nimport type { VNodeDirective } from '../../types/vue-internal'\nimport { VNode } from 'vue'\n\ninterface ClickOutsideBindingArgs {\n  handler: (e: Event) => void\n  closeConditional?: (e: Event) => boolean\n  include?: () => HTMLElement[]\n}\n\ntype ClickOutsideDirective = VNodeDirective & {\n  value?: ((e: Event) => void) | ClickOutsideBindingArgs\n}\n\nfunction defaultConditional () {\n  return true\n}\n\nfunction checkEvent (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective): boolean {\n  // The include element callbacks below can be expensive\n  // so we should avoid calling them when we're not active.\n  // Explicitly check for false to allow fallback compatibility\n  // with non-toggleable components\n  if (!e || checkIsActive(e, binding) === false) return false\n\n  // If we're clicking inside the shadowroot, then the app root doesn't get the same\n  // level of introspection as to _what_ we're clicking. We want to check to see if\n  // our target is the shadowroot parent container, and if it is, ignore.\n  const root = attachedRoot(el)\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === e.target\n  ) return false\n\n  // Check if additional elements were passed to be included in check\n  // (click must be outside all included elements, if any)\n  const elements = ((typeof binding.value === 'object' && binding.value.include) || (() => []))()\n  // Add the root element for the component this directive was defined on\n  elements.push(el)\n\n  // Check if it's a click outside our elements, and then if our callback returns true.\n  // Non-toggleable components should take action in their callback and return falsy.\n  // Toggleable can return true if it wants to deactivate.\n  // Note that, because we're in the capture phase, this callback will occur before\n  // the bubbling click event on any outside elements.\n  return !elements.some(el => el.contains(e.target as Node))\n}\n\nfunction checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolean | void {\n  const isActive = (typeof binding.value === 'object' && binding.value.closeConditional) || defaultConditional\n\n  return isActive(e)\n}\n\nfunction directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective) {\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler\n\n  el._clickOutside!.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {\n    checkIsActive(e, binding) && handler && handler(e)\n  }, 0)\n}\n\nfunction handleShadow (el: HTMLElement, callback: Function): void {\n  const root = attachedRoot(el)\n\n  callback(document)\n\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root)\n  }\n}\n\nexport const ClickOutside = {\n  // [data-app] may not be found\n  // if using bind, inserted makes\n  // sure that the root element is\n  // available, iOS does not support\n  // clicks on body\n  mounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    const onClick = (e: Event) => directive(e as PointerEvent, el, binding)\n    const onMousedown = (e: Event) => {\n      el._clickOutside!.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)\n    }\n\n    handleShadow(el, (app: HTMLElement) => {\n      app.addEventListener('click', onClick, true)\n      app.addEventListener('mousedown', onMousedown, true)\n    })\n\n    if (!el._clickOutside) {\n      el._clickOutside = {\n        lastMousedownWasOutside: true\n      }\n    }\n\n    el._clickOutside[vnode.ctx.uid] = {\n      onClick,\n      onMousedown\n    }\n  },\n\n  unmounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    if (!el._clickOutside) return\n\n    handleShadow(el, (app: HTMLElement) => {\n      if (!app || !el._clickOutside?.[vnode.ctx.uid]) return\n\n      const { onClick, onMousedown } = el._clickOutside[vnode.ctx.uid]!\n\n      app.removeEventListener('click', onClick, true)\n      app.removeEventListener('mousedown', onMousedown, true)\n    })\n\n    delete el._clickOutside[vnode.ctx.uid]\n  }\n}\n\nexport default ClickOutside\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/click-outside/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attachedRoot } from '../../util/dom'\nimport type { VNodeDirective } from '../../types/vue-internal'\nimport { VNode } from 'vue'\n\ninterface ClickOutsideBindingArgs {\n  handler: (e: Event) => void\n  closeConditional?: (e: Event) => boolean\n  include?: () => HTMLElement[]\n}\n\ntype ClickOutsideDirective = VNodeDirective & {\n  value?: ((e: Event) => void) | ClickOutsideBindingArgs\n}\n\ninterface ClickOutsideState {\n  onClick: (e: Event) => void\n  onMousedown: (e: Event) => void\n  lastMousedownWasOutside: boolean\n}\n\nconst clickOutsideState = new WeakMap<HTMLElement, ClickOutsideState>()\n\nfunction defaultConditional () {\n  return true\n}\n\nfunction checkEvent (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective): boolean {\n  // The include element callbacks below can be expensive\n  // so we should avoid calling them when we're not active.\n  // Explicitly check for false to allow fallback compatibility\n  // with non-toggleable components\n  if (!e || checkIsActive(e, binding) === false) return false\n\n  // If we're clicking inside the shadowroot, then the app root doesn't get the same\n  // level of introspection as to _what_ we're clicking. We want to check to see if\n  // our target is the shadowroot parent container, and if it is, ignore.\n  const root = attachedRoot(el)\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === e.target\n  ) return false\n\n  // Check if additional elements were passed to be included in check\n  // (click must be outside all included elements, if any)\n  const elements = ((typeof binding.value === 'object' && binding.value.include) || (() => []))()\n  // Add the root element for the component this directive was defined on\n  elements.push(el)\n\n  // Check if it's a click outside our elements, and then if our callback returns true.\n  // Non-toggleable components should take action in their callback and return falsy.\n  // Toggleable can return true if it wants to deactivate.\n  // Note that, because we're in the capture phase, this callback will occur before\n  // the bubbling click event on any outside elements.\n  return !elements.some(el => el.contains(e.target as Node))\n}\n\nfunction checkIsActive (e: PointerEvent, binding: ClickOutsideDirective): boolean | void {\n  const isActive = (typeof binding.value === 'object' && binding.value.closeConditional) || defaultConditional\n\n  return isActive(e)\n}\n\nfunction directive (e: PointerEvent, el: HTMLElement, binding: ClickOutsideDirective) {\n  const handler = typeof binding.value === 'function' ? binding.value : binding.value!.handler\n  const state = clickOutsideState.get(el)\n  if (!state) return\n\n  state.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {\n    checkIsActive(e, binding) && handler && handler(e)\n  }, 0)\n}\n\nfunction handleShadow (el: HTMLElement, callback: Function): void {\n  const root = attachedRoot(el)\n\n  callback(document)\n\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root)\n  }\n}\n\nexport const ClickOutside = {\n  // [data-app] may not be found\n  // if using bind, inserted makes\n  // sure that the root element is\n  // available, iOS does not support\n  // clicks on body\n  mounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    const onClick = (e: Event) => directive(e as PointerEvent, el, binding)\n    const onMousedown = (e: Event) => {\n      const state = clickOutsideState.get(el)\n      if (!state) return\n      state.lastMousedownWasOutside = checkEvent(e as PointerEvent, el, binding)\n    }\n\n    clickOutsideState.set(el, {\n      onClick,\n      onMousedown,\n      lastMousedownWasOutside: true\n    })\n\n    handleShadow(el, (app: HTMLElement) => {\n      app.addEventListener('click', onClick, true)\n      app.addEventListener('mousedown', onMousedown, true)\n    })\n  },\n\n  unmounted (el: HTMLElement, binding: ClickOutsideDirective, vnode: VNode) {\n    const state = clickOutsideState.get(el)\n    if (!state) return\n\n    handleShadow(el, (app: HTMLElement) => {\n      if (!app) return\n\n      const { onClick, onMousedown } = state\n      app.removeEventListener('click', onClick, true)\n      app.removeEventListener('mousedown', onMousedown, true)\n    })\n\n    clickOutsideState.delete(el)\n  }\n}\n\nexport default ClickOutside\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/intersect/index.js

@@ -7,6 +7,8 @@ exports.default = exports.Intersect = void 0;
 
 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;
@@ -26,29 +28,24 @@ function mounted(el, binding, vnode) {
   var observer = new IntersectionObserver(function () {
     var entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var observer = arguments.length > 1 ? arguments[1] : undefined;
-
-    var _a;
-
-    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);
 }
 
@@ -61,12 +58,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 = {

package/es5/directives/intersect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":";;;;;;;;;AA6BA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAI,OAAO,MAAP,KAAkB,WAAlB,IAAiC,EAAE,0BAA0B,MAA5B,CAArC,EAA0E;AAAE;AAAQ;;AAEpF,MAAM,SAAS,GAAG,OAAO,CAAC,SAAR,IAAqB,EAAvC;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;;AALY,aAOV,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,KAAK,IAAvC,IAA+C,aAAa,KAA5D,GACI,KADJ,GAEI;AAAE,IAAA,OAAO,EAAE,KAAX;AAAkB,IAAA,OAAO,EAAE;AAA3B,GATM;AAAA,MAMJ,OANI,QAMJ,OANI;AAAA,MAMK,OANL,QAMK,OANL;;AAWZ,MAAI,CAAC,OAAL,EAAc;AAEd,MAAM,QAAQ,GAAG,IAAI,oBAAJ,CACf,YAGI;AAAA,QAFF,OAEE,uEAFqC,EAErC;AAAA,QADF,QACE;;;;AACF,QAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,QAAH,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAA5B;;AACA,QAAI,CAAC,QAAL,EAAe,OAFb,CAEoB;;AAEtB,QAAM,cAAc,GAAG,OAAO,CAAC,IAAR,CAAa,UAAA,KAAK;AAAA,aAAI,KAAK,CAAC,cAAV;AAAA,KAAlB,CAAvB,CAJE,CAMF;AACA;;AACA,QACE,OAAO,IACP,OAAO,OAAP,KAAmB,UADnB,KAEC,CAAC,SAAS,CAAC,KAAX,IAAoB,QAAQ,CAAC,IAF9B,MAGC,CAAC,SAAS,CAAC,IAAX,IAAmB,cAAnB,IAAqC,QAAQ,CAAC,IAH/C,CADF,EAKE;AACA,MAAA,OAAO,CAAC,OAAD,EAAU,QAAV,EAAoB,cAApB,CAAP;AACD;;AAED,QAAI,cAAc,IAAI,SAAS,CAAC,IAAhC,EAAsC,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAT,CAAtC,KACK,QAAQ,CAAC,IAAT,GAAgB,IAAhB;AACN,GAvBc,EAwBf,OAxBe,CAAjB;AA2BA,EAAA,EAAE,CAAC,QAAH,GAAc,MAAM,CAAC,EAAE,CAAC,QAAJ,CAApB;AACA,EAAA,EAAE,CAAC,QAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,IAA+B;AAAE,IAAA,IAAI,EAAE,KAAR;AAAe,IAAA,QAAQ,EAAR;AAAf,GAA/B;AAEA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB;AACD;;AAED,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ;AACA,MAAI,OAAO,CAAC,KAAR,KAAkB,OAAO,CAAC,QAA9B,EAAwC;AACtC,IAAA,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAT;AACA,IAAA,OAAO,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAP;AACD;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAM,OAAO,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,QAAH,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,KAAA,CAAX,GAAW,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAA3B;AACA,MAAI,CAAC,OAAL,EAAc;AAEd,EAAA,OAAO,CAAC,QAAR,CAAiB,SAAjB,CAA2B,EAA3B;AACA,SAAO,EAAE,CAAC,QAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAEM,IAAM,SAAS,GAIlB;AACF,EAAA,OAAO,EAAP,OADE;AAEF,EAAA,OAAO,EAAP,OAFE;AAGF,EAAA,SAAS,EAAT;AAHE,CAJG;;eAUQ,S","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean\n) => void;\n\ninterface ObserveDirectiveBinding\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?:\n    | ObserveHandler\n    | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\n// Расширяем HTMLElement для хранения данных наблюдателя\ndeclare global {\n  interface HTMLElement {\n    _observe?: Record<\n      number,\n      { init: boolean, observer: IntersectionObserver }\n    >\n  }\n}\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) { return }\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } =\n    typeof value === 'object' && value !== null && 'handler' in value\n      ? value\n      : { handler: value, options: {} }\n\n  if (!handler) return\n\n  const observer = new IntersectionObserver(\n    (\n      entries: IntersectionObserverEntry[] = [],\n      observer: IntersectionObserver\n    ) => {\n      const _observe = el._observe?.[vnode.ctx!.uid]\n      if (!_observe) return // Just in case, should never fire\n\n      const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n      // If is not quiet or has already been\n      // initted, invoke the user callback\n      if (\n        handler &&\n        typeof handler === 'function' &&\n        (!modifiers.quiet || _observe.init) &&\n        (!modifiers.once || isIntersecting || _observe.init)\n      ) {\n        handler(entries, observer, isIntersecting)\n      }\n\n      if (isIntersecting && modifiers.once) unmounted(el, binding, vnode)\n      else _observe.init = true\n    },\n    options\n  )\n\n  el._observe = Object(el._observe)\n  el._observe![vnode.ctx!.uid] = { init: false, observer }\n\n  observer.observe(el)\n}\n\nfunction updated (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  // Если значение изменилось, пересоздаем observer\n  if (binding.value !== binding.oldValue) {\n    unmounted(el, binding, vnode)\n    mounted(el, binding, vnode)\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  const observe = el._observe?.[vnode.ctx!.uid]\n  if (!observe) return\n\n  observe.observer.unobserve(el)\n  delete el._observe![vnode.ctx!.uid]\n}\n\nexport const Intersect: ObjectDirective<\n  HTMLElement,\n  | ObserveHandler\n  | { handler: ObserveHandler, options?: IntersectionObserverInit }\n> = {\n  mounted,\n  updated,\n  unmounted\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/intersect/index.ts"],"names":[],"mappings":";;;;;;;;;AAwBA,IAAM,cAAc,GAAG,IAAI,OAAJ,EAAvB;;AAEA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAI,OAAO,MAAP,KAAkB,WAAlB,IAAiC,EAAE,0BAA0B,MAA5B,CAArC,EAA0E;AAAE;AAAQ;;AAEpF,MAAM,SAAS,GAAG,OAAO,CAAC,SAAR,IAAqB,EAAvC;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;;AALY,aAOV,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,KAAK,IAAvC,IAA+C,aAAa,KAA5D,GACI,KADJ,GAEI;AAAE,IAAA,OAAO,EAAE,KAAX;AAAkB,IAAA,OAAO,EAAE;AAA3B,GATM;AAAA,MAMJ,OANI,QAMJ,OANI;AAAA,MAMK,OANL,QAMK,OANL;;AAWZ,MAAI,CAAC,OAAL,EAAc;AAEd,MAAM,QAAQ,GAAG,IAAI,oBAAJ,CACf,YAGI;AAAA,QAFF,OAEE,uEAFqC,EAErC;AAAA,QADF,QACE;AACF,QAAM,KAAK,GAAG,cAAc,CAAC,GAAf,CAAmB,EAAnB,CAAd;AACA,QAAI,CAAC,KAAL,EAAY,OAFV,CAEiB;;AAEnB,QAAM,cAAc,GAAG,OAAO,CAAC,IAAR,CAAa,UAAA,KAAK;AAAA,aAAI,KAAK,CAAC,cAAV;AAAA,KAAlB,CAAvB,CAJE,CAMF;AACA;;AACA,QACE,OAAO,IACP,OAAO,OAAP,KAAmB,UADnB,KAEC,CAAC,SAAS,CAAC,KAAX,IAAoB,KAAK,CAAC,IAF3B,MAGC,CAAC,SAAS,CAAC,IAAX,IAAmB,cAAnB,IAAqC,KAAK,CAAC,IAH5C,CADF,EAKE;AACA,MAAA,OAAO,CAAC,OAAD,EAAU,QAAV,EAAoB,cAApB,CAAP;AACD;;AAED,QAAI,cAAc,IAAI,SAAS,CAAC,IAAhC,EAAsC,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAT,CAAtC,KACK,KAAK,CAAC,IAAN,GAAa,IAAb;AACN,GAvBc,EAwBf,OAxBe,CAAjB;AA2BA,EAAA,cAAc,CAAC,GAAf,CAAmB,EAAnB,EAAuB;AAAE,IAAA,IAAI,EAAE,KAAR;AAAe,IAAA,QAAQ,EAAR;AAAf,GAAvB;AAEA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB;AACD;;AAED,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ;AACA,MAAI,OAAO,CAAC,KAAR,KAAkB,OAAO,CAAC,QAA9B,EAAwC;AACtC,IAAA,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAT;AACA,IAAA,OAAO,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAP;AACD;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,KAAK,GAAG,cAAc,CAAC,GAAf,CAAmB,EAAnB,CAAd;AACA,MAAI,CAAC,KAAL,EAAY;AAEZ,EAAA,KAAK,CAAC,QAAN,CAAe,SAAf,CAAyB,EAAzB;AACA,EAAA,cAAc,CAAC,MAAf,CAAsB,EAAtB;AACD;;AAEM,IAAM,SAAS,GAIlB;AACF,EAAA,OAAO,EAAP,OADE;AAEF,EAAA,OAAO,EAAP,OAFE;AAGF,EAAA,SAAS,EAAT;AAHE,CAJG;;eAUQ,S","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ntype ObserveHandler = (\n  entries: IntersectionObserverEntry[],\n  observer: IntersectionObserver,\n  isIntersecting: boolean\n) => void;\n\ninterface ObserveDirectiveBinding\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?:\n    | ObserveHandler\n    | { handler: ObserveHandler, options?: IntersectionObserverInit }\n  modifiers?: {\n    once?: boolean\n    quiet?: boolean\n  }\n}\n\ninterface IntersectState {\n  init: boolean\n  observer: IntersectionObserver\n}\n\nconst intersectState = new WeakMap<HTMLElement, IntersectState>()\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  if (typeof window === 'undefined' || !('IntersectionObserver' in window)) { return }\n\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { handler, options } =\n    typeof value === 'object' && value !== null && 'handler' in value\n      ? value\n      : { handler: value, options: {} }\n\n  if (!handler) return\n\n  const observer = new IntersectionObserver(\n    (\n      entries: IntersectionObserverEntry[] = [],\n      observer: IntersectionObserver\n    ) => {\n      const state = intersectState.get(el)\n      if (!state) return // Just in case, should never fire\n\n      const isIntersecting = entries.some(entry => entry.isIntersecting)\n\n      // If is not quiet or has already been\n      // initted, invoke the user callback\n      if (\n        handler &&\n        typeof handler === 'function' &&\n        (!modifiers.quiet || state.init) &&\n        (!modifiers.once || isIntersecting || state.init)\n      ) {\n        handler(entries, observer, isIntersecting)\n      }\n\n      if (isIntersecting && modifiers.once) unmounted(el, binding, vnode)\n      else state.init = true\n    },\n    options\n  )\n\n  intersectState.set(el, { init: false, observer })\n\n  observer.observe(el)\n}\n\nfunction updated (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  // Если значение изменилось, пересоздаем observer\n  if (binding.value !== binding.oldValue) {\n    unmounted(el, binding, vnode)\n    mounted(el, binding, vnode)\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ObserveDirectiveBinding,\n  vnode: VNode\n) {\n  const state = intersectState.get(el)\n  if (!state) return\n\n  state.observer.unobserve(el)\n  intersectState.delete(el)\n}\n\nexport const Intersect: ObjectDirective<\n  HTMLElement,\n  | ObserveHandler\n  | { handler: ObserveHandler, options?: IntersectionObserverInit }\n> = {\n  mounted,\n  updated,\n  unmounted\n}\n\nexport default Intersect\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/mutate/index.js

@@ -11,6 +11,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 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 mutateState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   var modifiers = binding.modifiers || {};
   var value = binding.value;
@@ -36,27 +38,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 = {

package/es5/directives/mutate/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,SAAS,GAAI,OAAO,CAAC,SAAR,IAAyC,EAA5D;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,QAAQ,GAAG,QAAO,KAAP,MAAiB,QAAjB,GAA4B,KAAK,CAAC,OAAlC,GAA4C,KAA7D;;AAJY,MAKJ,IALI,GAKsB,SALtB,CAKJ,IALI;AAAA,MAKK,YALL,4BAKsB,SALtB;;AAMZ,MAAM,YAAY,GAAG,MAAM,CAAC,IAAP,CAAY,YAAZ,EAA0B,MAA1B,GAAmC,CAAxD,CANY,CAQZ;;AACA,MAAM,OAAO,GACX,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAAnC,GACI,KAAK,CAAC,OADV,GAEI,YAAY,GACV;AACA;AACE,IAAA,UAAU,EAAE,YAAY,CAAC,IAF3B;AAGE,IAAA,SAAS,EAAE,YAAY,CAAC,KAH1B;AAIE,IAAA,OAAO,EAAE,YAAY,CAAC,GAJxB;AAKE,IAAA,aAAa,EAAE,YAAY,CAAC;AAL9B,GADU,GAQV;AACA;AACE,IAAA,UAAU,EAAE,IAFd;AAGE,IAAA,SAAS,EAAE,IAHb;AAIE,IAAA,OAAO,EAAE,IAJX;AAKE,IAAA,aAAa,EAAE;AALjB,GAXR;AAmBA,MAAM,QAAQ,GAAG,IAAI,gBAAJ,CACf,UAAC,aAAD,EAAkC,QAAlC,EAAgE;AAC9D;AACA,QAAI,CAAC,EAAE,CAAC,OAAR,EAAiB,OAF6C,CAEtC;;AAExB,IAAA,QAAQ,CAAC,aAAD,EAAgB,QAAhB,CAAR,CAJ8D,CAM9D;;AACA,IAAA,IAAI,IAAI,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAjB;AACD,GATc,CAAjB;AAYA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB,EAAqB,OAArB;AACA,EAAA,EAAE,CAAC,OAAH,GAAa,MAAM,CAAC,EAAE,CAAC,OAAJ,CAAnB;AACA,EAAA,EAAE,CAAC,OAAH,CAAY,KAAK,CAAC,GAAN,CAAW,GAAvB,IAA8B;AAAE,IAAA,QAAQ,EAAR;AAAF,GAA9B;AACD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,OAAH,MAAU,IAAV,IAAU,EAAA,KAAA,KAAA,CAAV,GAAU,KAAA,CAAV,GAAU,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAX,CAAJ,EAAmC;;AAEnC,EAAA,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,GAAN,CAAW,GAAtB,EAA4B,QAA5B,CAAqC,UAArC;;AACA,SAAO,EAAE,CAAC,OAAH,CAAW,KAAK,CAAC,GAAN,CAAW,GAAtB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAG;AACpB,EAAA,OAAO,EAAP,OADoB;AAEpB,EAAA,SAAS,EAAT;AAFoB,CAAf;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode } from 'vue'\n\ntype MutateHandler = (\n  mutationsList: MutationRecord[],\n  observer: MutationObserver\n) => void;\n\ntype MutateValue =\n  | MutateHandler\n  | { handler: MutateHandler, options?: MutationObserverInit };\n\ntype MutateModifiers = {\n  once?: boolean\n  attr?: boolean\n  child?: boolean\n  sub?: boolean\n  char?: boolean\n};\n\nfunction mounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<MutateValue>,\n  vnode: VNode\n) {\n  const modifiers = (binding.modifiers as MutateModifiers) || {}\n  const value = binding.value\n  const callback = typeof value === 'object' ? value.handler : value!\n  const { once, ...modifierKeys } = modifiers\n  const hasModifiers = Object.keys(modifierKeys).length > 0\n\n  // Options take top priority\n  const options =\n    typeof value === 'object' && value.options\n      ? value.options\n      : hasModifiers\n        ? {\n          // If we have modifiers, use only those provided\n            attributes: modifierKeys.attr,\n            childList: modifierKeys.child,\n            subtree: modifierKeys.sub,\n            characterData: modifierKeys.char\n          }\n        : {\n          // Defaults to everything on\n            attributes: true,\n            childList: true,\n            subtree: true,\n            characterData: true\n          }\n\n  const observer = new MutationObserver(\n    (mutationsList: MutationRecord[], observer: MutationObserver) => {\n      /* istanbul ignore if */\n      if (!el._mutate) return // Just in case, should never fire\n\n      callback(mutationsList, observer)\n\n      // If has the once modifier, unbind\n      once && unmounted(el, binding, vnode)\n    }\n  )\n\n  observer.observe(el, options)\n  el._mutate = Object(el._mutate)\n  el._mutate![vnode.ctx!.uid] = { observer }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<MutateValue>,\n  vnode: VNode\n) {\n  if (!el._mutate?.[vnode.ctx!.uid]) return\n\n  el._mutate[vnode.ctx!.uid]!.observer.disconnect()\n  delete el._mutate[vnode.ctx!.uid]\n}\n\nexport const Mutate = {\n  mounted,\n  unmounted\n}\n\nexport default Mutate\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAuBA,IAAM,WAAW,GAAG,IAAI,OAAJ,EAApB;;AAEA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,SAAS,GAAI,OAAO,CAAC,SAAR,IAAyC,EAA5D;AACA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,QAAQ,GAAG,QAAO,KAAP,MAAiB,QAAjB,GAA4B,KAAK,CAAC,OAAlC,GAA4C,KAA7D;;AAJY,MAKJ,IALI,GAKsB,SALtB,CAKJ,IALI;AAAA,MAKK,YALL,4BAKsB,SALtB;;AAMZ,MAAM,YAAY,GAAG,MAAM,CAAC,IAAP,CAAY,YAAZ,EAA0B,MAA1B,GAAmC,CAAxD,CANY,CAQZ;;AACA,MAAM,OAAO,GACX,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAAnC,GACI,KAAK,CAAC,OADV,GAEI,YAAY,GACV;AACA;AACE,IAAA,UAAU,EAAE,YAAY,CAAC,IAF3B;AAGE,IAAA,SAAS,EAAE,YAAY,CAAC,KAH1B;AAIE,IAAA,OAAO,EAAE,YAAY,CAAC,GAJxB;AAKE,IAAA,aAAa,EAAE,YAAY,CAAC;AAL9B,GADU,GAQV;AACA;AACE,IAAA,UAAU,EAAE,IAFd;AAGE,IAAA,SAAS,EAAE,IAHb;AAIE,IAAA,OAAO,EAAE,IAJX;AAKE,IAAA,aAAa,EAAE;AALjB,GAXR;AAmBA,MAAM,QAAQ,GAAG,IAAI,gBAAJ,CACf,UAAC,aAAD,EAAkC,QAAlC,EAAgE;AAC9D;AACA,QAAI,CAAC,WAAW,CAAC,GAAZ,CAAgB,EAAhB,CAAL,EAA0B,OAFoC,CAE7B;;AAEjC,IAAA,QAAQ,CAAC,aAAD,EAAgB,QAAhB,CAAR,CAJ8D,CAM9D;;AACA,IAAA,IAAI,IAAI,SAAS,CAAC,EAAD,EAAK,OAAL,EAAc,KAAd,CAAjB;AACD,GATc,CAAjB;AAYA,EAAA,QAAQ,CAAC,OAAT,CAAiB,EAAjB,EAAqB,OAArB;AACA,EAAA,WAAW,CAAC,GAAZ,CAAgB,EAAhB,EAAoB;AAAE,IAAA,QAAQ,EAAR;AAAF,GAApB;AACD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,KAAK,GAAG,WAAW,CAAC,GAAZ,CAAgB,EAAhB,CAAd;AACA,MAAI,CAAC,KAAL,EAAY;AAEZ,EAAA,KAAK,CAAC,QAAN,CAAe,UAAf;AACA,EAAA,WAAW,CAAC,MAAZ,CAAmB,EAAnB;AACD;;AAEM,IAAM,MAAM,GAAG;AACpB,EAAA,OAAO,EAAP,OADoB;AAEpB,EAAA,SAAS,EAAT;AAFoB,CAAf;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode } from 'vue'\n\ntype MutateHandler = (\n  mutationsList: MutationRecord[],\n  observer: MutationObserver\n) => void;\n\ntype MutateValue =\n  | MutateHandler\n  | { handler: MutateHandler, options?: MutationObserverInit };\n\ntype MutateModifiers = {\n  once?: boolean\n  attr?: boolean\n  child?: boolean\n  sub?: boolean\n  char?: boolean\n};\n\ninterface MutateState {\n  observer: MutationObserver\n}\n\nconst mutateState = new WeakMap<HTMLElement, MutateState>()\n\nfunction mounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<MutateValue>,\n  vnode: VNode\n) {\n  const modifiers = (binding.modifiers as MutateModifiers) || {}\n  const value = binding.value\n  const callback = typeof value === 'object' ? value.handler : value!\n  const { once, ...modifierKeys } = modifiers\n  const hasModifiers = Object.keys(modifierKeys).length > 0\n\n  // Options take top priority\n  const options =\n    typeof value === 'object' && value.options\n      ? value.options\n      : hasModifiers\n        ? {\n          // If we have modifiers, use only those provided\n            attributes: modifierKeys.attr,\n            childList: modifierKeys.child,\n            subtree: modifierKeys.sub,\n            characterData: modifierKeys.char\n          }\n        : {\n          // Defaults to everything on\n            attributes: true,\n            childList: true,\n            subtree: true,\n            characterData: true\n          }\n\n  const observer = new MutationObserver(\n    (mutationsList: MutationRecord[], observer: MutationObserver) => {\n      /* istanbul ignore if */\n      if (!mutateState.has(el)) return // Just in case, should never fire\n\n      callback(mutationsList, observer)\n\n      // If has the once modifier, unbind\n      once && unmounted(el, binding, vnode)\n    }\n  )\n\n  observer.observe(el, options)\n  mutateState.set(el, { observer })\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<MutateValue>,\n  vnode: VNode\n) {\n  const state = mutateState.get(el)\n  if (!state) return\n\n  state.observer.disconnect()\n  mutateState.delete(el)\n}\n\nexport const Mutate = {\n  mounted,\n  unmounted\n}\n\nexport default Mutate\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/resize/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Resize = void 0;
+var resizeState = new WeakMap();
 
 function mounted(el, binding, vnode) {
   var callback = binding.value;
@@ -11,11 +12,10 @@ function mounted(el, binding, vnode) {
     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();
@@ -23,14 +23,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 _el$_onResize$vnode$c = el._onResize[vnode.ctx.uid],
-      callback = _el$_onResize$vnode$c.callback,
-      options = _el$_onResize$vnode$c.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 = {

package/es5/directives/resize/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;;AAmBA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAzB;AACA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAR,IAAmB;AAAE,IAAA,OAAO,EAAE;AAAX,GAAnC;AAEA,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,QAAlC,EAA4C,OAA5C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,GAAN,CAAW,GAAzB,IAAgC;AAC9B,IAAA,QAAQ,EAAR,QAD8B;AAE9B,IAAA,OAAO,EAAP;AAF8B,GAAhC;;AAKA,MAAI,CAAC,OAAO,CAAC,SAAT,IAAsB,CAAC,OAAO,CAAC,SAAR,CAAkB,KAA7C,EAAoD;AAClD,IAAA,QAAQ;AACT;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAH,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAb,CAAJ,EAAqC;AAFzB,8BAIkB,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAJlB;AAAA,MAIJ,QAJI,yBAIJ,QAJI;AAAA,MAIM,OAJN,yBAIM,OAJN;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,QAArC,EAA+C,OAA/C;AAEA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ninterface ResizeDirectiveBinding extends DirectiveBinding {\n  value: () => void\n  options?: boolean | AddEventListenerOptions\n}\n\ndeclare global {\n  interface HTMLElement {\n    _onResize?: Record<\n      number,\n      {\n        callback: () => void\n        options: boolean | AddEventListenerOptions\n      }\n    >\n  }\n}\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ResizeDirectiveBinding,\n  vnode: VNode\n) {\n  const callback = binding.value\n  const options = binding.options || { passive: true }\n\n  window.addEventListener('resize', callback, options)\n\n  el._onResize = Object(el._onResize)\n  el._onResize![vnode.ctx!.uid] = {\n    callback,\n    options\n  }\n\n  if (!binding.modifiers || !binding.modifiers.quiet) {\n    callback()\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ResizeDirectiveBinding,\n  vnode: VNode\n) {\n  if (!el._onResize?.[vnode.ctx!.uid]) return\n\n  const { callback, options } = el._onResize[vnode.ctx!.uid]!\n\n  window.removeEventListener('resize', callback, options)\n\n  delete el._onResize[vnode.ctx!.uid]\n}\n\nexport const Resize: ObjectDirective = {\n  mounted,\n  unmounted\n}\n\nexport default Resize\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":[],"mappings":";;;;;;AAYA,IAAM,WAAW,GAAG,IAAI,OAAJ,EAApB;;AAEA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAzB;AACA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAR,IAAmB;AAAE,IAAA,OAAO,EAAE;AAAX,GAAnC;AAEA,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,QAAlC,EAA4C,OAA5C;AAEA,EAAA,WAAW,CAAC,GAAZ,CAAgB,EAAhB,EAAoB;AAClB,IAAA,QAAQ,EAAR,QADkB;AAElB,IAAA,OAAO,EAAP;AAFkB,GAApB;;AAKA,MAAI,CAAC,OAAO,CAAC,SAAT,IAAsB,CAAC,OAAO,CAAC,SAAR,CAAkB,KAA7C,EAAoD;AAClD,IAAA,QAAQ;AACT;AACF;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,KAAK,GAAG,WAAW,CAAC,GAAZ,CAAgB,EAAhB,CAAd;AACA,MAAI,CAAC,KAAL,EAAY;AAHA,MAIJ,QAJI,GAIkB,KAJlB,CAIJ,QAJI;AAAA,MAIM,OAJN,GAIkB,KAJlB,CAIM,OAJN;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,QAArC,EAA+C,OAA/C;AACA,EAAA,WAAW,CAAC,MAAZ,CAAmB,EAAnB;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, ObjectDirective, VNode } from 'vue'\n\ninterface ResizeDirectiveBinding extends DirectiveBinding {\n  value: () => void\n  options?: boolean | AddEventListenerOptions\n}\n\ninterface ResizeState {\n  callback: () => void\n  options: boolean | AddEventListenerOptions\n}\n\nconst resizeState = new WeakMap<HTMLElement, ResizeState>()\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ResizeDirectiveBinding,\n  vnode: VNode\n) {\n  const callback = binding.value\n  const options = binding.options || { passive: true }\n\n  window.addEventListener('resize', callback, options)\n\n  resizeState.set(el, {\n    callback,\n    options\n  })\n\n  if (!binding.modifiers || !binding.modifiers.quiet) {\n    callback()\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ResizeDirectiveBinding,\n  vnode: VNode\n) {\n  const state = resizeState.get(el)\n  if (!state) return\n  const { callback, options } = state\n\n  window.removeEventListener('resize', callback, options)\n  resizeState.delete(el)\n}\n\nexport const Resize: ObjectDirective = {\n  mounted,\n  unmounted\n}\n\nexport default Resize\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/scroll/index.js

@@ -7,6 +7,8 @@ exports.default = exports.Scroll = void 0;
 
 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 _ref = binding.modifiers || {},
       _ref$self = _ref.self,
@@ -20,26 +22,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 _el$_onScroll$vnode$c = el._onScroll[vnode.ctx.uid],
-      handler = _el$_onScroll$vnode$c.handler,
-      options = _el$_onScroll$vnode$c.options,
-      _el$_onScroll$vnode$c2 = _el$_onScroll$vnode$c.target,
-      target = _el$_onScroll$vnode$c2 === void 0 ? el : _el$_onScroll$vnode$c2;
+  var state = scrollState.get(el);
+  if (!state) return;
+  var handler = state.handler,
+      options = state.options,
+      _state$target = state.target,
+      target = _state$target === void 0 ? el : _state$target;
   target.removeEventListener('scroll', handler, options);
-  delete el._onScroll[vnode.ctx.uid];
+  scrollState.delete(el);
 }
 
 var Scroll = {

package/es5/directives/scroll/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":[],"mappings":";;;;;;;;;AAeA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAAA,aAEa,OAAO,CAAC,SAAR,IAAqB,EAFlC;AAAA,uBAEJ,IAFI;AAAA,MAEJ,IAFI,0BAEG,KAFH;;AAGZ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,OAAO,GAAI,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAApC,IAAgD;AAC9D,IAAA,OAAO,EAAE;AADqD,GAAhE;AAGA,MAAM,OAAO,GACX,OAAO,KAAP,KAAiB,UAAjB,IAA+B,iBAAiB,KAAhD,GACI,KADJ,GAEI,KAAK,CAAC,OAHZ;AAKA,MAAM,MAAM,GAAG,IAAI,GACf,EADe,GAEf,OAAO,CAAC,GAAR,GACE,QAAQ,CAAC,aAAT,CAAuB,OAAO,CAAC,GAA/B,CADF,GAEE,MAJN;AAMA,MAAI,CAAC,MAAL,EAAa;AAEb,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,OAAlC,EAA2C,OAA3C;AAEA,EAAA,EAAE,CAAC,SAAH,GAAe,MAAM,CAAC,EAAE,CAAC,SAAJ,CAArB;AACA,EAAA,EAAE,CAAC,SAAH,CAAc,KAAK,CAAC,GAAN,CAAW,GAAzB,IAAgC;AAC9B,IAAA,OAAO,EAAP,OAD8B;AAE9B,IAAA,OAAO,EAAP,OAF8B;AAG9B;AACA,IAAA,MAAM,EAAE,IAAI,GAAG,SAAH,GAAe;AAJG,GAAhC;AAMD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;;;AAEZ,MAAI,EAAC,CAAA,EAAA,GAAA,EAAE,CAAC,SAAH,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAG,KAAK,CAAC,GAAN,CAAW,GAAd,CAAb,CAAJ,EAAqC;AAFzB,8BAI8B,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAJ9B;AAAA,MAIJ,OAJI,yBAIJ,OAJI;AAAA,MAIK,OAJL,yBAIK,OAJL;AAAA,qDAIc,MAJd;AAAA,MAIc,MAJd,uCAIuB,EAJvB;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,OAArC,EAA8C,OAA9C;AACA,SAAO,EAAE,CAAC,SAAH,CAAa,KAAK,CAAC,GAAN,CAAW,GAAxB,CAAP;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode, ObjectDirective } from 'vue'\n\ninterface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n  value:\n    | EventListener\n    | {\n        handler: EventListener\n        options?: boolean | AddEventListenerOptions\n      }\n    | (EventListenerObject & { options?: boolean | AddEventListenerOptions })\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ScrollDirectiveBinding,\n  vnode: VNode\n) {\n  const { self = false } = binding.modifiers || {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || {\n    passive: true\n  }\n  const handler =\n    typeof value === 'function' || 'handleEvent' in value\n      ? value\n      : value.handler\n\n  const target = self\n    ? el\n    : binding.arg\n      ? document.querySelector(binding.arg)\n      : window\n\n  if (!target) return\n\n  target.addEventListener('scroll', handler, options)\n\n  el._onScroll = Object(el._onScroll)\n  el._onScroll![vnode.ctx!.uid] = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target\n  }\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ScrollDirectiveBinding,\n  vnode: VNode\n) {\n  if (!el._onScroll?.[vnode.ctx!.uid]) return\n\n  const { handler, options, target = el } = el._onScroll[vnode.ctx!.uid]!\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll[vnode.ctx!.uid]\n}\n\nexport const Scroll: ObjectDirective = {\n  mounted,\n  unmounted\n}\n\nexport default Scroll\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":[],"mappings":";;;;;;;;;AAqBA,IAAM,WAAW,GAAG,IAAI,OAAJ,EAApB;;AAEA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAAA,aAEa,OAAO,CAAC,SAAR,IAAqB,EAFlC;AAAA,uBAEJ,IAFI;AAAA,MAEJ,IAFI,0BAEG,KAFH;;AAGZ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,OAAO,GAAI,QAAO,KAAP,MAAiB,QAAjB,IAA6B,KAAK,CAAC,OAApC,IAAgD;AAC9D,IAAA,OAAO,EAAE;AADqD,GAAhE;AAGA,MAAM,OAAO,GACX,OAAO,KAAP,KAAiB,UAAjB,IAA+B,iBAAiB,KAAhD,GACI,KADJ,GAEI,KAAK,CAAC,OAHZ;AAKA,MAAM,MAAM,GAAG,IAAI,GACf,EADe,GAEf,OAAO,CAAC,GAAR,GACE,QAAQ,CAAC,aAAT,CAAuB,OAAO,CAAC,GAA/B,CADF,GAEE,MAJN;AAMA,MAAI,CAAC,MAAL,EAAa;AAEb,EAAA,MAAM,CAAC,gBAAP,CAAwB,QAAxB,EAAkC,OAAlC,EAA2C,OAA3C;AAEA,EAAA,WAAW,CAAC,GAAZ,CAAgB,EAAhB,EAAoB;AAClB,IAAA,OAAO,EAAP,OADkB;AAElB,IAAA,OAAO,EAAP,OAFkB;AAGlB;AACA,IAAA,MAAM,EAAE,IAAI,GAAG,SAAH,GAAe;AAJT,GAApB;AAMD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,KAAK,GAAG,WAAW,CAAC,GAAZ,CAAgB,EAAhB,CAAd;AACA,MAAI,CAAC,KAAL,EAAY;AAHA,MAIJ,OAJI,GAI8B,KAJ9B,CAIJ,OAJI;AAAA,MAIK,OAJL,GAI8B,KAJ9B,CAIK,OAJL;AAAA,sBAI8B,KAJ9B,CAIc,MAJd;AAAA,MAIc,MAJd,8BAIuB,EAJvB;AAMZ,EAAA,MAAM,CAAC,mBAAP,CAA2B,QAA3B,EAAqC,OAArC,EAA8C,OAA9C;AACA,EAAA,WAAW,CAAC,MAAZ,CAAmB,EAAnB;AACD;;AAEM,IAAM,MAAM,GAAoB;AACrC,EAAA,OAAO,EAAP,OADqC;AAErC,EAAA,SAAS,EAAT;AAFqC,CAAhC;;eAKQ,M","sourcesContent":["import { DirectiveBinding, VNode, ObjectDirective } from 'vue'\n\ninterface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n  value:\n    | EventListener\n    | {\n        handler: EventListener\n        options?: boolean | AddEventListenerOptions\n      }\n    | (EventListenerObject & { options?: boolean | AddEventListenerOptions })\n  modifiers?: {\n    self?: boolean\n  }\n}\n\ninterface ScrollState {\n  handler: EventListener | EventListenerObject\n  options: boolean | AddEventListenerOptions\n  target?: EventTarget\n}\n\nconst scrollState = new WeakMap<HTMLElement, ScrollState>()\n\nfunction mounted (\n  el: HTMLElement,\n  binding: ScrollDirectiveBinding,\n  vnode: VNode\n) {\n  const { self = false } = binding.modifiers || {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || {\n    passive: true\n  }\n  const handler =\n    typeof value === 'function' || 'handleEvent' in value\n      ? value\n      : value.handler\n\n  const target = self\n    ? el\n    : binding.arg\n      ? document.querySelector(binding.arg)\n      : window\n\n  if (!target) return\n\n  target.addEventListener('scroll', handler, options)\n\n  scrollState.set(el, {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target\n  })\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: ScrollDirectiveBinding,\n  vnode: VNode\n) {\n  const state = scrollState.get(el)\n  if (!state) return\n  const { handler, options, target = el } = state\n\n  target.removeEventListener('scroll', handler, options)\n  scrollState.delete(el)\n}\n\nexport const Scroll: ObjectDirective = {\n  mounted,\n  unmounted\n}\n\nexport default Scroll\n"],"sourceRoot":"","file":"index.js"}

package/es5/directives/touch/index.js

@@ -85,6 +85,8 @@ function createHandlers(value) {
   };
 }
 
+var touchState = new WeakMap();
+
 function mounted(el, binding, vnode) {
   var value = binding.value;
   var target = value.parent ? el.parentElement : el;
@@ -94,8 +96,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);
   (0, _helpers.keys)(handlers).forEach(function (eventName) {
     target.addEventListener(eventName, handlers[eventName], options);
   });
@@ -103,14 +104,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) {
     (0, _helpers.keys)(handlers).forEach(function (eventName) {
       target.removeEventListener(eventName, handlers[eventName]);
     });
-    delete target._touchHandlers[vnode.ctx.uid];
+    touchState.delete(target);
   }
 }
 

package/es5/directives/touch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/touch/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DirectiveBinding, VNode, ObjectDirective } from 'vue'\nimport { keys } from '../../util/helpers'\nimport { TouchHandlers, TouchValue, TouchWrapper } from 'vuetify/types'\nimport makeDirectiveActivatable from '../../util/make-directive-activatable'\n\nexport interface TouchStoredHandlers {\n  touchstart: (e: TouchEvent) => void\n  touchend: (e: TouchEvent) => void\n  touchmove: (e: TouchEvent) => void\n}\n\nconst handleGesture = (wrapper: TouchWrapper) => {\n  const { touchstartX, touchendX, touchstartY, touchendY } = wrapper\n  const dirRatio = 0.5\n  const minDistance = 16\n  wrapper.offsetX = touchendX - touchstartX\n  wrapper.offsetY = touchendY - touchstartY\n\n  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n    wrapper.left &&\n      touchendX < touchstartX - minDistance &&\n      wrapper.left(wrapper)\n    wrapper.right &&\n      touchendX > touchstartX + minDistance &&\n      wrapper.right(wrapper)\n  }\n\n  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper)\n    wrapper.down &&\n      touchendY > touchstartY + minDistance &&\n      wrapper.down(wrapper)\n  }\n}\n\nfunction touchstart (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchstartX = touch.clientX\n  wrapper.touchstartY = touch.clientY\n\n  wrapper.start && wrapper.start(Object.assign(event, wrapper))\n}\n\nfunction touchend (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchendX = touch.clientX\n  wrapper.touchendY = touch.clientY\n\n  wrapper.end && wrapper.end(Object.assign(event, wrapper))\n\n  handleGesture(wrapper)\n}\n\nfunction touchmove (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchmoveX = touch.clientX\n  wrapper.touchmoveY = touch.clientY\n\n  wrapper.move && wrapper.move(Object.assign(event, wrapper))\n}\n\nfunction createHandlers (value: TouchHandlers): TouchStoredHandlers {\n  const wrapper = {\n    touchstartX: 0,\n    touchstartY: 0,\n    touchendX: 0,\n    touchendY: 0,\n    touchmoveX: 0,\n    touchmoveY: 0,\n    offsetX: 0,\n    offsetY: 0,\n    left: value.left,\n    right: value.right,\n    up: value.up,\n    down: value.down,\n    start: value.start,\n    move: value.move,\n    end: value.end\n  }\n\n  return {\n    touchstart: (e: TouchEvent) => touchstart(e, wrapper),\n    touchend: (e: TouchEvent) => touchend(e, wrapper),\n    touchmove: (e: TouchEvent) => touchmove(e, wrapper)\n  }\n}\n\nfunction mounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<TouchValue>,\n  vnode: VNode\n) {\n  const value = binding.value\n  const target = value.parent ? el.parentElement : el\n  const options = value.options || { passive: true }\n\n  // Needed to pass unit tests\n  if (!target) return\n\n  const handlers = createHandlers(binding.value)\n  target._touchHandlers = Object(target._touchHandlers)\n  target._touchHandlers![vnode.ctx!.uid] = handlers\n\n  keys(handlers).forEach(eventName => {\n    target.addEventListener(\n      eventName,\n      handlers[eventName] as EventListener,\n      options\n    )\n  })\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<TouchValue>,\n  vnode: VNode\n) {\n  const target = binding.value.parent ? el.parentElement : el\n  if (!target || !target._touchHandlers) return\n\n  const handlers = target._touchHandlers[vnode.ctx!.uid]\n  if (handlers) {\n    keys(handlers).forEach(eventName => {\n      target.removeEventListener(eventName, handlers[eventName])\n    })\n    delete target._touchHandlers[vnode.ctx!.uid]\n  }\n}\n\nexport const Touch: ObjectDirective<HTMLElement, TouchValue> = {\n  mounted,\n  unmounted\n}\n\nexport default makeDirectiveActivatable(Touch)\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/directives/touch/index.ts"],"names":[],"mappings":";;;;;;;AACA;;AAEA;;;;AAQA,IAAM,aAAa,GAAG,SAAhB,aAAgB,CAAC,OAAD,EAA0B;AAAA,MACtC,WADsC,GACa,OADb,CACtC,WADsC;AAAA,MACzB,SADyB,GACa,OADb,CACzB,SADyB;AAAA,MACd,WADc,GACa,OADb,CACd,WADc;AAAA,MACD,SADC,GACa,OADb,CACD,SADC;AAE9C,MAAM,QAAQ,GAAG,GAAjB;AACA,MAAM,WAAW,GAAG,EAApB;AACA,EAAA,OAAO,CAAC,OAAR,GAAkB,SAAS,GAAG,WAA9B;AACA,EAAA,OAAO,CAAC,OAAR,GAAkB,SAAS,GAAG,WAA9B;;AAEA,MAAI,IAAI,CAAC,GAAL,CAAS,OAAO,CAAC,OAAjB,IAA4B,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,OAAO,CAAC,OAAjB,CAA3C,EAAsE;AACpE,IAAA,OAAO,CAAC,IAAR,IACE,SAAS,GAAG,WAAW,GAAG,WAD5B,IAEE,OAAO,CAAC,IAAR,CAAa,OAAb,CAFF;AAGA,IAAA,OAAO,CAAC,KAAR,IACE,SAAS,GAAG,WAAW,GAAG,WAD5B,IAEE,OAAO,CAAC,KAAR,CAAc,OAAd,CAFF;AAGD;;AAED,MAAI,IAAI,CAAC,GAAL,CAAS,OAAO,CAAC,OAAjB,IAA4B,QAAQ,GAAG,IAAI,CAAC,GAAL,CAAS,OAAO,CAAC,OAAjB,CAA3C,EAAsE;AACpE,IAAA,OAAO,CAAC,EAAR,IAAc,SAAS,GAAG,WAAW,GAAG,WAAxC,IAAuD,OAAO,CAAC,EAAR,CAAW,OAAX,CAAvD;AACA,IAAA,OAAO,CAAC,IAAR,IACE,SAAS,GAAG,WAAW,GAAG,WAD5B,IAEE,OAAO,CAAC,IAAR,CAAa,OAAb,CAFF;AAGD;AACF,CAtBD;;AAwBA,SAAS,WAAT,CAAqB,KAArB,EAAwC,OAAxC,EAA6D;AAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,cAAN,CAAqB,CAArB,CAAd;AACA,EAAA,OAAO,CAAC,WAAR,GAAsB,KAAK,CAAC,OAA5B;AACA,EAAA,OAAO,CAAC,WAAR,GAAsB,KAAK,CAAC,OAA5B;AAEA,EAAA,OAAO,CAAC,KAAR,IAAiB,OAAO,CAAC,KAAR,CAAc,MAAM,CAAC,MAAP,CAAc,KAAd,EAAqB,OAArB,CAAd,CAAjB;AACD;;AAED,SAAS,SAAT,CAAmB,KAAnB,EAAsC,OAAtC,EAA2D;AACzD,MAAM,KAAK,GAAG,KAAK,CAAC,cAAN,CAAqB,CAArB,CAAd;AACA,EAAA,OAAO,CAAC,SAAR,GAAoB,KAAK,CAAC,OAA1B;AACA,EAAA,OAAO,CAAC,SAAR,GAAoB,KAAK,CAAC,OAA1B;AAEA,EAAA,OAAO,CAAC,GAAR,IAAe,OAAO,CAAC,GAAR,CAAY,MAAM,CAAC,MAAP,CAAc,KAAd,EAAqB,OAArB,CAAZ,CAAf;AAEA,EAAA,aAAa,CAAC,OAAD,CAAb;AACD;;AAED,SAAS,UAAT,CAAoB,KAApB,EAAuC,OAAvC,EAA4D;AAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,cAAN,CAAqB,CAArB,CAAd;AACA,EAAA,OAAO,CAAC,UAAR,GAAqB,KAAK,CAAC,OAA3B;AACA,EAAA,OAAO,CAAC,UAAR,GAAqB,KAAK,CAAC,OAA3B;AAEA,EAAA,OAAO,CAAC,IAAR,IAAgB,OAAO,CAAC,IAAR,CAAa,MAAM,CAAC,MAAP,CAAc,KAAd,EAAqB,OAArB,CAAb,CAAhB;AACD;;AAED,SAAS,cAAT,CAAyB,KAAzB,EAA6C;AAC3C,MAAM,OAAO,GAAG;AACd,IAAA,WAAW,EAAE,CADC;AAEd,IAAA,WAAW,EAAE,CAFC;AAGd,IAAA,SAAS,EAAE,CAHG;AAId,IAAA,SAAS,EAAE,CAJG;AAKd,IAAA,UAAU,EAAE,CALE;AAMd,IAAA,UAAU,EAAE,CANE;AAOd,IAAA,OAAO,EAAE,CAPK;AAQd,IAAA,OAAO,EAAE,CARK;AASd,IAAA,IAAI,EAAE,KAAK,CAAC,IATE;AAUd,IAAA,KAAK,EAAE,KAAK,CAAC,KAVC;AAWd,IAAA,EAAE,EAAE,KAAK,CAAC,EAXI;AAYd,IAAA,IAAI,EAAE,KAAK,CAAC,IAZE;AAad,IAAA,KAAK,EAAE,KAAK,CAAC,KAbC;AAcd,IAAA,IAAI,EAAE,KAAK,CAAC,IAdE;AAed,IAAA,GAAG,EAAE,KAAK,CAAC;AAfG,GAAhB;AAkBA,SAAO;AACL,IAAA,UAAU,EAAE,oBAAC,CAAD;AAAA,aAAmB,WAAU,CAAC,CAAD,EAAI,OAAJ,CAA7B;AAAA,KADP;AAEL,IAAA,QAAQ,EAAE,kBAAC,CAAD;AAAA,aAAmB,SAAQ,CAAC,CAAD,EAAI,OAAJ,CAA3B;AAAA,KAFL;AAGL,IAAA,SAAS,EAAE,mBAAC,CAAD;AAAA,aAAmB,UAAS,CAAC,CAAD,EAAI,OAAJ,CAA5B;AAAA;AAHN,GAAP;AAKD;;AAED,IAAM,UAAU,GAAG,IAAI,OAAJ,EAAnB;;AAEA,SAAS,OAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAtB;AACA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAN,GAAe,EAAE,CAAC,aAAlB,GAAkC,EAAjD;AACA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,IAAiB;AAAE,IAAA,OAAO,EAAE;AAAX,GAAjC,CAJY,CAMZ;;AACA,MAAI,CAAC,MAAL,EAAa;AAEb,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,KAAT,CAA/B;AACA,EAAA,UAAU,CAAC,GAAX,CAAe,MAAf,EAAuB,QAAvB;AAEA,qBAAK,QAAL,EAAe,OAAf,CAAuB,UAAA,SAAS,EAAG;AACjC,IAAA,MAAM,CAAC,gBAAP,CACE,SADF,EAEE,QAAQ,CAAC,SAAD,CAFV,EAGE,OAHF;AAKD,GAND;AAOD;;AAED,SAAS,SAAT,CACE,EADF,EAEE,OAFF,EAGE,KAHF,EAGc;AAEZ,MAAM,MAAM,GAAG,OAAO,CAAC,KAAR,CAAc,MAAd,GAAuB,EAAE,CAAC,aAA1B,GAA0C,EAAzD;AACA,MAAI,CAAC,MAAL,EAAa;AAEb,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAX,CAAe,MAAf,CAAjB;;AACA,MAAI,QAAJ,EAAc;AACZ,uBAAK,QAAL,EAAe,OAAf,CAAuB,UAAA,SAAS,EAAG;AACjC,MAAA,MAAM,CAAC,mBAAP,CAA2B,SAA3B,EAAsC,QAAQ,CAAC,SAAD,CAA9C;AACD,KAFD;AAGA,IAAA,UAAU,CAAC,MAAX,CAAkB,MAAlB;AACD;AACF;;AAEM,IAAM,KAAK,GAA6C;AAC7D,EAAA,OAAO,EAAP,OAD6D;AAE7D,EAAA,SAAS,EAAT;AAF6D,CAAxD;;;eAKQ,uCAAyB,KAAzB,C","sourcesContent":["import { DirectiveBinding, VNode, ObjectDirective } from 'vue'\nimport { keys } from '../../util/helpers'\nimport { TouchHandlers, TouchValue, TouchWrapper } from 'vuetify/types'\nimport makeDirectiveActivatable from '../../util/make-directive-activatable'\n\nexport interface TouchStoredHandlers {\n  touchstart: (e: TouchEvent) => void\n  touchend: (e: TouchEvent) => void\n  touchmove: (e: TouchEvent) => void\n}\n\nconst handleGesture = (wrapper: TouchWrapper) => {\n  const { touchstartX, touchendX, touchstartY, touchendY } = wrapper\n  const dirRatio = 0.5\n  const minDistance = 16\n  wrapper.offsetX = touchendX - touchstartX\n  wrapper.offsetY = touchendY - touchstartY\n\n  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n    wrapper.left &&\n      touchendX < touchstartX - minDistance &&\n      wrapper.left(wrapper)\n    wrapper.right &&\n      touchendX > touchstartX + minDistance &&\n      wrapper.right(wrapper)\n  }\n\n  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper)\n    wrapper.down &&\n      touchendY > touchstartY + minDistance &&\n      wrapper.down(wrapper)\n  }\n}\n\nfunction touchstart (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchstartX = touch.clientX\n  wrapper.touchstartY = touch.clientY\n\n  wrapper.start && wrapper.start(Object.assign(event, wrapper))\n}\n\nfunction touchend (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchendX = touch.clientX\n  wrapper.touchendY = touch.clientY\n\n  wrapper.end && wrapper.end(Object.assign(event, wrapper))\n\n  handleGesture(wrapper)\n}\n\nfunction touchmove (event: TouchEvent, wrapper: TouchWrapper) {\n  const touch = event.changedTouches[0]\n  wrapper.touchmoveX = touch.clientX\n  wrapper.touchmoveY = touch.clientY\n\n  wrapper.move && wrapper.move(Object.assign(event, wrapper))\n}\n\nfunction createHandlers (value: TouchHandlers): TouchStoredHandlers {\n  const wrapper = {\n    touchstartX: 0,\n    touchstartY: 0,\n    touchendX: 0,\n    touchendY: 0,\n    touchmoveX: 0,\n    touchmoveY: 0,\n    offsetX: 0,\n    offsetY: 0,\n    left: value.left,\n    right: value.right,\n    up: value.up,\n    down: value.down,\n    start: value.start,\n    move: value.move,\n    end: value.end\n  }\n\n  return {\n    touchstart: (e: TouchEvent) => touchstart(e, wrapper),\n    touchend: (e: TouchEvent) => touchend(e, wrapper),\n    touchmove: (e: TouchEvent) => touchmove(e, wrapper)\n  }\n}\n\nconst touchState = new WeakMap<EventTarget, TouchStoredHandlers>()\n\nfunction mounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<TouchValue>,\n  vnode: VNode\n) {\n  const value = binding.value\n  const target = value.parent ? el.parentElement : el\n  const options = value.options || { passive: true }\n\n  // Needed to pass unit tests\n  if (!target) return\n\n  const handlers = createHandlers(binding.value)\n  touchState.set(target, handlers)\n\n  keys(handlers).forEach(eventName => {\n    target.addEventListener(\n      eventName,\n      handlers[eventName] as EventListener,\n      options\n    )\n  })\n}\n\nfunction unmounted (\n  el: HTMLElement,\n  binding: DirectiveBinding<TouchValue>,\n  vnode: VNode\n) {\n  const target = binding.value.parent ? el.parentElement : el\n  if (!target) return\n\n  const handlers = touchState.get(target)\n  if (handlers) {\n    keys(handlers).forEach(eventName => {\n      target.removeEventListener(eventName, handlers[eventName])\n    })\n    touchState.delete(target)\n  }\n}\n\nexport const Touch: ObjectDirective<HTMLElement, TouchValue> = {\n  mounted,\n  unmounted\n}\n\nexport default makeDirectiveActivatable(Touch)\n"],"sourceRoot":"","file":"index.js"}

package/es5/framework.js

@@ -79,7 +79,7 @@ var Vuetify = /*#__PURE__*/function () {
 exports.default = Vuetify;
 Vuetify.install = _install.install;
 Vuetify.installed = false;
-Vuetify.version = "2.7.2-alpha56";
+Vuetify.version = "2.7.2-alpha57";
 Vuetify.config = {
   silent: false
 };

package/es5/services/theme/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/services/theme/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { keys } from '../../util/helpers'\nimport { colorToInt, intToHex, colorToHex, ColorInt } from '../../util/colorUtils'\nimport * as sRGB from '../../util/color/transformSRGB'\nimport * as LAB from '../../util/color/transformCIELAB'\nimport {\n  VuetifyParsedTheme,\n  VuetifyThemeItem\n} from 'vuetify/types/services/theme'\n\nexport function parse (\n  theme: Record<string, VuetifyThemeItem>,\n  isItem = false,\n  variations = true\n): VuetifyParsedTheme {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n  const parsedTheme: any = {}\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    if (value == null) continue\n\n    if (!variations) {\n      parsedTheme[name] = { base: intToHex(colorToInt(value)) }\n    } else if (isItem) {\n      /* istanbul ignore else */\n      if (name === 'base' || name.startsWith('lighten') || name.startsWith('darken')) {\n        parsedTheme[name] = colorToHex(value)\n      }\n    } else if (typeof value === 'object') {\n      parsedTheme[name] = parse(value, true, variations)\n    } else {\n      parsedTheme[name] = genVariations(name, colorToInt(value))\n    }\n  }\n\n  if (!isItem) {\n    parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base\n  }\n\n  return parsedTheme\n}\n\n/**\n * Generate the CSS for a base color (.primary)\n */\nconst genBaseColor = (name: string, value: string): string => {\n  return `\n.v-application .${name} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.v-application .${name}--text {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\n/**\n * Generate the CSS for a variant color (.primary.darken-2)\n */\nconst genVariantColor = (name: string, variant: string, value: string): string => {\n  const [type, n] = variant.split(/(\\d)/, 2)\n  return `\n.v-application .${name}.${type}-${n} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.v-application .${name}--text.text--${type}-${n} {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\nconst genColorVariableName = (name: string, variant = 'base'): string => `--v-${name}-${variant}`\n\nconst genColorVariable = (name: string, variant = 'base'): string => `var(${genColorVariableName(name, variant)})`\n\nexport function genStyles (theme: VuetifyParsedTheme, cssVar = false): string {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n\n  if (!colors.length) return ''\n\n  let variablesCss = ''\n  let css = ''\n\n  const aColor = cssVar ? genColorVariable('anchor') : anchor\n  css += `.v-application a { color: ${aColor}; }`\n  cssVar && (variablesCss += `  ${genColorVariableName('anchor')}: ${anchor};\\n`)\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base)\n    cssVar && (variablesCss += `  ${genColorVariableName(name)}: ${value.base};\\n`)\n\n    const variants = keys(value)\n    for (let i = 0; i < variants.length; ++i) {\n      const variant = variants[i]\n      const variantValue = value[variant]\n      if (variant === 'base') continue\n\n      css += genVariantColor(name, variant, cssVar ? genColorVariable(name, variant) : variantValue)\n      cssVar && (variablesCss += `  ${genColorVariableName(name, variant)}: ${variantValue};\\n`)\n    }\n  }\n\n  if (cssVar) {\n    variablesCss = `:root {\\n${variablesCss}}\\n\\n`\n  }\n\n  return variablesCss + css\n}\n\nexport function genVariations (name: string, value: ColorInt): Record<string, string> {\n  const values: Record<string, string> = {\n    base: intToHex(value)\n  }\n\n  for (let i = 5; i > 0; --i) {\n    values[`lighten${i}`] = intToHex(lighten(value, i))\n  }\n\n  for (let i = 1; i <= 4; ++i) {\n    values[`darken${i}`] = intToHex(darken(value, i))\n  }\n\n  return values\n}\n\nexport function lighten (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] + amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n\nexport function darken (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] - amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n"],"sourceRoot":"","file":"utils.js"}
+{"version":3,"sources":["../../../src/services/theme/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { keys } from '../../util/helpers'\nimport { colorToInt, intToHex, colorToHex, ColorInt } from '../../util/colorUtils'\nimport * as sRGB from '../../util/color/transformSRGB'\nimport * as LAB from '../../util/color/transformCIELAB'\nimport {\n  VuetifyParsedTheme,\n  VuetifyThemeItem\n} from 'vuetify/types/services/theme'\n\nexport function parse (\n  theme: Record<string, VuetifyThemeItem>,\n  isItem = false,\n  variations = true\n): VuetifyParsedTheme {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n  const parsedTheme: any = {}\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    if (value == null) continue\n\n    if (!variations) {\n      parsedTheme[name] = { base: intToHex(colorToInt(value)) }\n    } else if (isItem) {\n      /* istanbul ignore else */\n      if (name === 'base' || name.startsWith('lighten') || name.startsWith('darken')) {\n        parsedTheme[name] = colorToHex(value)\n      }\n    } else if (typeof value === 'object') {\n      parsedTheme[name] = parse(value, true, variations)\n    } else {\n      parsedTheme[name] = genVariations(name, colorToInt(value))\n    }\n  }\n\n  if (!isItem) {\n    parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base\n  }\n\n  return parsedTheme\n}\n\n/**\n * Generate the CSS for a base color (.primary)\n */\nconst genBaseColor = (name: string, value: string): string => {\n  return `\n.v-application .${name} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.v-application .${name}--text {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\n/**\n * Generate the CSS for a variant color (.primary.darken-2)\n */\nconst genVariantColor = (name: string, variant: string, value: string): string => {\n  const [type, n] = variant.split(/(\\d)/, 2)\n  return `\n.v-application .${name}.${type}-${n} {\n  background-color: ${value} !important;\n  border-color: ${value} !important;\n}\n.v-application .${name}--text.text--${type}-${n} {\n  color: ${value} !important;\n  caret-color: ${value} !important;\n}`\n}\n\nconst genColorVariableName = (name: string, variant = 'base'): string => `--v-${name}-${variant}`\n\nconst genColorVariable = (name: string, variant = 'base'): string => `var(${genColorVariableName(name, variant)})`\n\nexport function genStyles (theme: VuetifyParsedTheme, cssVar = false): string {\n  const { anchor, ...variant } = theme\n  const colors = Object.keys(variant)\n\n  if (!colors.length) return ''\n\n  let variablesCss = ''\n  let css = ''\n\n  const aColor = cssVar ? genColorVariable('anchor') : anchor\n  css += `.v-application a { color: ${aColor}; }`\n  cssVar && (variablesCss += `  ${genColorVariableName('anchor')}: ${anchor};\\n`)\n\n  for (let i = 0; i < colors.length; ++i) {\n    const name = colors[i]\n    const value = theme[name]\n\n    css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base)\n    cssVar && (variablesCss += `  ${genColorVariableName(name)}: ${value.base};\\n`)\n\n    const variants = keys(value)\n    for (let i = 0; i < variants.length; ++i) {\n      const variant = variants[i] as string\n      const variantValue = value[variant]\n      if (variant === 'base') continue\n\n      css += genVariantColor(name, variant, cssVar ? genColorVariable(name, variant) : variantValue)\n      cssVar && (variablesCss += `  ${genColorVariableName(name, variant)}: ${variantValue};\\n`)\n    }\n  }\n\n  if (cssVar) {\n    variablesCss = `:root {\\n${variablesCss}}\\n\\n`\n  }\n\n  return variablesCss + css\n}\n\nexport function genVariations (name: string, value: ColorInt): Record<string, string> {\n  const values: Record<string, string> = {\n    base: intToHex(value)\n  }\n\n  for (let i = 5; i > 0; --i) {\n    values[`lighten${i}`] = intToHex(lighten(value, i))\n  }\n\n  for (let i = 1; i <= 4; ++i) {\n    values[`darken${i}`] = intToHex(darken(value, i))\n  }\n\n  return values\n}\n\nexport function lighten (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] + amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n\nexport function darken (value: ColorInt, amount: number): ColorInt {\n  const lab = LAB.fromXYZ(sRGB.toXYZ(value))\n  lab[0] = lab[0] - amount * 10\n  return sRGB.fromXYZ(LAB.toXYZ(lab))\n}\n"],"sourceRoot":"","file":"utils.js"}

package/lib/directives/click-outside/index.js

@@ -1,4 +1,5 @@
 import { attachedRoot } from '../../util/dom';
+const clickOutsideState = new WeakMap();
 
 function defaultConditional() {
   return true;
@@ -36,7 +37,9 @@ function checkIsActive(e, binding) {
 
 function directive(e, el, binding) {
   const handler = typeof binding.value === 'function' ? binding.value : binding.value.handler;
-  el._clickOutside.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
+  const state = clickOutsideState.get(el);
+  if (!state) return;
+  state.lastMousedownWasOutside && checkEvent(e, el, binding) && setTimeout(() => {
     checkIsActive(e, binding) && handler && handler(e);
   }, 0);
 }
@@ -60,40 +63,35 @@ export const ClickOutside = {
     const onClick = e => directive(e, el, binding);
 
     const onMousedown = e => {
-      el._clickOutside.lastMousedownWasOutside = checkEvent(e, el, binding);
+      const state = clickOutsideState.get(el);
+      if (!state) return;
+      state.lastMousedownWasOutside = checkEvent(e, el, binding);
     };
 
+    clickOutsideState.set(el, {
+      onClick,
+      onMousedown,
+      lastMousedownWasOutside: true
+    });
     handleShadow(el, app => {
       app.addEventListener('click', onClick, true);
       app.addEventListener('mousedown', onMousedown, true);
     });
-
-    if (!el._clickOutside) {
-      el._clickOutside = {
-        lastMousedownWasOutside: true
-      };
-    }
-
-    el._clickOutside[vnode.ctx.uid] = {
-      onClick,
-      onMousedown
-    };
   },
 
   unmounted(el, binding, vnode) {
-    if (!el._clickOutside) return;
+    const state = clickOutsideState.get(el);
+    if (!state) return;
     handleShadow(el, app => {
-      var _a;
-
-      if (!app || !((_a = el._clickOutside) === null || _a === void 0 ? void 0 : _a[vnode.ctx.uid])) return;
+      if (!app) return;
       const {
         onClick,
         onMousedown
-      } = el._clickOutside[vnode.ctx.uid];
+      } = state;
       app.removeEventListener('click', onClick, true);
       app.removeEventListener('mousedown', onMousedown, true);
     });
-    delete el._clickOutside[vnode.ctx.uid];
+    clickOutsideState.delete(el);
   }
 
 };