@vuetify/nightly 3.0.0-alpha.3 → 3.0.0-beta.2

package/lib/directives/mutate/index.mjs

@@ -1,55 +1,54 @@
-// @ts-nocheck
+// Types
+function mounted(el, binding) {
+  var _modifierKeys$attr, _modifierKeys$char, _modifierKeys$child, _modifierKeys$sub;
 
-/* eslint-disable */
-function inserted(el, binding) {
   const modifiers = binding.modifiers || {};
   const value = binding.value;
-  const callback = typeof value === 'object' ? value.handler : value;
   const {
     once,
+    immediate,
     ...modifierKeys
   } = modifiers;
-  const hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority
-
-  const options = typeof value === 'object' && value.options ? value.options : hasModifiers // If we have modifiers, use only those provided
-  ? {
-    attributes: modifierKeys.attr,
-    childList: modifierKeys.child,
-    subtree: modifierKeys.sub,
-    characterData: modifierKeys.char
-  } // Defaults to everything on
-  : {
-    attributes: true,
-    childList: true,
-    subtree: true,
-    characterData: true
+  const defaultValue = !Object.keys(modifierKeys).length;
+  const {
+    handler,
+    options
+  } = typeof value === 'object' ? value : {
+    handler: value,
+    options: {
+      attributes: (_modifierKeys$attr = modifierKeys == null ? void 0 : modifierKeys.attr) != null ? _modifierKeys$attr : defaultValue,
+      characterData: (_modifierKeys$char = modifierKeys == null ? void 0 : modifierKeys.char) != null ? _modifierKeys$char : defaultValue,
+      childList: (_modifierKeys$child = modifierKeys == null ? void 0 : modifierKeys.child) != null ? _modifierKeys$child : defaultValue,
+      subtree: (_modifierKeys$sub = modifierKeys == null ? void 0 : modifierKeys.sub) != null ? _modifierKeys$sub : defaultValue
+    }
   };
-  const observer = new MutationObserver((mutationsList, observer) => {
-    /* istanbul ignore if */
-    if (!el._mutate) return; // Just in case, should never fire
-
-    callback(mutationsList, observer); // If has the once modifier, unbind
-
-    once && unbind(el);
+  const observer = new MutationObserver(function () {
+    let mutations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let observer = arguments.length > 1 ? arguments[1] : undefined;
+    handler == null ? void 0 : handler(mutations, observer);
+    if (once) unmounted(el, binding);
   });
-  observer.observe(el, options);
-  el._mutate = {
+  if (immediate) handler == null ? void 0 : handler([], observer);
+  el._mutate = Object(el._mutate);
+  el._mutate[binding.instance.$.uid] = {
     observer
   };
+  observer.observe(el, options);
 }
 
-function unbind(el) {
-  /* istanbul ignore if */
-  if (!el._mutate) return;
+function unmounted(el, binding) {
+  var _el$_mutate;
+
+  if (!((_el$_mutate = el._mutate) != null && _el$_mutate[binding.instance.$.uid])) return;
 
-  el._mutate.observer.disconnect();
+  el._mutate[binding.instance.$.uid].observer.disconnect();
 
-  delete el._mutate;
+  delete el._mutate[binding.instance.$.uid];
 }
 
 export const Mutate = {
-  inserted,
-  unbind
+  mounted,
+  unmounted
 };
 export default Mutate;
 //# sourceMappingURL=index.mjs.map

package/lib/directives/mutate/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":["inserted","el","binding","modifiers","value","callback","handler","once","modifierKeys","hasModifiers","Object","keys","length","options","attributes","attr","childList","child","subtree","sub","characterData","char","observer","MutationObserver","mutationsList","_mutate","unbind","observe","disconnect","Mutate"],"mappings":"AAAA;;AACA;AAoBA,SAASA,QAAT,CAAmBC,EAAnB,EAAoCC,OAApC,EAAmE;AACjE,QAAMC,SAAS,GAAGD,OAAO,CAACC,SAAR,IAAqB,EAAvC;AACA,QAAMC,KAAK,GAAGF,OAAO,CAACE,KAAtB;AACA,QAAMC,QAAQ,GAAG,OAAOD,KAAP,KAAiB,QAAjB,GAA4BA,KAAK,CAACE,OAAlC,GAA4CF,KAA7D;AACA,QAAM;AAAEG,IAAAA,IAAF;AAAQ,OAAGC;AAAX,MAA4BL,SAAlC;AACA,QAAMM,YAAY,GAAGC,MAAM,CAACC,IAAP,CAAYH,YAAZ,EAA0BI,MAA1B,GAAmC,CAAxD,CALiE,CAOjE;;AACA,QAAMC,OAAO,GAAG,OAAOT,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACS,OAAnC,GACZT,KAAK,CAACS,OADM,GAEZJ,YAAY,CACZ;AADY,IAEV;AACAK,IAAAA,UAAU,EAAEN,YAAY,CAACO,IADzB;AAEAC,IAAAA,SAAS,EAAER,YAAY,CAACS,KAFxB;AAGAC,IAAAA,OAAO,EAAEV,YAAY,CAACW,GAHtB;AAIAC,IAAAA,aAAa,EAAEZ,YAAY,CAACa;AAJ5B,GAFU,CAQZ;AARY,IASV;AACAP,IAAAA,UAAU,EAAE,IADZ;AAEAE,IAAAA,SAAS,EAAE,IAFX;AAGAE,IAAAA,OAAO,EAAE,IAHT;AAIAE,IAAAA,aAAa,EAAE;AAJf,GAXN;AAkBA,QAAME,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB,CACpCC,aADoC,EAEpCF,QAFoC,KAGjC;AACH;AACA,QAAI,CAACrB,EAAE,CAACwB,OAAR,EAAiB,OAFd,CAEqB;;AAExBpB,IAAAA,QAAQ,CAACmB,aAAD,EAAgBF,QAAhB,CAAR,CAJG,CAMH;;AACAf,IAAAA,IAAI,IAAImB,MAAM,CAACzB,EAAD,CAAd;AACD,GAXgB,CAAjB;AAaAqB,EAAAA,QAAQ,CAACK,OAAT,CAAiB1B,EAAjB,EAAqBY,OAArB;AACAZ,EAAAA,EAAE,CAACwB,OAAH,GAAa;AAAEH,IAAAA;AAAF,GAAb;AACD;;AAED,SAASI,MAAT,CAAiBzB,EAAjB,EAAkC;AAChC;AACA,MAAI,CAACA,EAAE,CAACwB,OAAR,EAAiB;;AAEjBxB,EAAAA,EAAE,CAACwB,OAAH,CAAWH,QAAX,CAAoBM,UAApB;;AACA,SAAO3B,EAAE,CAACwB,OAAV;AACD;;AAED,OAAO,MAAMI,MAAM,GAAG;AACpB7B,EAAAA,QADoB;AAEpB0B,EAAAA;AAFoB,CAAf;AAKP,eAAeG,MAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport { VNodeDirective } from 'vue'\n\ntype MutateHandler = (\n  mutationsList: MutationRecord[],\n  observer: MutationObserver,\n) => void\n\ninterface MutateVNodeDirective extends Omit<VNodeDirective, 'modifiers'> {\n  value?: MutateHandler | { handler: MutateHandler, options?: MutationObserverInit }\n  modifiers?: {\n    once?: boolean\n    attr?: boolean\n    child?: boolean\n    sub?: boolean\n    char?: boolean\n  }\n}\n\nfunction inserted (el: HTMLElement, binding: MutateVNodeDirective) {\n  const modifiers = binding.modifiers || {}\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 = typeof value === 'object' && value.options\n    ? value.options\n    : hasModifiers\n      // If we have modifiers, use only those provided\n      ? {\n        attributes: modifierKeys.attr,\n        childList: modifierKeys.child,\n        subtree: modifierKeys.sub,\n        characterData: modifierKeys.char,\n      }\n      // Defaults to everything on\n      : {\n        attributes: true,\n        childList: true,\n        subtree: true,\n        characterData: true,\n      }\n\n  const observer = new MutationObserver((\n    mutationsList: MutationRecord[],\n    observer: MutationObserver\n  ) => {\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 && unbind(el)\n  })\n\n  observer.observe(el, options)\n  el._mutate = { observer }\n}\n\nfunction unbind (el: HTMLElement) {\n  /* istanbul ignore if */\n  if (!el._mutate) return\n\n  el._mutate.observer.disconnect()\n  delete el._mutate\n}\n\nexport const Mutate = {\n  inserted,\n  unbind,\n}\n\nexport default Mutate\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/directives/mutate/index.ts"],"names":["mounted","el","binding","modifiers","value","once","immediate","modifierKeys","defaultValue","Object","keys","length","handler","options","attributes","attr","characterData","char","childList","child","subtree","sub","observer","MutationObserver","mutations","unmounted","_mutate","instance","$","uid","observe","disconnect","Mutate"],"mappings":"AAAA;AASA,SAASA,OAAT,CAAkBC,EAAlB,EAAmCC,OAAnC,EAAsE;AAAA;;AACpE,QAAMC,SAAS,GAAGD,OAAO,CAACC,SAAR,IAAqB,EAAvC;AACA,QAAMC,KAAK,GAAGF,OAAO,CAACE,KAAtB;AACA,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,SAAR;AAAmB,OAAGC;AAAtB,MAAuCJ,SAA7C;AACA,QAAMK,YAAY,GAAG,CAACC,MAAM,CAACC,IAAP,CAAYH,YAAZ,EAA0BI,MAAhD;AAEA,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAuB,OAAOT,KAAP,KAAiB,QAAjB,GACzBA,KADyB,GAEzB;AACAQ,IAAAA,OAAO,EAAER,KADT;AAEAS,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,wBAAEP,YAAF,oBAAEA,YAAY,CAAEQ,IAAhB,iCAAwBP,YAD3B;AAEPQ,MAAAA,aAAa,wBAAET,YAAF,oBAAEA,YAAY,CAAEU,IAAhB,iCAAwBT,YAF9B;AAGPU,MAAAA,SAAS,yBAAEX,YAAF,oBAAEA,YAAY,CAAEY,KAAhB,kCAAyBX,YAH3B;AAIPY,MAAAA,OAAO,uBAAEb,YAAF,oBAAEA,YAAY,CAAEc,GAAhB,gCAAuBb;AAJvB;AAFT,GAFJ;AAYA,QAAMc,QAAQ,GAAG,IAAIC,gBAAJ,CAAqB,YAGjC;AAAA,QAFHC,SAEG,uEAF2B,EAE3B;AAAA,QADHF,QACG;AACHV,IAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGY,SAAH,EAAcF,QAAd,CAAP;AAEA,QAAIjB,IAAJ,EAAUoB,SAAS,CAACxB,EAAD,EAAKC,OAAL,CAAT;AACX,GAPgB,CAAjB;AASA,MAAII,SAAJ,EAAeM,OAAO,QAAP,YAAAA,OAAO,CAAG,EAAH,EAAOU,QAAP,CAAP;AAEfrB,EAAAA,EAAE,CAACyB,OAAH,GAAajB,MAAM,CAACR,EAAE,CAACyB,OAAJ,CAAnB;AACAzB,EAAAA,EAAE,CAACyB,OAAH,CAAYxB,OAAO,CAACyB,QAAR,CAAkBC,CAAlB,CAAoBC,GAAhC,IAAuC;AAAEP,IAAAA;AAAF,GAAvC;AAEAA,EAAAA,QAAQ,CAACQ,OAAT,CAAiB7B,EAAjB,EAAqBY,OAArB;AACD;;AAED,SAASY,SAAT,CAAoBxB,EAApB,EAAqCC,OAArC,EAAwE;AAAA;;AACtE,MAAI,iBAACD,EAAE,CAACyB,OAAJ,aAAC,YAAaxB,OAAO,CAACyB,QAAR,CAAkBC,CAAlB,CAAoBC,GAAjC,CAAD,CAAJ,EAA4C;;AAE5C5B,EAAAA,EAAE,CAACyB,OAAH,CAAWxB,OAAO,CAACyB,QAAR,CAAkBC,CAAlB,CAAoBC,GAA/B,EAAqCP,QAArC,CAA8CS,UAA9C;;AACA,SAAO9B,EAAE,CAACyB,OAAH,CAAWxB,OAAO,CAACyB,QAAR,CAAkBC,CAAlB,CAAoBC,GAA/B,CAAP;AACD;;AAED,OAAO,MAAMG,MAAoC,GAAG;AAClDhC,EAAAA,OADkD;AAElDyB,EAAAA;AAFkD,CAA7C;AAKP,eAAeO,MAAf","sourcesContent":["// Types\nimport type { DirectiveBinding, ObjectDirective } from 'vue'\nimport type { MutationOptions } from '@/composables/mutationObserver'\n\nexport interface MutationDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value: MutationCallback | { handler: MutationCallback, options?: MutationObserverInit }\n  modifiers: MutationOptions\n}\n\nfunction mounted (el: HTMLElement, binding: MutationDirectiveBinding) {\n  const modifiers = binding.modifiers || {}\n  const value = binding.value\n  const { once, immediate, ...modifierKeys } = modifiers\n  const defaultValue = !Object.keys(modifierKeys).length\n\n  const { handler, options } = typeof value === 'object'\n    ? value\n    : {\n      handler: value,\n      options: {\n        attributes: modifierKeys?.attr ?? defaultValue,\n        characterData: modifierKeys?.char ?? defaultValue,\n        childList: modifierKeys?.child ?? defaultValue,\n        subtree: modifierKeys?.sub ?? defaultValue,\n      },\n    }\n\n  const observer = new MutationObserver((\n    mutations: MutationRecord[] = [],\n    observer: MutationObserver\n  ) => {\n    handler?.(mutations, observer)\n\n    if (once) unmounted(el, binding)\n  })\n\n  if (immediate) handler?.([], observer)\n\n  el._mutate = Object(el._mutate)\n  el._mutate![binding.instance!.$.uid] = { observer }\n\n  observer.observe(el, options)\n}\n\nfunction unmounted (el: HTMLElement, binding: MutationDirectiveBinding) {\n  if (!el._mutate?.[binding.instance!.$.uid]) return\n\n  el._mutate[binding.instance!.$.uid]!.observer.disconnect()\n  delete el._mutate[binding.instance!.$.uid]\n}\n\nexport const Mutate: ObjectDirective<HTMLElement> = {\n  mounted,\n  unmounted,\n}\n\nexport default Mutate\n"],"file":"index.mjs"}

package/lib/directives/resize/index.mjs

@@ -3,27 +3,30 @@ function mounted(el, binding) {
 
   const handler = binding.value;
   const options = {
-    passive: !((_binding$modifiers = binding.modifiers) == null ? void 0 : _binding$modifiers.active)
+    passive: !((_binding$modifiers = binding.modifiers) != null && _binding$modifiers.active)
   };
   window.addEventListener('resize', handler, options);
-  el._onResize = {
+  el._onResize = Object(el._onResize);
+  el._onResize[binding.instance.$.uid] = {
     handler,
     options
   };
 
-  if (!((_binding$modifiers2 = binding.modifiers) == null ? void 0 : _binding$modifiers2.quiet)) {
+  if (!((_binding$modifiers2 = binding.modifiers) != null && _binding$modifiers2.quiet)) {
     handler();
   }
 }
 
-function unmounted(el) {
-  if (!el._onResize) return;
+function unmounted(el, binding) {
+  var _el$_onResize;
+
+  if (!((_el$_onResize = el._onResize) != null && _el$_onResize[binding.instance.$.uid])) return;
   const {
     handler,
     options
-  } = el._onResize;
+  } = el._onResize[binding.instance.$.uid];
   window.removeEventListener('resize', handler, options);
-  delete el._onResize;
+  delete el._onResize[binding.instance.$.uid];
 }
 
 export const Resize = {

package/lib/directives/resize/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":["mounted","el","binding","handler","value","options","passive","modifiers","active","window","addEventListener","_onResize","quiet","unmounted","removeEventListener","Resize"],"mappings":"AAUA,SAASA,OAAT,CAAkBC,EAAlB,EAAmCC,OAAnC,EAAoE;AAAA;;AAClE,QAAMC,OAAO,GAAGD,OAAO,CAACE,KAAxB;AACA,QAAMC,OAAgC,GAAG;AACvCC,IAAAA,OAAO,EAAE,wBAACJ,OAAO,CAACK,SAAT,qBAAC,mBAAmBC,MAApB;AAD8B,GAAzC;AAIAC,EAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCP,OAAlC,EAA2CE,OAA3C;AACAJ,EAAAA,EAAE,CAACU,SAAH,GAAe;AACbR,IAAAA,OADa;AAEbE,IAAAA;AAFa,GAAf;;AAKA,MAAI,yBAACH,OAAO,CAACK,SAAT,qBAAC,oBAAmBK,KAApB,CAAJ,EAA+B;AAC7BT,IAAAA,OAAO;AACR;AACF;;AAED,SAASU,SAAT,CAAoBZ,EAApB,EAAqC;AACnC,MAAI,CAACA,EAAE,CAACU,SAAR,EAAmB;AAEnB,QAAM;AAAER,IAAAA,OAAF;AAAWE,IAAAA;AAAX,MAAuBJ,EAAE,CAACU,SAAhC;AACAF,EAAAA,MAAM,CAACK,mBAAP,CAA2B,QAA3B,EAAqCX,OAArC,EAA8CE,OAA9C;AACA,SAAOJ,EAAE,CAACU,SAAV;AACD;;AAED,OAAO,MAAMI,MAAuB,GAAG;AACrCf,EAAAA,OADqC;AAErCa,EAAAA;AAFqC,CAAhC;AAKP,eAAeE,MAAf","sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\ninterface ResizeDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n  value: (() => void)\n  modifiers?: {\n    active?: boolean\n    quiet?: boolean\n  }\n}\n\nfunction mounted (el: HTMLElement, binding: ResizeDirectiveBinding) {\n  const handler = binding.value\n  const options: AddEventListenerOptions = {\n    passive: !binding.modifiers?.active,\n  }\n\n  window.addEventListener('resize', handler, options)\n  el._onResize = {\n    handler,\n    options,\n  }\n\n  if (!binding.modifiers?.quiet) {\n    handler()\n  }\n}\n\nfunction unmounted (el: HTMLElement) {\n  if (!el._onResize) return\n\n  const { handler, options } = el._onResize\n  window.removeEventListener('resize', handler, options)\n  delete el._onResize\n}\n\nexport const Resize: ObjectDirective = {\n  mounted,\n  unmounted,\n}\n\nexport default Resize\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/directives/resize/index.ts"],"names":["mounted","el","binding","handler","value","options","passive","modifiers","active","window","addEventListener","_onResize","Object","instance","$","uid","quiet","unmounted","removeEventListener","Resize"],"mappings":"AAUA,SAASA,OAAT,CAAkBC,EAAlB,EAAmCC,OAAnC,EAAoE;AAAA;;AAClE,QAAMC,OAAO,GAAGD,OAAO,CAACE,KAAxB;AACA,QAAMC,OAAgC,GAAG;AACvCC,IAAAA,OAAO,EAAE,wBAACJ,OAAO,CAACK,SAAT,aAAC,mBAAmBC,MAApB;AAD8B,GAAzC;AAIAC,EAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCP,OAAlC,EAA2CE,OAA3C;AAEAJ,EAAAA,EAAE,CAACU,SAAH,GAAeC,MAAM,CAACX,EAAE,CAACU,SAAJ,CAArB;AACAV,EAAAA,EAAE,CAACU,SAAH,CAAcT,OAAO,CAACW,QAAR,CAAkBC,CAAlB,CAAoBC,GAAlC,IAAyC;AACvCZ,IAAAA,OADuC;AAEvCE,IAAAA;AAFuC,GAAzC;;AAKA,MAAI,yBAACH,OAAO,CAACK,SAAT,aAAC,oBAAmBS,KAApB,CAAJ,EAA+B;AAC7Bb,IAAAA,OAAO;AACR;AACF;;AAED,SAASc,SAAT,CAAoBhB,EAApB,EAAqCC,OAArC,EAAsE;AAAA;;AACpE,MAAI,mBAACD,EAAE,CAACU,SAAJ,aAAC,cAAeT,OAAO,CAACW,QAAR,CAAkBC,CAAlB,CAAoBC,GAAnC,CAAD,CAAJ,EAA8C;AAE9C,QAAM;AAAEZ,IAAAA,OAAF;AAAWE,IAAAA;AAAX,MAAuBJ,EAAE,CAACU,SAAH,CAAaT,OAAO,CAACW,QAAR,CAAkBC,CAAlB,CAAoBC,GAAjC,CAA7B;AAEAN,EAAAA,MAAM,CAACS,mBAAP,CAA2B,QAA3B,EAAqCf,OAArC,EAA8CE,OAA9C;AAEA,SAAOJ,EAAE,CAACU,SAAH,CAAaT,OAAO,CAACW,QAAR,CAAkBC,CAAlB,CAAoBC,GAAjC,CAAP;AACD;;AAED,OAAO,MAAMI,MAAM,GAAG;AACpBnB,EAAAA,OADoB;AAEpBiB,EAAAA;AAFoB,CAAf;AAKP,eAAeE,MAAf","sourcesContent":["import type { DirectiveBinding } from 'vue'\n\ninterface ResizeDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n  value: () => void\n  modifiers?: {\n    active?: boolean\n    quiet?: boolean\n  }\n}\n\nfunction mounted (el: HTMLElement, binding: ResizeDirectiveBinding) {\n  const handler = binding.value\n  const options: AddEventListenerOptions = {\n    passive: !binding.modifiers?.active,\n  }\n\n  window.addEventListener('resize', handler, options)\n\n  el._onResize = Object(el._onResize)\n  el._onResize![binding.instance!.$.uid] = {\n    handler,\n    options,\n  }\n\n  if (!binding.modifiers?.quiet) {\n    handler()\n  }\n}\n\nfunction unmounted (el: HTMLElement, binding: ResizeDirectiveBinding) {\n  if (!el._onResize?.[binding.instance!.$.uid]) return\n\n  const { handler, options } = el._onResize[binding.instance!.$.uid]!\n\n  window.removeEventListener('resize', handler, options)\n\n  delete el._onResize[binding.instance!.$.uid]\n}\n\nexport const Resize = {\n  mounted,\n  unmounted,\n}\n\nexport default Resize\n"],"file":"index.mjs"}

package/lib/directives/ripple/VRipple.css

@@ -0,0 +1,34 @@
+.v-ripple__container {
+  color: inherit;
+  border-radius: inherit;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  z-index: 0;
+  pointer-events: none;
+  contain: strict;
+}
+.v-ripple__animation {
+  color: inherit;
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  overflow: hidden;
+  will-change: transform, opacity;
+}
+.v-ripple__animation--enter {
+  transition: none;
+}
+.v-ripple__animation--in {
+  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
+}
+.v-ripple__animation--out {
+  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
+}

package/lib/directives/ripple/VRipple.sass

@@ -1,4 +1,5 @@
-@import './_variables.scss'
+@forward './variables'
+@use './variables' as *
 
 .v-ripple
   &__container

package/lib/directives/ripple/_variables.scss

@@ -1,6 +1,6 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$ripple-animation-transition-in: transform .25s map-get($transition, 'fast-in-slow-out'),
-                                 opacity .1s map-get($transition, 'fast-in-slow-out') !default;
-$ripple-animation-transition-out: opacity .3s map-get($transition, 'fast-in-slow-out') !default;
+$ripple-animation-transition-in: transform .25s settings.$decelerated-easing,
+                                 opacity .1s settings.$decelerated-easing !default;
+$ripple-animation-transition-out: opacity .3s settings.$decelerated-easing !default;
 $ripple-animation-visible-opacity: .15 !default;

package/lib/directives/ripple/index.mjs

@@ -1,9 +1,9 @@
 // Styles
-import "./VRipple.sass"; // Utilities
+import "./VRipple.css"; // Utilities
 
 import { isObject, keyCodes } from "../../util/index.mjs"; // Types
 
-const rippleStop = Symbol('rippleStop');
+const stopSymbol = Symbol('rippleStop');
 const DELAY_RIPPLE = 80;
 
 function transform(el, value) {
@@ -12,7 +12,7 @@ function transform(el, value) {
 }
 
 function opacity(el, value) {
-  el.style.opacity = "calc(".concat(value, " * var(--v-theme-overlay-multiplier))");
+  el.style.opacity = `calc(${value} * var(--v-theme-overlay-multiplier))`;
 }
 
 function isTouchEvent(e) {
@@ -23,9 +23,10 @@ function isKeyboardEvent(e) {
   return e.constructor.name === 'KeyboardEvent';
 }
 
-const calculate = (e, el, value = {}) => {
+const calculate = function (e, el) {
   var _el$_ripple;
 
+  let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let localX = 0;
   let localY = 0;
 
@@ -39,7 +40,7 @@ const calculate = (e, el, value = {}) => {
   let radius = 0;
   let scale = 0.3;
 
-  if ((_el$_ripple = el._ripple) == null ? void 0 : _el$_ripple.circle) {
+  if ((_el$_ripple = el._ripple) != null && _el$_ripple.circle) {
     scale = 0.15;
     radius = el.clientWidth / 2;
     radius = value.center ? radius : radius + Math.sqrt((localX - radius) ** 2 + (localY - radius) ** 2) / 4;
@@ -47,10 +48,10 @@ const calculate = (e, el, value = {}) => {
     radius = Math.sqrt(el.clientWidth ** 2 + el.clientHeight ** 2) / 2;
   }
 
-  const centerX = "".concat((el.clientWidth - radius * 2) / 2, "px");
-  const centerY = "".concat((el.clientHeight - radius * 2) / 2, "px");
-  const x = value.center ? centerX : "".concat(localX - radius, "px");
-  const y = value.center ? centerY : "".concat(localY - radius, "px");
+  const centerX = `${(el.clientWidth - radius * 2) / 2}px`;
+  const centerY = `${(el.clientHeight - radius * 2) / 2}px`;
+  const x = value.center ? centerX : `${localX - radius}px`;
+  const y = value.center ? centerY : `${localY - radius}px`;
   return {
     radius,
     scale,
@@ -63,10 +64,12 @@ const calculate = (e, el, value = {}) => {
 
 const ripples = {
   /* eslint-disable max-statements */
-  show(e, el, value = {}) {
+  show(e, el) {
     var _el$_ripple2;
 
-    if (!(el == null ? void 0 : (_el$_ripple2 = el._ripple) == null ? void 0 : _el$_ripple2.enabled)) {
+    let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+    if (!(el != null && (_el$_ripple2 = el._ripple) != null && _el$_ripple2.enabled)) {
       return;
     }
 
@@ -76,7 +79,7 @@ const ripples = {
     container.className = 'v-ripple__container';
 
     if (value.class) {
-      container.className += " ".concat(value.class);
+      container.className += ` ${value.class}`;
     }
 
     const {
@@ -87,7 +90,7 @@ const ripples = {
       centerX,
       centerY
     } = calculate(e, el, value);
-    const size = "".concat(radius * 2, "px");
+    const size = `${radius * 2}px`;
     animation.className = 'v-ripple__animation';
     animation.style.width = size;
     animation.style.height = size;
@@ -101,13 +104,13 @@ const ripples = {
 
     animation.classList.add('v-ripple__animation--enter');
     animation.classList.add('v-ripple__animation--visible');
-    transform(animation, "translate(".concat(x, ", ").concat(y, ") scale3d(").concat(scale, ",").concat(scale, ",").concat(scale, ")"));
+    transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
     opacity(animation, 0);
     animation.dataset.activated = String(performance.now());
     setTimeout(() => {
       animation.classList.remove('v-ripple__animation--enter');
       animation.classList.add('v-ripple__animation--in');
-      transform(animation, "translate(".concat(centerX, ", ").concat(centerY, ") scale3d(1,1,1)"));
+      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
       opacity(animation, 0.08);
     }, 0);
   },
@@ -115,7 +118,7 @@ const ripples = {
   hide(el) {
     var _el$_ripple3;
 
-    if (!(el == null ? void 0 : (_el$_ripple3 = el._ripple) == null ? void 0 : _el$_ripple3.enabled)) return;
+    if (!(el != null && (_el$_ripple3 = el._ripple) != null && _el$_ripple3.enabled)) return;
     const ripples = el.getElementsByClassName('v-ripple__animation');
     if (ripples.length === 0) return;
     const animation = ripples[ripples.length - 1];
@@ -148,9 +151,9 @@ function isRippleEnabled(value) {
 function rippleShow(e) {
   const value = {};
   const element = e.currentTarget;
-  if (!(element == null ? void 0 : element._ripple) || element._ripple.touched || e[rippleStop]) return; // Don't allow the event to trigger ripples on any other elements
+  if (!(element != null && element._ripple) || element._ripple.touched || e[stopSymbol]) return; // Don't allow the event to trigger ripples on any other elements
 
-  e[rippleStop] = true;
+  e[stopSymbol] = true;
 
   if (isTouchEvent(e)) {
     element._ripple.touched = true;
@@ -180,7 +183,7 @@ function rippleShow(e) {
     element._ripple.showTimer = window.setTimeout(() => {
       var _element$_ripple;
 
-      if (element == null ? void 0 : (_element$_ripple = element._ripple) == null ? void 0 : _element$_ripple.showTimerCommit) {
+      if (element != null && (_element$_ripple = element._ripple) != null && _element$_ripple.showTimerCommit) {
         element._ripple.showTimerCommit();
 
         element._ripple.showTimerCommit = null;
@@ -191,6 +194,10 @@ function rippleShow(e) {
   }
 }
 
+function rippleStop(e) {
+  e[stopSymbol] = true;
+}
+
 function rippleHide(e) {
   const element = e.currentTarget;
   if (!element || !element._ripple) return;
@@ -202,7 +209,7 @@ function rippleHide(e) {
 
     element._ripple.showTimerCommit = null; // re-queue ripple hiding
 
-    element._ripple.showTimer = setTimeout(() => {
+    element._ripple.showTimer = window.setTimeout(() => {
       rippleHide(e);
     });
     return;
@@ -271,6 +278,14 @@ function updateRipple(el, binding, wasEnabled) {
   }
 
   if (enabled && !wasEnabled) {
+    if (modifiers.stop) {
+      el.addEventListener('touchstart', rippleStop, {
+        passive: true
+      });
+      el.addEventListener('mousedown', rippleStop);
+      return;
+    }
+
     el.addEventListener('touchstart', rippleShow, {
       passive: true
     });

package/lib/directives/ripple/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/ripple/index.ts"],"names":["isObject","keyCodes","rippleStop","Symbol","DELAY_RIPPLE","transform","el","value","style","webkitTransform","opacity","isTouchEvent","e","constructor","name","isKeyboardEvent","calculate","localX","localY","offset","getBoundingClientRect","target","touches","length","clientX","left","clientY","top","radius","scale","_ripple","circle","clientWidth","center","Math","sqrt","clientHeight","centerX","centerY","x","y","ripples","show","enabled","container","document","createElement","animation","appendChild","className","class","size","width","height","computed","window","getComputedStyle","position","dataset","previousPosition","classList","add","activated","String","performance","now","setTimeout","remove","hide","getElementsByClassName","isHiding","diff","Number","delay","max","parentNode","removeChild","isRippleEnabled","rippleShow","element","currentTarget","touched","isTouch","centered","showTimerCommit","showTimer","rippleHide","clearTimeout","type","rippleCancelShow","keyboardRipple","keyboardRippleShow","keyCode","enter","space","keyboardRippleHide","focusRippleHide","updateRipple","binding","wasEnabled","modifiers","addEventListener","passive","removeListeners","removeEventListener","mounted","unmounted","updated","oldValue","Ripple"],"mappings":"AAAA;AACA,wB,CAEA;;SACSA,Q,EAAUC,Q,gCAEnB;;AAMA,MAAMC,UAAU,GAAGC,MAAM,CAAC,YAAD,CAAzB;AAIA,MAAMC,YAAY,GAAG,EAArB;;AAEA,SAASC,SAAT,CAAoBC,EAApB,EAAqCC,KAArC,EAAoD;AAClDD,EAAAA,EAAE,CAACE,KAAH,CAASH,SAAT,GAAqBE,KAArB;AACAD,EAAAA,EAAE,CAACE,KAAH,CAASC,eAAT,GAA2BF,KAA3B;AACD;;AAED,SAASG,OAAT,CAAkBJ,EAAlB,EAAmCC,KAAnC,EAAkD;AAChDD,EAAAA,EAAE,CAACE,KAAH,CAASE,OAAT,kBAA2BH,KAA3B;AACD;;AAgBD,SAASI,YAAT,CAAuBC,CAAvB,EAA+D;AAC7D,SAAOA,CAAC,CAACC,WAAF,CAAcC,IAAd,KAAuB,YAA9B;AACD;;AAED,SAASC,eAAT,CAA0BH,CAA1B,EAAqE;AACnE,SAAOA,CAAC,CAACC,WAAF,CAAcC,IAAd,KAAuB,eAA9B;AACD;;AAED,MAAME,SAAS,GAAG,CAChBJ,CADgB,EAEhBN,EAFgB,EAGhBC,KAAoB,GAAG,EAHP,KAIb;AAAA;;AACH,MAAIU,MAAM,GAAG,CAAb;AACA,MAAIC,MAAM,GAAG,CAAb;;AAEA,MAAI,CAACH,eAAe,CAACH,CAAD,CAApB,EAAyB;AACvB,UAAMO,MAAM,GAAGb,EAAE,CAACc,qBAAH,EAAf;AACA,UAAMC,MAAM,GAAGV,YAAY,CAACC,CAAD,CAAZ,GAAkBA,CAAC,CAACU,OAAF,CAAUV,CAAC,CAACU,OAAF,CAAUC,MAAV,GAAmB,CAA7B,CAAlB,GAAoDX,CAAnE;AAEAK,IAAAA,MAAM,GAAGI,MAAM,CAACG,OAAP,GAAiBL,MAAM,CAACM,IAAjC;AACAP,IAAAA,MAAM,GAAGG,MAAM,CAACK,OAAP,GAAiBP,MAAM,CAACQ,GAAjC;AACD;;AAED,MAAIC,MAAM,GAAG,CAAb;AACA,MAAIC,KAAK,GAAG,GAAZ;;AACA,qBAAIvB,EAAE,CAACwB,OAAP,qBAAI,YAAYC,MAAhB,EAAwB;AACtBF,IAAAA,KAAK,GAAG,IAAR;AACAD,IAAAA,MAAM,GAAGtB,EAAE,CAAC0B,WAAH,GAAiB,CAA1B;AACAJ,IAAAA,MAAM,GAAGrB,KAAK,CAAC0B,MAAN,GAAeL,MAAf,GAAwBA,MAAM,GAAGM,IAAI,CAACC,IAAL,CAAU,CAAClB,MAAM,GAAGW,MAAV,KAAqB,CAArB,GAAyB,CAACV,MAAM,GAAGU,MAAV,KAAqB,CAAxD,IAA6D,CAAvG;AACD,GAJD,MAIO;AACLA,IAAAA,MAAM,GAAGM,IAAI,CAACC,IAAL,CAAU7B,EAAE,CAAC0B,WAAH,IAAkB,CAAlB,GAAsB1B,EAAE,CAAC8B,YAAH,IAAmB,CAAnD,IAAwD,CAAjE;AACD;;AAED,QAAMC,OAAO,aAAM,CAAC/B,EAAE,CAAC0B,WAAH,GAAkBJ,MAAM,GAAG,CAA5B,IAAkC,CAAxC,OAAb;AACA,QAAMU,OAAO,aAAM,CAAChC,EAAE,CAAC8B,YAAH,GAAmBR,MAAM,GAAG,CAA7B,IAAmC,CAAzC,OAAb;AAEA,QAAMW,CAAC,GAAGhC,KAAK,CAAC0B,MAAN,GAAeI,OAAf,aAA4BpB,MAAM,GAAGW,MAArC,OAAV;AACA,QAAMY,CAAC,GAAGjC,KAAK,CAAC0B,MAAN,GAAeK,OAAf,aAA4BpB,MAAM,GAAGU,MAArC,OAAV;AAEA,SAAO;AAAEA,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiBU,IAAAA,CAAjB;AAAoBC,IAAAA,CAApB;AAAuBH,IAAAA,OAAvB;AAAgCC,IAAAA;AAAhC,GAAP;AACD,CAjCD;;AAmCA,MAAMG,OAAO,GAAG;AACd;AACAC,EAAAA,IAAI,CACF9B,CADE,EAEFN,EAFE,EAGFC,KAAoB,GAAG,EAHrB,EAIF;AAAA;;AACA,QAAI,EAACD,EAAD,oCAACA,EAAE,CAAEwB,OAAL,qBAAC,aAAaa,OAAd,CAAJ,EAA2B;AACzB;AACD;;AAED,UAAMC,SAAS,GAAGC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAlB;AACA,UAAMC,SAAS,GAAGF,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAlB;AAEAF,IAAAA,SAAS,CAACI,WAAV,CAAsBD,SAAtB;AACAH,IAAAA,SAAS,CAACK,SAAV,GAAsB,qBAAtB;;AAEA,QAAI1C,KAAK,CAAC2C,KAAV,EAAiB;AACfN,MAAAA,SAAS,CAACK,SAAV,eAA2B1C,KAAK,CAAC2C,KAAjC;AACD;;AAED,UAAM;AAAEtB,MAAAA,MAAF;AAAUC,MAAAA,KAAV;AAAiBU,MAAAA,CAAjB;AAAoBC,MAAAA,CAApB;AAAuBH,MAAAA,OAAvB;AAAgCC,MAAAA;AAAhC,QAA4CtB,SAAS,CAACJ,CAAD,EAAIN,EAAJ,EAAQC,KAAR,CAA3D;AAEA,UAAM4C,IAAI,aAAMvB,MAAM,GAAG,CAAf,OAAV;AACAmB,IAAAA,SAAS,CAACE,SAAV,GAAsB,qBAAtB;AACAF,IAAAA,SAAS,CAACvC,KAAV,CAAgB4C,KAAhB,GAAwBD,IAAxB;AACAJ,IAAAA,SAAS,CAACvC,KAAV,CAAgB6C,MAAhB,GAAyBF,IAAzB;AAEA7C,IAAAA,EAAE,CAAC0C,WAAH,CAAeJ,SAAf;AAEA,UAAMU,QAAQ,GAAGC,MAAM,CAACC,gBAAP,CAAwBlD,EAAxB,CAAjB;;AACA,QAAIgD,QAAQ,IAAIA,QAAQ,CAACG,QAAT,KAAsB,QAAtC,EAAgD;AAC9CnD,MAAAA,EAAE,CAACE,KAAH,CAASiD,QAAT,GAAoB,UAApB;AACAnD,MAAAA,EAAE,CAACoD,OAAH,CAAWC,gBAAX,GAA8B,QAA9B;AACD;;AAEDZ,IAAAA,SAAS,CAACa,SAAV,CAAoBC,GAApB,CAAwB,4BAAxB;AACAd,IAAAA,SAAS,CAACa,SAAV,CAAoBC,GAApB,CAAwB,8BAAxB;AACAxD,IAAAA,SAAS,CAAC0C,SAAD,sBAAyBR,CAAzB,eAA+BC,CAA/B,uBAA6CX,KAA7C,cAAsDA,KAAtD,cAA+DA,KAA/D,OAAT;AACAnB,IAAAA,OAAO,CAACqC,SAAD,EAAY,CAAZ,CAAP;AACAA,IAAAA,SAAS,CAACW,OAAV,CAAkBI,SAAlB,GAA8BC,MAAM,CAACC,WAAW,CAACC,GAAZ,EAAD,CAApC;AAEAC,IAAAA,UAAU,CAAC,MAAM;AACfnB,MAAAA,SAAS,CAACa,SAAV,CAAoBO,MAApB,CAA2B,4BAA3B;AACApB,MAAAA,SAAS,CAACa,SAAV,CAAoBC,GAApB,CAAwB,yBAAxB;AACAxD,MAAAA,SAAS,CAAC0C,SAAD,sBAAyBV,OAAzB,eAAqCC,OAArC,sBAAT;AACA5B,MAAAA,OAAO,CAACqC,SAAD,EAAY,IAAZ,CAAP;AACD,KALS,EAKP,CALO,CAAV;AAMD,GAhDa;;AAkDdqB,EAAAA,IAAI,CAAE9D,EAAF,EAA0B;AAAA;;AAC5B,QAAI,EAACA,EAAD,oCAACA,EAAE,CAAEwB,OAAL,qBAAC,aAAaa,OAAd,CAAJ,EAA2B;AAE3B,UAAMF,OAAO,GAAGnC,EAAE,CAAC+D,sBAAH,CAA0B,qBAA1B,CAAhB;AAEA,QAAI5B,OAAO,CAAClB,MAAR,KAAmB,CAAvB,EAA0B;AAC1B,UAAMwB,SAAS,GAAGN,OAAO,CAACA,OAAO,CAAClB,MAAR,GAAiB,CAAlB,CAAzB;AAEA,QAAIwB,SAAS,CAACW,OAAV,CAAkBY,QAAtB,EAAgC,OAAhC,KACKvB,SAAS,CAACW,OAAV,CAAkBY,QAAlB,GAA6B,MAA7B;AAEL,UAAMC,IAAI,GAAGP,WAAW,CAACC,GAAZ,KAAoBO,MAAM,CAACzB,SAAS,CAACW,OAAV,CAAkBI,SAAnB,CAAvC;AACA,UAAMW,KAAK,GAAGvC,IAAI,CAACwC,GAAL,CAAS,MAAMH,IAAf,EAAqB,CAArB,CAAd;AAEAL,IAAAA,UAAU,CAAC,MAAM;AACfnB,MAAAA,SAAS,CAACa,SAAV,CAAoBO,MAApB,CAA2B,yBAA3B;AACApB,MAAAA,SAAS,CAACa,SAAV,CAAoBC,GAApB,CAAwB,0BAAxB;AACAnD,MAAAA,OAAO,CAACqC,SAAD,EAAY,CAAZ,CAAP;AAEAmB,MAAAA,UAAU,CAAC,MAAM;AACf,cAAMzB,OAAO,GAAGnC,EAAE,CAAC+D,sBAAH,CAA0B,qBAA1B,CAAhB;;AACA,YAAI5B,OAAO,CAAClB,MAAR,KAAmB,CAAnB,IAAwBjB,EAAE,CAACoD,OAAH,CAAWC,gBAAvC,EAAyD;AACvDrD,UAAAA,EAAE,CAACE,KAAH,CAASiD,QAAT,GAAoBnD,EAAE,CAACoD,OAAH,CAAWC,gBAA/B;AACA,iBAAOrD,EAAE,CAACoD,OAAH,CAAWC,gBAAlB;AACD;;AAEDZ,QAAAA,SAAS,CAAC4B,UAAV,IAAwBrE,EAAE,CAACsE,WAAH,CAAe7B,SAAS,CAAC4B,UAAzB,CAAxB;AACD,OARS,EAQP,GARO,CAAV;AASD,KAdS,EAcPF,KAdO,CAAV;AAeD;;AA/Ea,CAAhB;;AAkFA,SAASI,eAAT,CAA0BtE,KAA1B,EAAqD;AACnD,SAAO,OAAOA,KAAP,KAAiB,WAAjB,IAAgC,CAAC,CAACA,KAAzC;AACD;;AAED,SAASuE,UAAT,CAAqBlE,CAArB,EAA4C;AAC1C,QAAML,KAAoB,GAAG,EAA7B;AACA,QAAMwE,OAAO,GAAGnE,CAAC,CAACoE,aAAlB;AAEA,MAAI,EAACD,OAAD,oBAACA,OAAO,CAAEjD,OAAV,KAAqBiD,OAAO,CAACjD,OAAR,CAAgBmD,OAArC,IAAgDrE,CAAC,CAACV,UAAD,CAArD,EAAmE,OAJzB,CAM1C;;AACAU,EAAAA,CAAC,CAACV,UAAD,CAAD,GAAgB,IAAhB;;AAEA,MAAIS,YAAY,CAACC,CAAD,CAAhB,EAAqB;AACnBmE,IAAAA,OAAO,CAACjD,OAAR,CAAgBmD,OAAhB,GAA0B,IAA1B;AACAF,IAAAA,OAAO,CAACjD,OAAR,CAAgBoD,OAAhB,GAA0B,IAA1B;AACD,GAHD,MAGO;AACL;AACA;AACA;AACA;AACA,QAAIH,OAAO,CAACjD,OAAR,CAAgBoD,OAApB,EAA6B;AAC9B;;AAED3E,EAAAA,KAAK,CAAC0B,MAAN,GAAe8C,OAAO,CAACjD,OAAR,CAAgBqD,QAAhB,IAA4BpE,eAAe,CAACH,CAAD,CAA1D;;AACA,MAAImE,OAAO,CAACjD,OAAR,CAAgBoB,KAApB,EAA2B;AACzB3C,IAAAA,KAAK,CAAC2C,KAAN,GAAc6B,OAAO,CAACjD,OAAR,CAAgBoB,KAA9B;AACD;;AAED,MAAIvC,YAAY,CAACC,CAAD,CAAhB,EAAqB;AACnB;AACA,QAAImE,OAAO,CAACjD,OAAR,CAAgBsD,eAApB,EAAqC;;AAErCL,IAAAA,OAAO,CAACjD,OAAR,CAAgBsD,eAAhB,GAAkC,MAAM;AACtC3C,MAAAA,OAAO,CAACC,IAAR,CAAa9B,CAAb,EAAgBmE,OAAhB,EAAyBxE,KAAzB;AACD,KAFD;;AAGAwE,IAAAA,OAAO,CAACjD,OAAR,CAAgBuD,SAAhB,GAA4B9B,MAAM,CAACW,UAAP,CAAkB,MAAM;AAAA;;AAClD,UAAIa,OAAJ,wCAAIA,OAAO,CAAEjD,OAAb,qBAAI,iBAAkBsD,eAAtB,EAAuC;AACrCL,QAAAA,OAAO,CAACjD,OAAR,CAAgBsD,eAAhB;;AACAL,QAAAA,OAAO,CAACjD,OAAR,CAAgBsD,eAAhB,GAAkC,IAAlC;AACD;AACF,KAL2B,EAKzBhF,YALyB,CAA5B;AAMD,GAbD,MAaO;AACLqC,IAAAA,OAAO,CAACC,IAAR,CAAa9B,CAAb,EAAgBmE,OAAhB,EAAyBxE,KAAzB;AACD;AACF;;AAED,SAAS+E,UAAT,CAAqB1E,CAArB,EAA+B;AAC7B,QAAMmE,OAAO,GAAGnE,CAAC,CAACoE,aAAlB;AACA,MAAI,CAACD,OAAD,IAAY,CAACA,OAAO,CAACjD,OAAzB,EAAkC;AAElCyB,EAAAA,MAAM,CAACgC,YAAP,CAAoBR,OAAO,CAACjD,OAAR,CAAgBuD,SAApC,EAJ6B,CAM7B;AACA;;AACA,MAAIzE,CAAC,CAAC4E,IAAF,KAAW,UAAX,IAAyBT,OAAO,CAACjD,OAAR,CAAgBsD,eAA7C,EAA8D;AAC5DL,IAAAA,OAAO,CAACjD,OAAR,CAAgBsD,eAAhB;;AACAL,IAAAA,OAAO,CAACjD,OAAR,CAAgBsD,eAAhB,GAAkC,IAAlC,CAF4D,CAI5D;;AACAL,IAAAA,OAAO,CAACjD,OAAR,CAAgBuD,SAAhB,GAA4BnB,UAAU,CAAC,MAAM;AAC3CoB,MAAAA,UAAU,CAAC1E,CAAD,CAAV;AACD,KAFqC,CAAtC;AAGA;AACD;;AAED2C,EAAAA,MAAM,CAACW,UAAP,CAAkB,MAAM;AACtB,QAAIa,OAAO,CAACjD,OAAZ,EAAqB;AACnBiD,MAAAA,OAAO,CAACjD,OAAR,CAAgBmD,OAAhB,GAA0B,KAA1B;AACD;AACF,GAJD;AAKAxC,EAAAA,OAAO,CAAC2B,IAAR,CAAaW,OAAb;AACD;;AAED,SAASU,gBAAT,CAA2B7E,CAA3B,EAAuD;AACrD,QAAMmE,OAAO,GAAGnE,CAAC,CAACoE,aAAlB;AAEA,MAAI,CAACD,OAAD,IAAY,CAACA,OAAO,CAACjD,OAAzB,EAAkC;;AAElC,MAAIiD,OAAO,CAACjD,OAAR,CAAgBsD,eAApB,EAAqC;AACnCL,IAAAA,OAAO,CAACjD,OAAR,CAAgBsD,eAAhB,GAAkC,IAAlC;AACD;;AAED7B,EAAAA,MAAM,CAACgC,YAAP,CAAoBR,OAAO,CAACjD,OAAR,CAAgBuD,SAApC;AACD;;AAED,IAAIK,cAAc,GAAG,KAArB;;AAEA,SAASC,kBAAT,CAA6B/E,CAA7B,EAA+C;AAC7C,MAAI,CAAC8E,cAAD,KAAoB9E,CAAC,CAACgF,OAAF,KAAc3F,QAAQ,CAAC4F,KAAvB,IAAgCjF,CAAC,CAACgF,OAAF,KAAc3F,QAAQ,CAAC6F,KAA3E,CAAJ,EAAuF;AACrFJ,IAAAA,cAAc,GAAG,IAAjB;AACAZ,IAAAA,UAAU,CAAClE,CAAD,CAAV;AACD;AACF;;AAED,SAASmF,kBAAT,CAA6BnF,CAA7B,EAA+C;AAC7C8E,EAAAA,cAAc,GAAG,KAAjB;AACAJ,EAAAA,UAAU,CAAC1E,CAAD,CAAV;AACD;;AAED,SAASoF,eAAT,CAA0BpF,CAA1B,EAAyC;AACvC,MAAI8E,cAAJ,EAAoB;AAClBA,IAAAA,cAAc,GAAG,KAAjB;AACAJ,IAAAA,UAAU,CAAC1E,CAAD,CAAV;AACD;AACF;;AAED,SAASqF,YAAT,CAAuB3F,EAAvB,EAAwC4F,OAAxC,EAAyEC,UAAzE,EAA8F;AAAA;;AAC5F,QAAM;AAAE5F,IAAAA,KAAF;AAAS6F,IAAAA;AAAT,MAAuBF,OAA7B;AACA,QAAMvD,OAAO,GAAGkC,eAAe,CAACtE,KAAD,CAA/B;;AACA,MAAI,CAACoC,OAAL,EAAc;AACZF,IAAAA,OAAO,CAAC2B,IAAR,CAAa9D,EAAb;AACD;;AAEDA,EAAAA,EAAE,CAACwB,OAAH,mBAAaxB,EAAE,CAACwB,OAAhB,2BAA2B,EAA3B;AACAxB,EAAAA,EAAE,CAACwB,OAAH,CAAWa,OAAX,GAAqBA,OAArB;AACArC,EAAAA,EAAE,CAACwB,OAAH,CAAWqD,QAAX,GAAsBiB,SAAS,CAACnE,MAAhC;AACA3B,EAAAA,EAAE,CAACwB,OAAH,CAAWC,MAAX,GAAoBqE,SAAS,CAACrE,MAA9B;;AACA,MAAI/B,QAAQ,CAACO,KAAD,CAAR,IAAmBA,KAAK,CAAC2C,KAA7B,EAAoC;AAClC5C,IAAAA,EAAE,CAACwB,OAAH,CAAWoB,KAAX,GAAmB3C,KAAK,CAAC2C,KAAzB;AACD;;AAED,MAAIP,OAAO,IAAI,CAACwD,UAAhB,EAA4B;AAC1B7F,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,YAApB,EAAkCvB,UAAlC,EAA8C;AAAEwB,MAAAA,OAAO,EAAE;AAAX,KAA9C;AACAhG,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,UAApB,EAAgCf,UAAhC,EAA4C;AAAEgB,MAAAA,OAAO,EAAE;AAAX,KAA5C;AACAhG,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,WAApB,EAAiCZ,gBAAjC,EAAmD;AAAEa,MAAAA,OAAO,EAAE;AAAX,KAAnD;AACAhG,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,aAApB,EAAmCf,UAAnC;AAEAhF,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,WAApB,EAAiCvB,UAAjC;AACAxE,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,SAApB,EAA+Bf,UAA/B;AACAhF,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,YAApB,EAAkCf,UAAlC;AAEAhF,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,SAApB,EAA+BV,kBAA/B;AACArF,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,OAApB,EAA6BN,kBAA7B;AAEAzF,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,MAApB,EAA4BL,eAA5B,EAb0B,CAe1B;;AACA1F,IAAAA,EAAE,CAAC+F,gBAAH,CAAoB,WAApB,EAAiCf,UAAjC,EAA6C;AAAEgB,MAAAA,OAAO,EAAE;AAAX,KAA7C;AACD,GAjBD,MAiBO,IAAI,CAAC3D,OAAD,IAAYwD,UAAhB,EAA4B;AACjCI,IAAAA,eAAe,CAACjG,EAAD,CAAf;AACD;AACF;;AAED,SAASiG,eAAT,CAA0BjG,EAA1B,EAA2C;AACzCA,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,WAAvB,EAAoC1B,UAApC;AACAxE,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,YAAvB,EAAqC1B,UAArC;AACAxE,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,UAAvB,EAAmClB,UAAnC;AACAhF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,WAAvB,EAAoCf,gBAApC;AACAnF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,aAAvB,EAAsClB,UAAtC;AACAhF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,SAAvB,EAAkClB,UAAlC;AACAhF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,YAAvB,EAAqClB,UAArC;AACAhF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,SAAvB,EAAkCb,kBAAlC;AACArF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,OAAvB,EAAgCT,kBAAhC;AACAzF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,WAAvB,EAAoClB,UAApC;AACAhF,EAAAA,EAAE,CAACkG,mBAAH,CAAuB,MAAvB,EAA+BR,eAA/B;AACD;;AAED,SAASS,OAAT,CAAkBnG,EAAlB,EAAmC4F,OAAnC,EAA8D;AAC5DD,EAAAA,YAAY,CAAC3F,EAAD,EAAK4F,OAAL,EAAc,KAAd,CAAZ;AACD;;AAED,SAASQ,SAAT,CAAoBpG,EAApB,EAAqC;AACnC,SAAOA,EAAE,CAACwB,OAAV;AACAyE,EAAAA,eAAe,CAACjG,EAAD,CAAf;AACD;;AAED,SAASqG,OAAT,CAAkBrG,EAAlB,EAAmC4F,OAAnC,EAA8D;AAC5D,MAAIA,OAAO,CAAC3F,KAAR,KAAkB2F,OAAO,CAACU,QAA9B,EAAwC;AACtC;AACD;;AAED,QAAMT,UAAU,GAAGtB,eAAe,CAACqB,OAAO,CAACU,QAAT,CAAlC;AACAX,EAAAA,YAAY,CAAC3F,EAAD,EAAK4F,OAAL,EAAcC,UAAd,CAAZ;AACD;;AAED,OAAO,MAAMU,MAAuB,GAAG;AACrCJ,EAAAA,OADqC;AAErCC,EAAAA,SAFqC;AAGrCC,EAAAA;AAHqC,CAAhC;AAMP,eAAeE,MAAf","sourcesContent":["// Styles\nimport './VRipple.sass'\n\n// Utilities\nimport { isObject, keyCodes } from '@/util'\n\n// Types\nimport type {\n  DirectiveBinding,\n  ObjectDirective,\n} from 'vue'\n\nconst rippleStop = Symbol('rippleStop')\n\ntype VuetifyRippleEvent = (MouseEvent | TouchEvent | KeyboardEvent) & { [rippleStop]?: boolean }\n\nconst DELAY_RIPPLE = 80\n\nfunction transform (el: HTMLElement, value: string) {\n  el.style.transform = value\n  el.style.webkitTransform = value\n}\n\nfunction opacity (el: HTMLElement, value: number) {\n  el.style.opacity = `calc(${value} * var(--v-theme-overlay-multiplier))`\n}\n\ninterface RippleOptions {\n  class?: string\n  center?: boolean\n  circle?: boolean\n}\n\nexport interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?: boolean | { class: string }\n  modifiers: {\n    center?: boolean\n    circle?: boolean\n  }\n}\n\nfunction isTouchEvent (e: VuetifyRippleEvent): e is TouchEvent {\n  return e.constructor.name === 'TouchEvent'\n}\n\nfunction isKeyboardEvent (e: VuetifyRippleEvent): e is KeyboardEvent {\n  return e.constructor.name === 'KeyboardEvent'\n}\n\nconst calculate = (\n  e: VuetifyRippleEvent,\n  el: HTMLElement,\n  value: RippleOptions = {}\n) => {\n  let localX = 0\n  let localY = 0\n\n  if (!isKeyboardEvent(e)) {\n    const offset = el.getBoundingClientRect()\n    const target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e\n\n    localX = target.clientX - offset.left\n    localY = target.clientY - offset.top\n  }\n\n  let radius = 0\n  let scale = 0.3\n  if (el._ripple?.circle) {\n    scale = 0.15\n    radius = el.clientWidth / 2\n    radius = value.center ? radius : radius + Math.sqrt((localX - radius) ** 2 + (localY - radius) ** 2) / 4\n  } else {\n    radius = Math.sqrt(el.clientWidth ** 2 + el.clientHeight ** 2) / 2\n  }\n\n  const centerX = `${(el.clientWidth - (radius * 2)) / 2}px`\n  const centerY = `${(el.clientHeight - (radius * 2)) / 2}px`\n\n  const x = value.center ? centerX : `${localX - radius}px`\n  const y = value.center ? centerY : `${localY - radius}px`\n\n  return { radius, scale, x, y, centerX, centerY }\n}\n\nconst ripples = {\n  /* eslint-disable max-statements */\n  show (\n    e: VuetifyRippleEvent,\n    el: HTMLElement,\n    value: RippleOptions = {}\n  ) {\n    if (!el?._ripple?.enabled) {\n      return\n    }\n\n    const container = document.createElement('span')\n    const animation = document.createElement('span')\n\n    container.appendChild(animation)\n    container.className = 'v-ripple__container'\n\n    if (value.class) {\n      container.className += ` ${value.class}`\n    }\n\n    const { radius, scale, x, y, centerX, centerY } = calculate(e, el, value)\n\n    const size = `${radius * 2}px`\n    animation.className = 'v-ripple__animation'\n    animation.style.width = size\n    animation.style.height = size\n\n    el.appendChild(container)\n\n    const computed = window.getComputedStyle(el)\n    if (computed && computed.position === 'static') {\n      el.style.position = 'relative'\n      el.dataset.previousPosition = 'static'\n    }\n\n    animation.classList.add('v-ripple__animation--enter')\n    animation.classList.add('v-ripple__animation--visible')\n    transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`)\n    opacity(animation, 0)\n    animation.dataset.activated = String(performance.now())\n\n    setTimeout(() => {\n      animation.classList.remove('v-ripple__animation--enter')\n      animation.classList.add('v-ripple__animation--in')\n      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`)\n      opacity(animation, 0.08)\n    }, 0)\n  },\n\n  hide (el: HTMLElement | null) {\n    if (!el?._ripple?.enabled) return\n\n    const ripples = el.getElementsByClassName('v-ripple__animation')\n\n    if (ripples.length === 0) return\n    const animation = ripples[ripples.length - 1]\n\n    if (animation.dataset.isHiding) return\n    else animation.dataset.isHiding = 'true'\n\n    const diff = performance.now() - Number(animation.dataset.activated)\n    const delay = Math.max(250 - diff, 0)\n\n    setTimeout(() => {\n      animation.classList.remove('v-ripple__animation--in')\n      animation.classList.add('v-ripple__animation--out')\n      opacity(animation, 0)\n\n      setTimeout(() => {\n        const ripples = el.getElementsByClassName('v-ripple__animation')\n        if (ripples.length === 1 && el.dataset.previousPosition) {\n          el.style.position = el.dataset.previousPosition\n          delete el.dataset.previousPosition\n        }\n\n        animation.parentNode && el.removeChild(animation.parentNode)\n      }, 300)\n    }, delay)\n  },\n}\n\nfunction isRippleEnabled (value: any): value is true {\n  return typeof value === 'undefined' || !!value\n}\n\nfunction rippleShow (e: VuetifyRippleEvent) {\n  const value: RippleOptions = {}\n  const element = e.currentTarget as HTMLElement | undefined\n\n  if (!element?._ripple || element._ripple.touched || e[rippleStop]) return\n\n  // Don't allow the event to trigger ripples on any other elements\n  e[rippleStop] = true\n\n  if (isTouchEvent(e)) {\n    element._ripple.touched = true\n    element._ripple.isTouch = true\n  } else {\n    // It's possible for touch events to fire\n    // as mouse events on Android/iOS, this\n    // will skip the event call if it has\n    // already been registered as touch\n    if (element._ripple.isTouch) return\n  }\n\n  value.center = element._ripple.centered || isKeyboardEvent(e)\n  if (element._ripple.class) {\n    value.class = element._ripple.class\n  }\n\n  if (isTouchEvent(e)) {\n    // already queued that shows or hides the ripple\n    if (element._ripple.showTimerCommit) return\n\n    element._ripple.showTimerCommit = () => {\n      ripples.show(e, element, value)\n    }\n    element._ripple.showTimer = window.setTimeout(() => {\n      if (element?._ripple?.showTimerCommit) {\n        element._ripple.showTimerCommit()\n        element._ripple.showTimerCommit = null\n      }\n    }, DELAY_RIPPLE)\n  } else {\n    ripples.show(e, element, value)\n  }\n}\n\nfunction rippleHide (e: Event) {\n  const element = e.currentTarget as HTMLElement | null\n  if (!element || !element._ripple) return\n\n  window.clearTimeout(element._ripple.showTimer)\n\n  // The touch interaction occurs before the show timer is triggered.\n  // We still want to show ripple effect.\n  if (e.type === 'touchend' && element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit()\n    element._ripple.showTimerCommit = null\n\n    // re-queue ripple hiding\n    element._ripple.showTimer = setTimeout(() => {\n      rippleHide(e)\n    })\n    return\n  }\n\n  window.setTimeout(() => {\n    if (element._ripple) {\n      element._ripple.touched = false\n    }\n  })\n  ripples.hide(element)\n}\n\nfunction rippleCancelShow (e: MouseEvent | TouchEvent) {\n  const element = e.currentTarget as HTMLElement | undefined\n\n  if (!element || !element._ripple) return\n\n  if (element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit = null\n  }\n\n  window.clearTimeout(element._ripple.showTimer)\n}\n\nlet keyboardRipple = false\n\nfunction keyboardRippleShow (e: KeyboardEvent) {\n  if (!keyboardRipple && (e.keyCode === keyCodes.enter || e.keyCode === keyCodes.space)) {\n    keyboardRipple = true\n    rippleShow(e)\n  }\n}\n\nfunction keyboardRippleHide (e: KeyboardEvent) {\n  keyboardRipple = false\n  rippleHide(e)\n}\n\nfunction focusRippleHide (e: FocusEvent) {\n  if (keyboardRipple) {\n    keyboardRipple = false\n    rippleHide(e)\n  }\n}\n\nfunction updateRipple (el: HTMLElement, binding: RippleDirectiveBinding, wasEnabled: boolean) {\n  const { value, modifiers } = binding\n  const enabled = isRippleEnabled(value)\n  if (!enabled) {\n    ripples.hide(el)\n  }\n\n  el._ripple = el._ripple ?? {}\n  el._ripple.enabled = enabled\n  el._ripple.centered = modifiers.center\n  el._ripple.circle = modifiers.circle\n  if (isObject(value) && value.class) {\n    el._ripple.class = value.class\n  }\n\n  if (enabled && !wasEnabled) {\n    el.addEventListener('touchstart', rippleShow, { passive: true })\n    el.addEventListener('touchend', rippleHide, { passive: true })\n    el.addEventListener('touchmove', rippleCancelShow, { passive: true })\n    el.addEventListener('touchcancel', rippleHide)\n\n    el.addEventListener('mousedown', rippleShow)\n    el.addEventListener('mouseup', rippleHide)\n    el.addEventListener('mouseleave', rippleHide)\n\n    el.addEventListener('keydown', keyboardRippleShow)\n    el.addEventListener('keyup', keyboardRippleHide)\n\n    el.addEventListener('blur', focusRippleHide)\n\n    // Anchor tags can be dragged, causes other hides to fail - #1537\n    el.addEventListener('dragstart', rippleHide, { passive: true })\n  } else if (!enabled && wasEnabled) {\n    removeListeners(el)\n  }\n}\n\nfunction removeListeners (el: HTMLElement) {\n  el.removeEventListener('mousedown', rippleShow)\n  el.removeEventListener('touchstart', rippleShow)\n  el.removeEventListener('touchend', rippleHide)\n  el.removeEventListener('touchmove', rippleCancelShow)\n  el.removeEventListener('touchcancel', rippleHide)\n  el.removeEventListener('mouseup', rippleHide)\n  el.removeEventListener('mouseleave', rippleHide)\n  el.removeEventListener('keydown', keyboardRippleShow)\n  el.removeEventListener('keyup', keyboardRippleHide)\n  el.removeEventListener('dragstart', rippleHide)\n  el.removeEventListener('blur', focusRippleHide)\n}\n\nfunction mounted (el: HTMLElement, binding: DirectiveBinding) {\n  updateRipple(el, binding, false)\n}\n\nfunction unmounted (el: HTMLElement) {\n  delete el._ripple\n  removeListeners(el)\n}\n\nfunction updated (el: HTMLElement, binding: DirectiveBinding) {\n  if (binding.value === binding.oldValue) {\n    return\n  }\n\n  const wasEnabled = isRippleEnabled(binding.oldValue)\n  updateRipple(el, binding, wasEnabled)\n}\n\nexport const Ripple: ObjectDirective = {\n  mounted,\n  unmounted,\n  updated,\n}\n\nexport default Ripple\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/directives/ripple/index.ts"],"names":["isObject","keyCodes","stopSymbol","Symbol","DELAY_RIPPLE","transform","el","value","style","webkitTransform","opacity","isTouchEvent","e","constructor","name","isKeyboardEvent","calculate","localX","localY","offset","getBoundingClientRect","target","touches","length","clientX","left","clientY","top","radius","scale","_ripple","circle","clientWidth","center","Math","sqrt","clientHeight","centerX","centerY","x","y","ripples","show","enabled","container","document","createElement","animation","appendChild","className","class","size","width","height","computed","window","getComputedStyle","position","dataset","previousPosition","classList","add","activated","String","performance","now","setTimeout","remove","hide","getElementsByClassName","isHiding","diff","Number","delay","max","parentNode","removeChild","isRippleEnabled","rippleShow","element","currentTarget","touched","isTouch","centered","showTimerCommit","showTimer","rippleStop","rippleHide","clearTimeout","type","rippleCancelShow","keyboardRipple","keyboardRippleShow","keyCode","enter","space","keyboardRippleHide","focusRippleHide","updateRipple","binding","wasEnabled","modifiers","stop","addEventListener","passive","removeListeners","removeEventListener","mounted","unmounted","updated","oldValue","Ripple"],"mappings":"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","sourcesContent":["// Styles\nimport './VRipple.sass'\n\n// Utilities\nimport { isObject, keyCodes } from '@/util'\n\n// Types\nimport type {\n  DirectiveBinding,\n  ObjectDirective,\n} from 'vue'\n\nconst stopSymbol = Symbol('rippleStop')\n\ntype VuetifyRippleEvent = (MouseEvent | TouchEvent | KeyboardEvent) & { [stopSymbol]?: boolean }\n\nconst DELAY_RIPPLE = 80\n\nfunction transform (el: HTMLElement, value: string) {\n  el.style.transform = value\n  el.style.webkitTransform = value\n}\n\nfunction opacity (el: HTMLElement, value: number) {\n  el.style.opacity = `calc(${value} * var(--v-theme-overlay-multiplier))`\n}\n\ninterface RippleOptions {\n  class?: string\n  center?: boolean\n  circle?: boolean\n}\n\nexport interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?: boolean | { class: string }\n  modifiers: {\n    center?: boolean\n    circle?: boolean\n    stop?: boolean\n  }\n}\n\nfunction isTouchEvent (e: VuetifyRippleEvent): e is TouchEvent {\n  return e.constructor.name === 'TouchEvent'\n}\n\nfunction isKeyboardEvent (e: VuetifyRippleEvent): e is KeyboardEvent {\n  return e.constructor.name === 'KeyboardEvent'\n}\n\nconst calculate = (\n  e: VuetifyRippleEvent,\n  el: HTMLElement,\n  value: RippleOptions = {}\n) => {\n  let localX = 0\n  let localY = 0\n\n  if (!isKeyboardEvent(e)) {\n    const offset = el.getBoundingClientRect()\n    const target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e\n\n    localX = target.clientX - offset.left\n    localY = target.clientY - offset.top\n  }\n\n  let radius = 0\n  let scale = 0.3\n  if (el._ripple?.circle) {\n    scale = 0.15\n    radius = el.clientWidth / 2\n    radius = value.center ? radius : radius + Math.sqrt((localX - radius) ** 2 + (localY - radius) ** 2) / 4\n  } else {\n    radius = Math.sqrt(el.clientWidth ** 2 + el.clientHeight ** 2) / 2\n  }\n\n  const centerX = `${(el.clientWidth - (radius * 2)) / 2}px`\n  const centerY = `${(el.clientHeight - (radius * 2)) / 2}px`\n\n  const x = value.center ? centerX : `${localX - radius}px`\n  const y = value.center ? centerY : `${localY - radius}px`\n\n  return { radius, scale, x, y, centerX, centerY }\n}\n\nconst ripples = {\n  /* eslint-disable max-statements */\n  show (\n    e: VuetifyRippleEvent,\n    el: HTMLElement,\n    value: RippleOptions = {}\n  ) {\n    if (!el?._ripple?.enabled) {\n      return\n    }\n\n    const container = document.createElement('span')\n    const animation = document.createElement('span')\n\n    container.appendChild(animation)\n    container.className = 'v-ripple__container'\n\n    if (value.class) {\n      container.className += ` ${value.class}`\n    }\n\n    const { radius, scale, x, y, centerX, centerY } = calculate(e, el, value)\n\n    const size = `${radius * 2}px`\n    animation.className = 'v-ripple__animation'\n    animation.style.width = size\n    animation.style.height = size\n\n    el.appendChild(container)\n\n    const computed = window.getComputedStyle(el)\n    if (computed && computed.position === 'static') {\n      el.style.position = 'relative'\n      el.dataset.previousPosition = 'static'\n    }\n\n    animation.classList.add('v-ripple__animation--enter')\n    animation.classList.add('v-ripple__animation--visible')\n    transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`)\n    opacity(animation, 0)\n    animation.dataset.activated = String(performance.now())\n\n    setTimeout(() => {\n      animation.classList.remove('v-ripple__animation--enter')\n      animation.classList.add('v-ripple__animation--in')\n      transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`)\n      opacity(animation, 0.08)\n    }, 0)\n  },\n\n  hide (el: HTMLElement | null) {\n    if (!el?._ripple?.enabled) return\n\n    const ripples = el.getElementsByClassName('v-ripple__animation')\n\n    if (ripples.length === 0) return\n    const animation = ripples[ripples.length - 1]\n\n    if (animation.dataset.isHiding) return\n    else animation.dataset.isHiding = 'true'\n\n    const diff = performance.now() - Number(animation.dataset.activated)\n    const delay = Math.max(250 - diff, 0)\n\n    setTimeout(() => {\n      animation.classList.remove('v-ripple__animation--in')\n      animation.classList.add('v-ripple__animation--out')\n      opacity(animation, 0)\n\n      setTimeout(() => {\n        const ripples = el.getElementsByClassName('v-ripple__animation')\n        if (ripples.length === 1 && el.dataset.previousPosition) {\n          el.style.position = el.dataset.previousPosition\n          delete el.dataset.previousPosition\n        }\n\n        animation.parentNode && el.removeChild(animation.parentNode)\n      }, 300)\n    }, delay)\n  },\n}\n\nfunction isRippleEnabled (value: any): value is true {\n  return typeof value === 'undefined' || !!value\n}\n\nfunction rippleShow (e: VuetifyRippleEvent) {\n  const value: RippleOptions = {}\n  const element = e.currentTarget as HTMLElement | undefined\n\n  if (!element?._ripple || element._ripple.touched || e[stopSymbol]) return\n\n  // Don't allow the event to trigger ripples on any other elements\n  e[stopSymbol] = true\n\n  if (isTouchEvent(e)) {\n    element._ripple.touched = true\n    element._ripple.isTouch = true\n  } else {\n    // It's possible for touch events to fire\n    // as mouse events on Android/iOS, this\n    // will skip the event call if it has\n    // already been registered as touch\n    if (element._ripple.isTouch) return\n  }\n\n  value.center = element._ripple.centered || isKeyboardEvent(e)\n  if (element._ripple.class) {\n    value.class = element._ripple.class\n  }\n\n  if (isTouchEvent(e)) {\n    // already queued that shows or hides the ripple\n    if (element._ripple.showTimerCommit) return\n\n    element._ripple.showTimerCommit = () => {\n      ripples.show(e, element, value)\n    }\n    element._ripple.showTimer = window.setTimeout(() => {\n      if (element?._ripple?.showTimerCommit) {\n        element._ripple.showTimerCommit()\n        element._ripple.showTimerCommit = null\n      }\n    }, DELAY_RIPPLE)\n  } else {\n    ripples.show(e, element, value)\n  }\n}\n\nfunction rippleStop (e: VuetifyRippleEvent) {\n  e[stopSymbol] = true\n}\n\nfunction rippleHide (e: Event) {\n  const element = e.currentTarget as HTMLElement | null\n  if (!element || !element._ripple) return\n\n  window.clearTimeout(element._ripple.showTimer)\n\n  // The touch interaction occurs before the show timer is triggered.\n  // We still want to show ripple effect.\n  if (e.type === 'touchend' && element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit()\n    element._ripple.showTimerCommit = null\n\n    // re-queue ripple hiding\n    element._ripple.showTimer = window.setTimeout(() => {\n      rippleHide(e)\n    })\n    return\n  }\n\n  window.setTimeout(() => {\n    if (element._ripple) {\n      element._ripple.touched = false\n    }\n  })\n  ripples.hide(element)\n}\n\nfunction rippleCancelShow (e: MouseEvent | TouchEvent) {\n  const element = e.currentTarget as HTMLElement | undefined\n\n  if (!element || !element._ripple) return\n\n  if (element._ripple.showTimerCommit) {\n    element._ripple.showTimerCommit = null\n  }\n\n  window.clearTimeout(element._ripple.showTimer)\n}\n\nlet keyboardRipple = false\n\nfunction keyboardRippleShow (e: KeyboardEvent) {\n  if (!keyboardRipple && (e.keyCode === keyCodes.enter || e.keyCode === keyCodes.space)) {\n    keyboardRipple = true\n    rippleShow(e)\n  }\n}\n\nfunction keyboardRippleHide (e: KeyboardEvent) {\n  keyboardRipple = false\n  rippleHide(e)\n}\n\nfunction focusRippleHide (e: FocusEvent) {\n  if (keyboardRipple) {\n    keyboardRipple = false\n    rippleHide(e)\n  }\n}\n\nfunction updateRipple (el: HTMLElement, binding: RippleDirectiveBinding, wasEnabled: boolean) {\n  const { value, modifiers } = binding\n  const enabled = isRippleEnabled(value)\n  if (!enabled) {\n    ripples.hide(el)\n  }\n\n  el._ripple = el._ripple ?? {}\n  el._ripple.enabled = enabled\n  el._ripple.centered = modifiers.center\n  el._ripple.circle = modifiers.circle\n  if (isObject(value) && value.class) {\n    el._ripple.class = value.class\n  }\n\n  if (enabled && !wasEnabled) {\n    if (modifiers.stop) {\n      el.addEventListener('touchstart', rippleStop, { passive: true })\n      el.addEventListener('mousedown', rippleStop)\n      return\n    }\n\n    el.addEventListener('touchstart', rippleShow, { passive: true })\n    el.addEventListener('touchend', rippleHide, { passive: true })\n    el.addEventListener('touchmove', rippleCancelShow, { passive: true })\n    el.addEventListener('touchcancel', rippleHide)\n\n    el.addEventListener('mousedown', rippleShow)\n    el.addEventListener('mouseup', rippleHide)\n    el.addEventListener('mouseleave', rippleHide)\n\n    el.addEventListener('keydown', keyboardRippleShow)\n    el.addEventListener('keyup', keyboardRippleHide)\n\n    el.addEventListener('blur', focusRippleHide)\n\n    // Anchor tags can be dragged, causes other hides to fail - #1537\n    el.addEventListener('dragstart', rippleHide, { passive: true })\n  } else if (!enabled && wasEnabled) {\n    removeListeners(el)\n  }\n}\n\nfunction removeListeners (el: HTMLElement) {\n  el.removeEventListener('mousedown', rippleShow)\n  el.removeEventListener('touchstart', rippleShow)\n  el.removeEventListener('touchend', rippleHide)\n  el.removeEventListener('touchmove', rippleCancelShow)\n  el.removeEventListener('touchcancel', rippleHide)\n  el.removeEventListener('mouseup', rippleHide)\n  el.removeEventListener('mouseleave', rippleHide)\n  el.removeEventListener('keydown', keyboardRippleShow)\n  el.removeEventListener('keyup', keyboardRippleHide)\n  el.removeEventListener('dragstart', rippleHide)\n  el.removeEventListener('blur', focusRippleHide)\n}\n\nfunction mounted (el: HTMLElement, binding: DirectiveBinding) {\n  updateRipple(el, binding, false)\n}\n\nfunction unmounted (el: HTMLElement) {\n  delete el._ripple\n  removeListeners(el)\n}\n\nfunction updated (el: HTMLElement, binding: DirectiveBinding) {\n  if (binding.value === binding.oldValue) {\n    return\n  }\n\n  const wasEnabled = isRippleEnabled(binding.oldValue)\n  updateRipple(el, binding, wasEnabled)\n}\n\nexport const Ripple: ObjectDirective = {\n  mounted,\n  unmounted,\n  updated,\n}\n\nexport default Ripple\n"],"file":"index.mjs"}

package/lib/directives/scroll/index.mjs

@@ -12,7 +12,8 @@ function mounted(el, binding) {
   const target = self ? el : binding.arg ? document.querySelector(binding.arg) : window;
   if (!target) return;
   target.addEventListener('scroll', handler, options);
-  el._onScroll = {
+  el._onScroll = Object(el._onScroll);
+  el._onScroll[binding.instance.$.uid] = {
     handler,
     options,
     // Don't reference self
@@ -20,20 +21,22 @@ function mounted(el, binding) {
   };
 }
 
-function unmounted(el) {
-  if (!el._onScroll) return;
+function unmounted(el, binding) {
+  var _el$_onScroll;
+
+  if (!((_el$_onScroll = el._onScroll) != null && _el$_onScroll[binding.instance.$.uid])) return;
   const {
     handler,
     options,
     target = el
-  } = el._onScroll;
+  } = el._onScroll[binding.instance.$.uid];
   target.removeEventListener('scroll', handler, options);
-  delete el._onScroll;
+  delete el._onScroll[binding.instance.$.uid];
 }
 
 function updated(el, binding) {
   if (binding.value === binding.oldValue) return;
-  unmounted(el);
+  unmounted(el, binding);
   mounted(el, binding);
 }
 

package/lib/directives/scroll/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":["mounted","el","binding","self","modifiers","value","options","passive","handler","target","arg","document","querySelector","window","addEventListener","_onScroll","undefined","unmounted","removeEventListener","updated","oldValue","Scroll"],"mappings":"AAYA,SAASA,OAAT,CAAkBC,EAAlB,EAAmCC,OAAnC,EAAoE;AAAA;;AAClE,QAAM;AAAEC,IAAAA,IAAI,GAAG;AAAT,4BAAmBD,OAAO,CAACE,SAA3B,iCAAwC,EAA9C;AACA,QAAMC,KAAK,GAAGH,OAAO,CAACG,KAAtB;AACA,QAAMC,OAAO,GAAI,OAAOD,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACC,OAApC,IAAgD;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAAhE;AACA,QAAMC,OAAO,GAAG,OAAOH,KAAP,KAAiB,UAAjB,IAA+B,iBAAiBA,KAAhD,GAAwDA,KAAxD,GAAgEA,KAAK,CAACG,OAAtF;AAEA,QAAMC,MAAM,GAAGN,IAAI,GACfF,EADe,GAEfC,OAAO,CAACQ,GAAR,GACEC,QAAQ,CAACC,aAAT,CAAuBV,OAAO,CAACQ,GAA/B,CADF,GAEEG,MAJN;AAMA,MAAI,CAACJ,MAAL,EAAa;AAEbA,EAAAA,MAAM,CAACK,gBAAP,CAAwB,QAAxB,EAAkCN,OAAlC,EAA2CF,OAA3C;AAEAL,EAAAA,EAAE,CAACc,SAAH,GAAe;AACbP,IAAAA,OADa;AAEbF,IAAAA,OAFa;AAGb;AACAG,IAAAA,MAAM,EAAEN,IAAI,GAAGa,SAAH,GAAeP;AAJd,GAAf;AAMD;;AAED,SAASQ,SAAT,CAAoBhB,EAApB,EAAqC;AACnC,MAAI,CAACA,EAAE,CAACc,SAAR,EAAmB;AAEnB,QAAM;AAAEP,IAAAA,OAAF;AAAWF,IAAAA,OAAX;AAAoBG,IAAAA,MAAM,GAAGR;AAA7B,MAAoCA,EAAE,CAACc,SAA7C;AAEAN,EAAAA,MAAM,CAACS,mBAAP,CAA2B,QAA3B,EAAqCV,OAArC,EAA8CF,OAA9C;AACA,SAAOL,EAAE,CAACc,SAAV;AACD;;AAED,SAASI,OAAT,CAAkBlB,EAAlB,EAAmCC,OAAnC,EAAoE;AAClE,MAAIA,OAAO,CAACG,KAAR,KAAkBH,OAAO,CAACkB,QAA9B,EAAwC;AAExCH,EAAAA,SAAS,CAAChB,EAAD,CAAT;AACAD,EAAAA,OAAO,CAACC,EAAD,EAAKC,OAAL,CAAP;AACD;;AAED,OAAO,MAAMmB,MAAM,GAAG;AACpBrB,EAAAA,OADoB;AAEpBiB,EAAAA,SAFoB;AAGpBE,EAAAA;AAHoB,CAAf;AAMP,eAAeE,MAAf","sourcesContent":["import type { DirectiveBinding } from 'vue'\n\ninterface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n  value: EventListener | {\n    handler: EventListener\n    options?: AddEventListenerOptions\n  } | EventListenerObject & { options?: AddEventListenerOptions }\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction mounted (el: HTMLElement, binding: ScrollDirectiveBinding) {\n  const { self = false } = binding.modifiers ?? {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || { passive: true }\n  const handler = typeof value === 'function' || 'handleEvent' in value ? value : 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 = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target,\n  }\n}\n\nfunction unmounted (el: HTMLElement) {\n  if (!el._onScroll) return\n\n  const { handler, options, target = el } = el._onScroll\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll\n}\n\nfunction updated (el: HTMLElement, binding: ScrollDirectiveBinding) {\n  if (binding.value === binding.oldValue) return\n\n  unmounted(el)\n  mounted(el, binding)\n}\n\nexport const Scroll = {\n  mounted,\n  unmounted,\n  updated,\n}\n\nexport default Scroll\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/directives/scroll/index.ts"],"names":["mounted","el","binding","self","modifiers","value","options","passive","handler","target","arg","document","querySelector","window","addEventListener","_onScroll","Object","instance","$","uid","undefined","unmounted","removeEventListener","updated","oldValue","Scroll"],"mappings":"AAYA,SAASA,OAAT,CAAkBC,EAAlB,EAAmCC,OAAnC,EAAoE;AAAA;;AAClE,QAAM;AAAEC,IAAAA,IAAI,GAAG;AAAT,4BAAmBD,OAAO,CAACE,SAA3B,iCAAwC,EAA9C;AACA,QAAMC,KAAK,GAAGH,OAAO,CAACG,KAAtB;AACA,QAAMC,OAAO,GAAI,OAAOD,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACC,OAApC,IAAgD;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAAhE;AACA,QAAMC,OAAO,GAAG,OAAOH,KAAP,KAAiB,UAAjB,IAA+B,iBAAiBA,KAAhD,GAAwDA,KAAxD,GAAgEA,KAAK,CAACG,OAAtF;AAEA,QAAMC,MAAM,GAAGN,IAAI,GACfF,EADe,GAEfC,OAAO,CAACQ,GAAR,GACEC,QAAQ,CAACC,aAAT,CAAuBV,OAAO,CAACQ,GAA/B,CADF,GAEEG,MAJN;AAMA,MAAI,CAACJ,MAAL,EAAa;AAEbA,EAAAA,MAAM,CAACK,gBAAP,CAAwB,QAAxB,EAAkCN,OAAlC,EAA2CF,OAA3C;AAEAL,EAAAA,EAAE,CAACc,SAAH,GAAeC,MAAM,CAACf,EAAE,CAACc,SAAJ,CAArB;AACAd,EAAAA,EAAE,CAACc,SAAH,CAAcb,OAAO,CAACe,QAAR,CAAkBC,CAAlB,CAAoBC,GAAlC,IAAyC;AACvCX,IAAAA,OADuC;AAEvCF,IAAAA,OAFuC;AAGvC;AACAG,IAAAA,MAAM,EAAEN,IAAI,GAAGiB,SAAH,GAAeX;AAJY,GAAzC;AAMD;;AAED,SAASY,SAAT,CAAoBpB,EAApB,EAAqCC,OAArC,EAAsE;AAAA;;AACpE,MAAI,mBAACD,EAAE,CAACc,SAAJ,aAAC,cAAeb,OAAO,CAACe,QAAR,CAAkBC,CAAlB,CAAoBC,GAAnC,CAAD,CAAJ,EAA8C;AAE9C,QAAM;AAAEX,IAAAA,OAAF;AAAWF,IAAAA,OAAX;AAAoBG,IAAAA,MAAM,GAAGR;AAA7B,MAAoCA,EAAE,CAACc,SAAH,CAAab,OAAO,CAACe,QAAR,CAAkBC,CAAlB,CAAoBC,GAAjC,CAA1C;AAEAV,EAAAA,MAAM,CAACa,mBAAP,CAA2B,QAA3B,EAAqCd,OAArC,EAA8CF,OAA9C;AACA,SAAOL,EAAE,CAACc,SAAH,CAAab,OAAO,CAACe,QAAR,CAAkBC,CAAlB,CAAoBC,GAAjC,CAAP;AACD;;AAED,SAASI,OAAT,CAAkBtB,EAAlB,EAAmCC,OAAnC,EAAoE;AAClE,MAAIA,OAAO,CAACG,KAAR,KAAkBH,OAAO,CAACsB,QAA9B,EAAwC;AAExCH,EAAAA,SAAS,CAACpB,EAAD,EAAKC,OAAL,CAAT;AACAF,EAAAA,OAAO,CAACC,EAAD,EAAKC,OAAL,CAAP;AACD;;AAED,OAAO,MAAMuB,MAAM,GAAG;AACpBzB,EAAAA,OADoB;AAEpBqB,EAAAA,SAFoB;AAGpBE,EAAAA;AAHoB,CAAf;AAMP,eAAeE,MAAf","sourcesContent":["import type { DirectiveBinding } from 'vue'\n\ninterface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {\n  value: EventListener | {\n    handler: EventListener\n    options?: AddEventListenerOptions\n  } | EventListenerObject & { options?: AddEventListenerOptions }\n  modifiers?: {\n    self?: boolean\n  }\n}\n\nfunction mounted (el: HTMLElement, binding: ScrollDirectiveBinding) {\n  const { self = false } = binding.modifiers ?? {}\n  const value = binding.value\n  const options = (typeof value === 'object' && value.options) || { passive: true }\n  const handler = typeof value === 'function' || 'handleEvent' in value ? value : 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![binding.instance!.$.uid] = {\n    handler,\n    options,\n    // Don't reference self\n    target: self ? undefined : target,\n  }\n}\n\nfunction unmounted (el: HTMLElement, binding: ScrollDirectiveBinding) {\n  if (!el._onScroll?.[binding.instance!.$.uid]) return\n\n  const { handler, options, target = el } = el._onScroll[binding.instance!.$.uid]!\n\n  target.removeEventListener('scroll', handler, options)\n  delete el._onScroll[binding.instance!.$.uid]\n}\n\nfunction updated (el: HTMLElement, binding: ScrollDirectiveBinding) {\n  if (binding.value === binding.oldValue) return\n\n  unmounted(el, binding)\n  mounted(el, binding)\n}\n\nexport const Scroll = {\n  mounted,\n  unmounted,\n  updated,\n}\n\nexport default Scroll\n"],"file":"index.mjs"}