@volverjs/ui-vue 0.0.14 → 0.0.15

package/dist/composables/index.es.js

@@ -1,22 +1,22 @@
-import { computed as c, getCurrentInstance as _, onMounted as A, onUnmounted as U, reactive as z, ref as d, unref as u } from "vue";
+import { computed as u, getCurrentInstance as _, onMounted as A, onUnmounted as T, reactive as z, ref as d, unref as c } from "vue";
 import { wrap as P } from "comlink";
 import D from "pica";
 import { useVirtualizer as N } from "@tanstack/vue-virtual";
-var j = 1e4, F = "info", g = "default", T = "information", W = "check-circle", V = "warning", H = "error", M = /* @__PURE__ */ new Map([
+var j = 1e4, F = "info", g = "default", U = "information", W = "check-circle", V = "warning", H = "error", w = /* @__PURE__ */ new Map([
   ["success", W],
-  ["info", T],
+  ["info", U],
   ["warning", V],
   ["danger", H]
 ]), m = z(/* @__PURE__ */ new Map([[g, /* @__PURE__ */ new Map()]]));
 function Z() {
-  const n = ({ id: r = crypto.randomUUID(), group: a = g, title: s, icon: o = T, content: i, footer: l, modifiers: f = F, dismissable: p = !0, autoClose: h = j, timestamp: x = Date.now() } = {}) => {
+  const n = ({ id: r = crypto.randomUUID(), group: a = g, title: s, icon: o = U, content: i, footer: l, modifiers: f = F, dismissable: p = !0, autoClose: h = j, timestamp: I = Date.now() } = {}) => {
     m.has(a) || m.set(a, /* @__PURE__ */ new Map());
-    const C = m.get(a), k = typeof f == "string" ? f.split(" ") : f;
+    const x = m.get(a), k = typeof f == "string" ? f.split(" ") : f;
     if (!o) {
-      const w = k.find((O) => M.has(O));
-      w && (o = M.get(w));
+      const M = k.find((O) => w.has(O));
+      M && (o = w.get(M));
     }
-    C?.set(r.toString(), {
+    x?.set(r.toString(), {
       id: r,
       group: a,
       title: s,
@@ -26,11 +26,11 @@ function Z() {
       modifiers: f,
       dismissable: p,
       autoClose: h,
-      timestamp: x
+      timestamp: I
     });
   }, t = (r, a = g) => {
     m.get(a)?.delete(r.toString());
-  }, e = (r = g) => c(() => {
+  }, e = (r = g) => u(() => {
     const a = m.get(r);
     return a && a instanceof Map ? [...a.values()].toSorted((s, o) => s.timestamp - o.timestamp) : [];
   });
@@ -43,12 +43,12 @@ function Z() {
   };
 }
 function nn(n, t) {
-  const { x: e, y: r, getBoundingClientRect: a, onScroll: s } = G(n), o = (l) => {
+  const { x: e, y: r, getBoundingClientRect: a, onScroll: s } = $(n), o = (l) => {
     e.value = l.clientX, r.value = l.clientY, l.preventDefault(), n.value.show();
-  }, i = c(() => u(t));
+  }, i = u(() => c(t));
   return i && _() && (A(() => {
     i.value?.addEventListener("contextmenu", o, !1);
-  }), U(() => {
+  }), T(() => {
     i.value?.removeEventListener("contextmenu", o);
   })), {
     x: e,
@@ -59,16 +59,16 @@ function nn(n, t) {
   };
 }
 function B(n) {
-  if (!n) return;
+  if (!n || typeof globalThis.getComputedStyle != "function" || typeof document > "u") return;
   let t = n.parentElement;
   for (; t; ) {
-    const { overflow: e } = window.getComputedStyle(t);
+    const { overflow: e } = globalThis.getComputedStyle(t);
     if (e.split(" ").every((r) => r === "auto" || r === "scroll")) return t;
     t = t.parentElement;
   }
   return document.documentElement;
 }
-function G(n) {
+function $(n) {
   const t = d(0), e = d(0), r = d();
   let a = 0, s = 0, o = 0, i = 0;
   const l = (p) => {
@@ -86,7 +86,7 @@ function G(n) {
   });
   return _() && (A(() => {
     n.value && (n.value.init({ getBoundingClientRect: f }), r.value = B(n.value.$el), r.value && r.value.addEventListener("scroll", l));
-  }), U(() => {
+  }), T(() => {
     r.value && r.value.removeEventListener("scroll", l);
   })), {
     x: t,
@@ -95,7 +95,7 @@ function G(n) {
     onScroll: l
   };
 }
-var I = `(function() {
+var C = `(function() {
 	var v = [
 		"0",
 		"1",
@@ -514,8 +514,8 @@ var I = `(function() {
 		isBlurhashValid: Y
 	});
 })();
-`, E = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", I], { type: "text/javascript;charset=utf-8" });
-function $(n) {
+`, E = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", C], { type: "text/javascript;charset=utf-8" });
+function G(n) {
   let t;
   try {
     if (t = E && (self.URL || self.webkitURL).createObjectURL(E), !t) throw "";
@@ -524,17 +524,17 @@ function $(n) {
       (self.URL || self.webkitURL).revokeObjectURL(t);
     }), e;
   } catch {
-    return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(I), { name: n?.name });
+    return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(C), { name: n?.name });
   }
 }
 var v;
 function y() {
-  return v || (v = P(new $())), v;
+  return v || (v = P(new G())), v;
 }
 function b(n) {
   return new Promise((t, e) => {
     const r = new Image();
-    r.onload = () => t(r), r.onerror = (...a) => e(a), r.src = n;
+    r.onload = () => t(r), r.onerror = () => e(/* @__PURE__ */ new Error(`Failed to load image: ${n}`)), r.src = n;
   });
 }
 function Y(n, t, e) {
@@ -582,17 +582,17 @@ function S(n) {
 function en(n) {
   const t = N({
     get count() {
-      return u(n.count);
+      return c(n.count);
     },
-    getScrollElement: () => u(n.scrollEl),
+    getScrollElement: () => c(n.scrollEl),
     getItemKey: n.getItemKey,
     estimateSize: (i) => {
-      const l = u(n.estimateSize);
+      const l = c(n.estimateSize);
       return typeof l == "function" ? l(i) : L(l);
     },
-    overscan: L(u(n.overscan)),
-    horizontal: u(n.horizontal)
-  }), e = c(() => t.value.getVirtualItems()), r = c(() => e.value.length), a = c(() => e.value[0]), s = c(() => e.value[r.value - 1]), o = c(() => t.value.getTotalSize() ?? 0);
+    overscan: L(c(n.overscan)),
+    horizontal: c(n.horizontal)
+  }), e = u(() => t.value.getVirtualItems()), r = u(() => e.value.length), a = u(() => e.value[0]), s = u(() => e.value[r.value - 1]), o = u(() => t.value.getTotalSize() ?? 0);
   return {
     virtualizer: t,
     virtualItems: e,
@@ -600,20 +600,20 @@ function en(n) {
     firstVirtualItem: a,
     lastVirtualItem: s,
     totalSize: o,
-    startSpacer: c(() => {
+    startSpacer: u(() => {
       const i = a.value?.start ?? 0;
       return {
         show: i > 0,
         size: i,
-        style: u(n.horizontal) ? R(i) : S(i)
+        style: c(n.horizontal) ? R(i) : S(i)
       };
     }),
-    endSpacer: c(() => {
+    endSpacer: u(() => {
       const i = s.value?.end ?? 0, l = o.value - i;
       return {
         show: l > 0,
         size: l,
-        style: u(n.horizontal) ? R(l) : S(l)
+        style: c(n.horizontal) ? R(l) : S(l)
       };
     })
   };
@@ -622,6 +622,6 @@ export {
   Z as useAlert,
   tn as useBlurhash,
   nn as useDropdownContextmenu,
-  G as useDropdownVirtualElement,
+  $ as useDropdownVirtualElement,
   en as useVirtualScroll
 };

package/dist/composables/index.umd.js

@@ -1,4 +1,4 @@
-(function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("comlink"),require("pica"),require("@tanstack/vue-virtual")):typeof define=="function"&&define.amd?define(["exports","vue","comlink","pica","@tanstack/vue-virtual"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.composables={},u.Vue,u.comlink,u.pica,u.TanstackVueVirtual))})(this,function(u,a,U,g,P){Object.defineProperty(u,Symbol.toStringTag,{value:"Module"});var C=Object.create,v=Object.defineProperty,I=Object.getOwnPropertyDescriptor,x=Object.getOwnPropertyNames,k=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,z=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(var o=x(t),c=0,i=o.length,l;c<i;c++)l=o[c],!j.call(n,l)&&l!==e&&v(n,l,{get:(s=>t[s]).bind(null,l),enumerable:!(r=I(t,l))||r.enumerable});return n},D=(n,t,e)=>(e=n!=null?C(k(n)):{},z(t||!n||!n.__esModule?v(e,"default",{value:n,enumerable:!0}):e,n));g=D(g,1);var N=1e4,V="info",m="default",M="information",F="check-circle",W="warning",H="error",y=new Map([["success",F],["info",M],["warning",W],["danger",H]]),h=(0,a.reactive)(new Map([[m,new Map]]));function B(){const n=({id:r=crypto.randomUUID(),group:o=m,title:c,icon:i=M,content:l,footer:s,modifiers:f=V,dismissable:w=!0,autoClose:p=N,timestamp:Q=Date.now()}={})=>{h.has(o)||h.set(o,new Map);const Z=h.get(o),nn=typeof f=="string"?f.split(" "):f;if(!i){const A=nn.find(tn=>y.has(tn));A&&(i=y.get(A))}Z?.set(r.toString(),{id:r,group:o,title:c,icon:i,content:l,footer:s,modifiers:f,dismissable:w,autoClose:p,timestamp:Q})},t=(r,o=m)=>{h.get(o)?.delete(r.toString())},e=(r=m)=>(0,a.computed)(()=>{const o=h.get(r);return o&&o instanceof Map?[...o.values()].toSorted((c,i)=>c.timestamp-i.timestamp):[]});return{groups:h,alerts:e(),addAlert:n,removeAlert:t,getAlerts:e}}function G(n,t){const{x:e,y:r,getBoundingClientRect:o,onScroll:c}=E(n),i=s=>{e.value=s.clientX,r.value=s.clientY,s.preventDefault(),n.value.show()},l=(0,a.computed)(()=>(0,a.unref)(t));return l&&(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{l.value?.addEventListener("contextmenu",i,!1)}),(0,a.onUnmounted)(()=>{l.value?.removeEventListener("contextmenu",i)})),{x:e,y:r,getBoundingClientRect:o,onContextmenu:i,onScroll:c}}function $(n){if(!n)return;let t=n.parentElement;for(;t;){const{overflow:e}=window.getComputedStyle(t);if(e.split(" ").every(r=>r==="auto"||r==="scroll"))return t;t=t.parentElement}return document.documentElement}function E(n){const t=(0,a.ref)(0),e=(0,a.ref)(0),r=(0,a.ref)();let o=0,c=0,i=0,l=0;const s=w=>{const p=w.target;o=p.scrollLeft-l,c=p.scrollTop-i,e.value=e.value-c,t.value=t.value-o,l=p.scrollLeft,i=p.scrollTop},f=()=>({width:0,height:0,x:t.value,y:e.value,top:e.value,left:t.value,right:t.value,bottom:e.value});return(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{n.value&&(n.value.init({getBoundingClientRect:f}),r.value=$(n.value.$el),r.value&&r.value.addEventListener("scroll",s))}),(0,a.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",s)})),{x:t,y:e,getBoundingClientRect:f,onScroll:s}}var b=`(function() {
+(function(c,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("comlink"),require("pica"),require("@tanstack/vue-virtual")):typeof define=="function"&&define.amd?define(["exports","vue","comlink","pica","@tanstack/vue-virtual"],a):(c=typeof globalThis<"u"?globalThis:c||self,a(c.composables={},c.Vue,c.comlink,c.pica,c.TanstackVueVirtual))})(this,function(c,a,U,g,P){Object.defineProperty(c,Symbol.toStringTag,{value:"Module"});var C=Object.create,v=Object.defineProperty,I=Object.getOwnPropertyDescriptor,x=Object.getOwnPropertyNames,k=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty,z=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(var o=x(t),u=0,i=o.length,l;u<i;u++)l=o[u],!j.call(n,l)&&l!==e&&v(n,l,{get:(s=>t[s]).bind(null,l),enumerable:!(r=I(t,l))||r.enumerable});return n},D=(n,t,e)=>(e=n!=null?C(k(n)):{},z(t||!n||!n.__esModule?v(e,"default",{value:n,enumerable:!0}):e,n));g=D(g,1);var N=1e4,F="info",m="default",M="information",V="check-circle",W="warning",H="error",y=new Map([["success",V],["info",M],["warning",W],["danger",H]]),h=(0,a.reactive)(new Map([[m,new Map]]));function B(){const n=({id:r=crypto.randomUUID(),group:o=m,title:u,icon:i=M,content:l,footer:s,modifiers:f=F,dismissable:w=!0,autoClose:p=N,timestamp:Q=Date.now()}={})=>{h.has(o)||h.set(o,new Map);const Z=h.get(o),nn=typeof f=="string"?f.split(" "):f;if(!i){const A=nn.find(tn=>y.has(tn));A&&(i=y.get(A))}Z?.set(r.toString(),{id:r,group:o,title:u,icon:i,content:l,footer:s,modifiers:f,dismissable:w,autoClose:p,timestamp:Q})},t=(r,o=m)=>{h.get(o)?.delete(r.toString())},e=(r=m)=>(0,a.computed)(()=>{const o=h.get(r);return o&&o instanceof Map?[...o.values()].toSorted((u,i)=>u.timestamp-i.timestamp):[]});return{groups:h,alerts:e(),addAlert:n,removeAlert:t,getAlerts:e}}function $(n,t){const{x:e,y:r,getBoundingClientRect:o,onScroll:u}=E(n),i=s=>{e.value=s.clientX,r.value=s.clientY,s.preventDefault(),n.value.show()},l=(0,a.computed)(()=>(0,a.unref)(t));return l&&(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{l.value?.addEventListener("contextmenu",i,!1)}),(0,a.onUnmounted)(()=>{l.value?.removeEventListener("contextmenu",i)})),{x:e,y:r,getBoundingClientRect:o,onContextmenu:i,onScroll:u}}function G(n){if(!n||typeof globalThis.getComputedStyle!="function"||typeof document>"u")return;let t=n.parentElement;for(;t;){const{overflow:e}=globalThis.getComputedStyle(t);if(e.split(" ").every(r=>r==="auto"||r==="scroll"))return t;t=t.parentElement}return document.documentElement}function E(n){const t=(0,a.ref)(0),e=(0,a.ref)(0),r=(0,a.ref)();let o=0,u=0,i=0,l=0;const s=w=>{const p=w.target;o=p.scrollLeft-l,u=p.scrollTop-i,e.value=e.value-u,t.value=t.value-o,l=p.scrollLeft,i=p.scrollTop},f=()=>({width:0,height:0,x:t.value,y:e.value,top:e.value,left:t.value,right:t.value,bottom:e.value});return(0,a.getCurrentInstance)()&&((0,a.onMounted)(()=>{n.value&&(n.value.init({getBoundingClientRect:f}),r.value=G(n.value.$el),r.value&&r.value.addEventListener("scroll",s))}),(0,a.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",s)})),{x:t,y:e,getBoundingClientRect:f,onScroll:s}}var b=`(function() {
 	var v = [
 		"0",
 		"1",
@@ -417,4 +417,4 @@
 		isBlurhashValid: Y
 	});
 })();
-`,_=typeof self<"u"&&self.Blob&&new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);",b],{type:"text/javascript;charset=utf-8"});function q(n){let t;try{if(t=_&&(self.URL||self.webkitURL).createObjectURL(_),!t)throw"";const e=new Worker(t,{name:n?.name});return e.addEventListener("error",()=>{(self.URL||self.webkitURL).revokeObjectURL(t)}),e}catch{return new Worker("data:text/javascript;charset=utf-8,"+encodeURIComponent(b),{name:n?.name})}}var d;function L(){return d||(d=(0,U.wrap)(new q)),d}function R(n){return new Promise((t,e)=>{const r=new Image;r.onload=()=>t(r),r.onerror=(...o)=>e(o),r.src=n})}function Y(n,t,e){return n>t?{width:e,height:Math.round(e*(t/n))}:{width:Math.round(e*(n/t)),height:e}}async function X(n,t,e){const r=(0,g.default)(),o=document.createElement("canvas");return o.width=t,o.height=e,(await r.resize(n,o)).getContext("2d")?.getImageData(0,0,t,e).data}function K(){async function n(t){const e=URL.createObjectURL(t);try{const r=await R(e);if("width"in r&&"height"in r){const{width:o,height:c}=Y(r.width,r.height,32),i=await X(r,o,c);if(i)return L().encode(i,o,c,4,4)}}finally{URL.revokeObjectURL(e)}}return{encode:n,decode:(...t)=>L().decode(...t),loadImage:R}}function S(n){if(n!==void 0)return typeof n=="number"?n:Number.parseInt(n.replace("px",""),10)}function O(n){return{width:`${n}px`}}function T(n){return{height:`${n}px`}}function J(n){const t=(0,P.useVirtualizer)({get count(){return(0,a.unref)(n.count)},getScrollElement:()=>(0,a.unref)(n.scrollEl),getItemKey:n.getItemKey,estimateSize:l=>{const s=(0,a.unref)(n.estimateSize);return typeof s=="function"?s(l):S(s)},overscan:S((0,a.unref)(n.overscan)),horizontal:(0,a.unref)(n.horizontal)}),e=(0,a.computed)(()=>t.value.getVirtualItems()),r=(0,a.computed)(()=>e.value.length),o=(0,a.computed)(()=>e.value[0]),c=(0,a.computed)(()=>e.value[r.value-1]),i=(0,a.computed)(()=>t.value.getTotalSize()??0);return{virtualizer:t,virtualItems:e,virtualItemsLength:r,firstVirtualItem:o,lastVirtualItem:c,totalSize:i,startSpacer:(0,a.computed)(()=>{const l=o.value?.start??0;return{show:l>0,size:l,style:(0,a.unref)(n.horizontal)?O(l):T(l)}}),endSpacer:(0,a.computed)(()=>{const l=c.value?.end??0,s=i.value-l;return{show:s>0,size:s,style:(0,a.unref)(n.horizontal)?O(s):T(s)}})}}u.useAlert=B,u.useBlurhash=K,u.useDropdownContextmenu=G,u.useDropdownVirtualElement=E,u.useVirtualScroll=J});
+`,_=typeof self<"u"&&self.Blob&&new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);",b],{type:"text/javascript;charset=utf-8"});function q(n){let t;try{if(t=_&&(self.URL||self.webkitURL).createObjectURL(_),!t)throw"";const e=new Worker(t,{name:n?.name});return e.addEventListener("error",()=>{(self.URL||self.webkitURL).revokeObjectURL(t)}),e}catch{return new Worker("data:text/javascript;charset=utf-8,"+encodeURIComponent(b),{name:n?.name})}}var d;function L(){return d||(d=(0,U.wrap)(new q)),d}function R(n){return new Promise((t,e)=>{const r=new Image;r.onload=()=>t(r),r.onerror=()=>e(new Error(`Failed to load image: ${n}`)),r.src=n})}function Y(n,t,e){return n>t?{width:e,height:Math.round(e*(t/n))}:{width:Math.round(e*(n/t)),height:e}}async function X(n,t,e){const r=(0,g.default)(),o=document.createElement("canvas");return o.width=t,o.height=e,(await r.resize(n,o)).getContext("2d")?.getImageData(0,0,t,e).data}function K(){async function n(t){const e=URL.createObjectURL(t);try{const r=await R(e);if("width"in r&&"height"in r){const{width:o,height:u}=Y(r.width,r.height,32),i=await X(r,o,u);if(i)return L().encode(i,o,u,4,4)}}finally{URL.revokeObjectURL(e)}}return{encode:n,decode:(...t)=>L().decode(...t),loadImage:R}}function S(n){if(n!==void 0)return typeof n=="number"?n:Number.parseInt(n.replace("px",""),10)}function O(n){return{width:`${n}px`}}function T(n){return{height:`${n}px`}}function J(n){const t=(0,P.useVirtualizer)({get count(){return(0,a.unref)(n.count)},getScrollElement:()=>(0,a.unref)(n.scrollEl),getItemKey:n.getItemKey,estimateSize:l=>{const s=(0,a.unref)(n.estimateSize);return typeof s=="function"?s(l):S(s)},overscan:S((0,a.unref)(n.overscan)),horizontal:(0,a.unref)(n.horizontal)}),e=(0,a.computed)(()=>t.value.getVirtualItems()),r=(0,a.computed)(()=>e.value.length),o=(0,a.computed)(()=>e.value[0]),u=(0,a.computed)(()=>e.value[r.value-1]),i=(0,a.computed)(()=>t.value.getTotalSize()??0);return{virtualizer:t,virtualItems:e,virtualItemsLength:r,firstVirtualItem:o,lastVirtualItem:u,totalSize:i,startSpacer:(0,a.computed)(()=>{const l=o.value?.start??0;return{show:l>0,size:l,style:(0,a.unref)(n.horizontal)?O(l):T(l)}}),endSpacer:(0,a.computed)(()=>{const l=u.value?.end??0,s=i.value-l;return{show:s>0,size:s,style:(0,a.unref)(n.horizontal)?O(s):T(s)}})}}c.useAlert=B,c.useBlurhash=K,c.useDropdownContextmenu=$,c.useDropdownVirtualElement=E,c.useVirtualScroll=J});

package/dist/composables/useModifiers.d.ts

@@ -1,2 +1,2 @@
 import type { Ref } from 'vue';
-export declare function useModifiers(prefix: string, modifiers?: Ref<string | string[] | unknown | unknown[] | undefined>, others?: Ref<Record<string, boolean>>): globalThis.ComputedRef<Record<string, boolean>>;
+export declare function useModifiers(prefix: string, modifiers?: Ref<unknown>, others?: Ref<Record<string, boolean>>): globalThis.ComputedRef<Record<string, boolean>>;

package/dist/constants.d.ts

@@ -1,6 +1,6 @@
 import type { Emitter } from 'mitt';
 import type { InjectionKey, Ref } from 'vue';
-import type { AccordionGroupState, AlertGroupState, ButtonGroupState, InputGroupState } from './types';
+import type { AccordionGroupState, AlertGroupState, AlertModifier, ButtonGroupState, InputGroupState } from './types';
 import type { Volver } from './Volver';
 export declare const DEFAULT_ICONIFY_PROVIDER = "vv";
 export declare enum StorageType {
@@ -101,4 +101,4 @@ export declare const DEFAULT_ALERT_INFO_ICON = "information";
 export declare const DEFAULT_ALERT_SUCCESS_ICON = "check-circle";
 export declare const DEFAULT_ALERT_WARNING_ICON = "warning";
 export declare const DEFAULT_ALERT_DANGER_ICON = "error";
-export declare const DefaultAlertIconMap: Map<string, string>;
+export declare const DefaultAlertIconMap: Map<AlertModifier, string>;

package/dist/directives/index.es.js

@@ -1,4 +1,4 @@
-import { computed as y, createElementBlock as V, createTextVNode as I, defineComponent as $, getCurrentInstance as D, h as B, normalizeClass as F, onMounted as j, onUnmounted as N, openBlock as q, ref as v, render as x, renderSlot as K, toDisplayString as M, toRefs as U, unref as g } from "vue";
+import { computed as y, createElementBlock as V, createTextVNode as I, defineComponent as $, getCurrentInstance as j, h as B, normalizeClass as F, onMounted as w, onUnmounted as N, openBlock as q, ref as v, render as x, renderSlot as K, toDisplayString as M, toRefs as U, unref as g } from "vue";
 var L = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), z = /* @__PURE__ */ (function(e) {
@@ -18,7 +18,7 @@ function G(e, t) {
   const { x: o, y: a, getBoundingClientRect: l, onScroll: r } = H(e), i = (n) => {
     o.value = n.clientX, a.value = n.clientY, n.preventDefault(), e.value.show();
   }, u = y(() => g(t));
-  return u && D() && (j(() => {
+  return u && j() && (w(() => {
     u.value?.addEventListener("contextmenu", i, !1);
   }), N(() => {
     u.value?.removeEventListener("contextmenu", i);
@@ -31,10 +31,10 @@ function G(e, t) {
   };
 }
 function _(e) {
-  if (!e) return;
+  if (!e || typeof globalThis.getComputedStyle != "function" || typeof document > "u") return;
   let t = e.parentElement;
   for (; t; ) {
-    const { overflow: o } = window.getComputedStyle(t);
+    const { overflow: o } = globalThis.getComputedStyle(t);
     if (o.split(" ").every((a) => a === "auto" || a === "scroll")) return t;
     t = t.parentElement;
   }
@@ -43,10 +43,10 @@ function _(e) {
 function H(e) {
   const t = v(0), o = v(0), a = v();
   let l = 0, r = 0, i = 0, u = 0;
-  const n = (T) => {
-    const s = T.target;
+  const n = (R) => {
+    const s = R.target;
     l = s.scrollLeft - u, r = s.scrollTop - i, o.value = o.value - r, t.value = t.value - l, u = s.scrollLeft, i = s.scrollTop;
-  }, h = () => ({
+  }, P = () => ({
     width: 0,
     height: 0,
     x: t.value,
@@ -56,14 +56,14 @@ function H(e) {
     right: t.value,
     bottom: o.value
   });
-  return D() && (j(() => {
-    e.value && (e.value.init({ getBoundingClientRect: h }), a.value = _(e.value.$el), a.value && a.value.addEventListener("scroll", n));
+  return j() && (w(() => {
+    e.value && (e.value.init({ getBoundingClientRect: P }), a.value = _(e.value.$el), a.value && a.value.addEventListener("scroll", n));
   }), N(() => {
     a.value && a.value.removeEventListener("scroll", n);
   })), {
     x: t,
     y: o,
-    getBoundingClientRect: h,
+    getBoundingClientRect: P,
     onScroll: n
   };
 }
@@ -164,7 +164,7 @@ var ce = {
 } }, p = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, P = { hintLabel: {
+} }, h = { hintLabel: {
   type: String,
   default: ""
 } }, te = {
@@ -267,7 +267,7 @@ var ce = {
     type: Boolean,
     default: !1
   }
-}, R = {
+}, T = {
   ...ne,
   name: {
     type: String,
@@ -280,7 +280,7 @@ var ce = {
   type: String,
   default: "off"
 } }, be = {
-  ...R,
+  ...T,
   ...ie,
   ...ue,
   ...A,
@@ -288,7 +288,7 @@ var ce = {
   ...C,
   ...b,
   ...m,
-  ...P,
+  ...h,
   ...S,
   ...p,
   ...oe,
@@ -310,11 +310,11 @@ var ce = {
   },
   ...k
 }, me = {
-  ...R,
+  ...T,
   ...A,
   ...b,
   ...m,
-  ...P,
+  ...h,
   ...d,
   ...C,
   ...p,
@@ -341,7 +341,7 @@ var ce = {
   ...b,
   ...m,
   ...te,
-  ...P,
+  ...h,
   ...d,
   ...C,
   ...p,
@@ -386,7 +386,7 @@ var ce = {
     type: String,
     default: Y.button
   }
-}, Pe = {
+}, he = {
   storageType: {
     type: String,
     default: L.local,
@@ -422,15 +422,15 @@ var fe = { name: "VvTooltip" }, pe = /* @__PURE__ */ $({
       inert: ""
     }, [K(l.$slots, "default", {}, () => [I(M(l.value), 1)])], 2));
   }
-}), w = pe, he = {
+}), D = pe, Pe = {
   beforeMount(e, t) {
-    x(B(w, {
+    x(B(D, {
       value: t.value,
       position: t.arg
     }), e);
   },
   updated(e, t) {
-    x(B(w, {
+    x(B(D, {
       value: t.value,
       position: t.arg
     }), e);
@@ -438,5 +438,5 @@ var fe = { name: "VvTooltip" }, pe = /* @__PURE__ */ $({
 };
 export {
   ce as vContextmenu,
-  he as vTooltip
+  Pe as vTooltip
 };

package/dist/directives/index.umd.js

@@ -1 +1 @@
-(function(i,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i.directives={},i.Vue))})(this,function(i,t){Object.defineProperty(i,Symbol.toStringTag,{value:"Module"});var C=(function(e){return e.local="local",e.session="session",e})({}),D=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),y=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),N=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),P=(function(e){return e.before="before",e.after="after",e})({}),B=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),_=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({});function k(e,o){const{x:a,y:r,getBoundingClientRect:n,onScroll:l}=T(e),d=u=>{a.value=u.clientX,r.value=u.clientY,u.preventDefault(),e.value.show()},s=(0,t.computed)(()=>(0,t.unref)(o));return s&&(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{s.value?.addEventListener("contextmenu",d,!1)}),(0,t.onUnmounted)(()=>{s.value?.removeEventListener("contextmenu",d)})),{x:a,y:r,getBoundingClientRect:n,onContextmenu:d,onScroll:l}}function x(e){if(!e)return;let o=e.parentElement;for(;o;){const{overflow:a}=window.getComputedStyle(o);if(a.split(" ").every(r=>r==="auto"||r==="scroll"))return o;o=o.parentElement}return document.documentElement}function T(e){const o=(0,t.ref)(0),a=(0,t.ref)(0),r=(0,t.ref)();let n=0,l=0,d=0,s=0;const u=ee=>{const v=ee.target;n=v.scrollLeft-s,l=v.scrollTop-d,a.value=a.value-l,o.value=o.value-n,s=v.scrollLeft,d=v.scrollTop},w=()=>({width:0,height:0,x:o.value,y:a.value,top:a.value,left:o.value,right:o.value,bottom:a.value});return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:w}),r.value=x(e.value.$el),r.value&&r.value.addEventListener("scroll",u))}),(0,t.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",u)})),{x:o,y:a,getBoundingClientRect:w,onScroll:u}}var A={beforeUpdate(e,o){const{onContextmenu:a,onScroll:r,getBoundingClientRect:n}=k(o);o.value.init({getBoundingClientRect:n}),e.addEventListener("contextmenu",a,!1);const l=x(o.value.$el);l&&l.addEventListener("scroll",r),e.additionalData={onContextmenu:a,onScroll:r,scrollContainerEl:l}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}},V={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},I={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},g={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},b={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},m={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},f={disabled:{type:Boolean,default:!1}},L={required:{type:Boolean,default:!1}},R={active:{type:Boolean,default:!1}},$={current:{type:Boolean,default:!1}},te={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:V.clear},labelClear:{type:String,default:"Clear"}},M={pressed:{type:Boolean,default:!1}},p={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},c={modifiers:{type:[String,Array],default:void 0}},h={hintLabel:{type:String,default:""}},q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},F={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},U={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},E={tabindex:{type:[String,Number],default:0}},z={floating:{type:Boolean,default:!1}},X={id:[String,Number]},oe={placement:{type:String,default:y.bottom,validator:e=>Object.values(y).includes(e)||Object.values(N).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(D).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},O={...X,name:{type:String,required:!0}},Y={autofocus:{type:Boolean,default:!1}},G={autocomplete:{type:String,default:"off"}},ae={...O,...Y,...G,...E,...f,...S,...g,...b,...h,...m,...c,...F,...K,...U,...z,...p,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...L},re={...O,...E,...g,...b,...h,...f,...S,...c,...p,...m,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},le={...g,...b,...q,...h,...f,...S,...c,...p,...m,...L,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ne={...f,...p,...M,...R,...$,...I,type:{type:String,default:B.button,validator:e=>Object.values(B).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:_.button}},ie={storageType:{type:String,default:C.local,validator:e=>Object.values(C).includes(e)},storageKey:String},H={...c,position:{type:String,default:y.bottom},value:{type:String}};function W(e,o,a){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof o?.value=="string"?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(l=>{l&&(r[`${e}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{r[`${e}--${l}`]=(0,t.unref)(a.value[l])}),r})}var J={name:"VvTooltip"},Q=(0,t.defineComponent)({...J,props:H,setup(e){const o=e,{modifiers:a}=(0,t.toRefs)(o),r=W("vv-tooltip",a,(0,t.computed)(()=>({[o.position]:!0})));return(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("span",{class:(0,t.normalizeClass)((0,t.unref)(r)),role:"tooltip",inert:""},[(0,t.renderSlot)(n.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.value),1)])],2))}}),j=Q,Z={beforeMount(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)},updated(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)}};i.vContextmenu=A,i.vTooltip=Z});
+(function(i,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i.directives={},i.Vue))})(this,function(i,t){Object.defineProperty(i,Symbol.toStringTag,{value:"Module"});var C=(function(e){return e.local="local",e.session="session",e})({}),w=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),y=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),N=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),P=(function(e){return e.before="before",e.after="after",e})({}),B=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),T=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({});function _(e,o){const{x:a,y:r,getBoundingClientRect:n,onScroll:l}=k(e),d=u=>{a.value=u.clientX,r.value=u.clientY,u.preventDefault(),e.value.show()},s=(0,t.computed)(()=>(0,t.unref)(o));return s&&(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{s.value?.addEventListener("contextmenu",d,!1)}),(0,t.onUnmounted)(()=>{s.value?.removeEventListener("contextmenu",d)})),{x:a,y:r,getBoundingClientRect:n,onContextmenu:d,onScroll:l}}function x(e){if(!e||typeof globalThis.getComputedStyle!="function"||typeof document>"u")return;let o=e.parentElement;for(;o;){const{overflow:a}=globalThis.getComputedStyle(o);if(a.split(" ").every(r=>r==="auto"||r==="scroll"))return o;o=o.parentElement}return document.documentElement}function k(e){const o=(0,t.ref)(0),a=(0,t.ref)(0),r=(0,t.ref)();let n=0,l=0,d=0,s=0;const u=ee=>{const v=ee.target;n=v.scrollLeft-s,l=v.scrollTop-d,a.value=a.value-l,o.value=o.value-n,s=v.scrollLeft,d=v.scrollTop},D=()=>({width:0,height:0,x:o.value,y:a.value,top:a.value,left:o.value,right:o.value,bottom:a.value});return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:D}),r.value=x(e.value.$el),r.value&&r.value.addEventListener("scroll",u))}),(0,t.onUnmounted)(()=>{r.value&&r.value.removeEventListener("scroll",u)})),{x:o,y:a,getBoundingClientRect:D,onScroll:u}}var A={beforeUpdate(e,o){const{onContextmenu:a,onScroll:r,getBoundingClientRect:n}=_(o);o.value.init({getBoundingClientRect:n}),e.addEventListener("contextmenu",a,!1);const l=x(o.value.$el);l&&l.addEventListener("scroll",r),e.additionalData={onContextmenu:a,onScroll:r,scrollContainerEl:l}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}},V={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},I={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},g={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},b={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},m={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},f={disabled:{type:Boolean,default:!1}},L={required:{type:Boolean,default:!1}},R={active:{type:Boolean,default:!1}},$={current:{type:Boolean,default:!1}},te={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:V.clear},labelClear:{type:String,default:"Clear"}},M={pressed:{type:Boolean,default:!1}},p={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},c={modifiers:{type:[String,Array],default:void 0}},h={hintLabel:{type:String,default:""}},q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},F={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},U={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},E={tabindex:{type:[String,Number],default:0}},z={floating:{type:Boolean,default:!1}},X={id:[String,Number]},oe={placement:{type:String,default:y.bottom,validator:e=>Object.values(y).includes(e)||Object.values(N).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(w).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},O={...X,name:{type:String,required:!0}},Y={autofocus:{type:Boolean,default:!1}},G={autocomplete:{type:String,default:"off"}},ae={...O,...Y,...G,...E,...f,...S,...g,...b,...h,...m,...c,...F,...K,...U,...z,...p,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...L},re={...O,...E,...g,...b,...h,...f,...S,...c,...p,...m,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},le={...g,...b,...q,...h,...f,...S,...c,...p,...m,...L,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ne={...f,...p,...M,...R,...$,...I,type:{type:String,default:B.button,validator:e=>Object.values(B).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:T.button}},ie={storageType:{type:String,default:C.local,validator:e=>Object.values(C).includes(e)},storageKey:String},H={...c,position:{type:String,default:y.bottom},value:{type:String}};function W(e,o,a){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof o?.value=="string"?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(l=>{l&&(r[`${e}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{r[`${e}--${l}`]=(0,t.unref)(a.value[l])}),r})}var J={name:"VvTooltip"},Q=(0,t.defineComponent)({...J,props:H,setup(e){const o=e,{modifiers:a}=(0,t.toRefs)(o),r=W("vv-tooltip",a,(0,t.computed)(()=>({[o.position]:!0})));return(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)("span",{class:(0,t.normalizeClass)((0,t.unref)(r)),role:"tooltip",inert:""},[(0,t.renderSlot)(n.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(n.value),1)])],2))}}),j=Q,Z={beforeMount(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)},updated(e,o){(0,t.render)((0,t.h)(j,{value:o.value,position:o.arg}),e)}};i.vContextmenu=A,i.vTooltip=Z});

package/dist/directives/v-contextmenu.es.js

@@ -1,8 +1,8 @@
-import { computed as E, getCurrentInstance as d, onMounted as f, onUnmounted as m, ref as s, unref as p } from "vue";
-function D(e, t) {
-  const { x: n, y: l, getBoundingClientRect: r, onScroll: o } = L(e), u = (a) => {
+import { computed as x, getCurrentInstance as d, onMounted as f, onUnmounted as m, ref as s, unref as E } from "vue";
+function g(e, t) {
+  const { x: n, y: l, getBoundingClientRect: r, onScroll: o } = D(e), u = (a) => {
     n.value = a.clientX, l.value = a.clientY, a.preventDefault(), e.value.show();
-  }, i = E(() => p(t));
+  }, i = x(() => E(t));
   return i && d() && (f(() => {
     i.value?.addEventListener("contextmenu", u, !1);
   }), m(() => {
@@ -15,21 +15,21 @@ function D(e, t) {
     onScroll: o
   };
 }
-function C(e) {
-  if (!e) return;
+function p(e) {
+  if (!e || typeof globalThis.getComputedStyle != "function" || typeof document > "u") return;
   let t = e.parentElement;
   for (; t; ) {
-    const { overflow: n } = window.getComputedStyle(t);
+    const { overflow: n } = globalThis.getComputedStyle(t);
     if (n.split(" ").every((l) => l === "auto" || l === "scroll")) return t;
     t = t.parentElement;
   }
   return document.documentElement;
 }
-function L(e) {
+function D(e) {
   const t = s(0), n = s(0), l = s();
   let r = 0, o = 0, u = 0, i = 0;
-  const a = (x) => {
-    const c = x.target;
+  const a = (C) => {
+    const c = C.target;
     r = c.scrollLeft - i, o = c.scrollTop - u, n.value = n.value - o, t.value = t.value - r, i = c.scrollLeft, u = c.scrollTop;
   }, v = () => ({
     width: 0,
@@ -42,7 +42,7 @@ function L(e) {
     bottom: n.value
   });
   return d() && (f(() => {
-    e.value && (e.value.init({ getBoundingClientRect: v }), l.value = C(e.value.$el), l.value && l.value.addEventListener("scroll", a));
+    e.value && (e.value.init({ getBoundingClientRect: v }), l.value = p(e.value.$el), l.value && l.value.addEventListener("scroll", a));
   }), m(() => {
     l.value && l.value.removeEventListener("scroll", a);
   })), {
@@ -54,9 +54,9 @@ function L(e) {
 }
 var S = {
   beforeUpdate(e, t) {
-    const { onContextmenu: n, onScroll: l, getBoundingClientRect: r } = D(t);
+    const { onContextmenu: n, onScroll: l, getBoundingClientRect: r } = g(t);
     t.value.init({ getBoundingClientRect: r }), e.addEventListener("contextmenu", n, !1);
-    const o = C(t.value.$el);
+    const o = p(t.value.$el);
     o && o.addEventListener("scroll", l), e.additionalData = {
       onContextmenu: n,
       onScroll: l,

package/dist/directives/v-contextmenu.umd.js

@@ -1 +1 @@
-(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(n=typeof globalThis<"u"?globalThis:n||self,n["v-contextmenu"]=s(n.Vue))})(this,function(n){function s(e,t){const{x:o,y:l,getBoundingClientRect:i,onScroll:a}=m(e),u=r=>{o.value=r.clientX,l.value=r.clientY,r.preventDefault(),e.value.show()},c=(0,n.computed)(()=>(0,n.unref)(t));return c&&(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{c.value?.addEventListener("contextmenu",u,!1)}),(0,n.onUnmounted)(()=>{c.value?.removeEventListener("contextmenu",u)})),{x:o,y:l,getBoundingClientRect:i,onContextmenu:u,onScroll:a}}function f(e){if(!e)return;let t=e.parentElement;for(;t;){const{overflow:o}=window.getComputedStyle(t);if(o.split(" ").every(l=>l==="auto"||l==="scroll"))return t;t=t.parentElement}return document.documentElement}function m(e){const t=(0,n.ref)(0),o=(0,n.ref)(0),l=(0,n.ref)();let i=0,a=0,u=0,c=0;const r=x=>{const d=x.target;i=d.scrollLeft-c,a=d.scrollTop-u,o.value=o.value-a,t.value=t.value-i,c=d.scrollLeft,u=d.scrollTop},v=()=>({width:0,height:0,x:t.value,y:o.value,top:o.value,left:t.value,right:t.value,bottom:o.value});return(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:v}),l.value=f(e.value.$el),l.value&&l.value.addEventListener("scroll",r))}),(0,n.onUnmounted)(()=>{l.value&&l.value.removeEventListener("scroll",r)})),{x:t,y:o,getBoundingClientRect:v,onScroll:r}}var p={beforeUpdate(e,t){const{onContextmenu:o,onScroll:l,getBoundingClientRect:i}=s(t);t.value.init({getBoundingClientRect:i}),e.addEventListener("contextmenu",o,!1);const a=f(t.value.$el);a&&a.addEventListener("scroll",l),e.additionalData={onContextmenu:o,onScroll:l,scrollContainerEl:a}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}};return p});
+(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(n=typeof globalThis<"u"?globalThis:n||self,n["v-contextmenu"]=s(n.Vue))})(this,function(n){function s(e,t){const{x:o,y:l,getBoundingClientRect:i,onScroll:a}=m(e),u=r=>{o.value=r.clientX,l.value=r.clientY,r.preventDefault(),e.value.show()},c=(0,n.computed)(()=>(0,n.unref)(t));return c&&(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{c.value?.addEventListener("contextmenu",u,!1)}),(0,n.onUnmounted)(()=>{c.value?.removeEventListener("contextmenu",u)})),{x:o,y:l,getBoundingClientRect:i,onContextmenu:u,onScroll:a}}function f(e){if(!e||typeof globalThis.getComputedStyle!="function"||typeof document>"u")return;let t=e.parentElement;for(;t;){const{overflow:o}=globalThis.getComputedStyle(t);if(o.split(" ").every(l=>l==="auto"||l==="scroll"))return t;t=t.parentElement}return document.documentElement}function m(e){const t=(0,n.ref)(0),o=(0,n.ref)(0),l=(0,n.ref)();let i=0,a=0,u=0,c=0;const r=C=>{const d=C.target;i=d.scrollLeft-c,a=d.scrollTop-u,o.value=o.value-a,t.value=t.value-i,c=d.scrollLeft,u=d.scrollTop},v=()=>({width:0,height:0,x:t.value,y:o.value,top:o.value,left:t.value,right:t.value,bottom:o.value});return(0,n.getCurrentInstance)()&&((0,n.onMounted)(()=>{e.value&&(e.value.init({getBoundingClientRect:v}),l.value=f(e.value.$el),l.value&&l.value.addEventListener("scroll",r))}),(0,n.onUnmounted)(()=>{l.value&&l.value.removeEventListener("scroll",r)})),{x:t,y:o,getBoundingClientRect:v,onScroll:r}}var p={beforeUpdate(e,t){const{onContextmenu:o,onScroll:l,getBoundingClientRect:i}=s(t);t.value.init({getBoundingClientRect:i}),e.addEventListener("contextmenu",o,!1);const a=f(t.value.$el);a&&a.addEventListener("scroll",l),e.additionalData={onContextmenu:o,onScroll:l,scrollContainerEl:a}},beforeUnmount(e){e?.additionalData?.onContextmenu&&e.removeEventListener("contextmenu",e.additionalData.onContextmenu),e?.additionalData?.onScroll&&e?.additionalData?.scrollContainerEl&&e.additionalData.scrollContainerEl.removeEventListener("scroll",e.additionalData.onScroll)}};return p});

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import type { Volver, VolverOptions } from './Volver';
+import type { Volver } from './Volver';
 import VolverPlugin from './Volver';
 export { VolverPlugin };
 export * from './types';
-export type { Volver, VolverOptions };
+export type { Volver, VolverOptions } from './Volver';
 declare module 'vue' {
     interface ComponentCustomProperties {
         $vv?: typeof Volver.prototype;

package/dist/index.es.js

@@ -1,19 +1,19 @@
 import { addAPIProvider as d, addCollection as _, addIcon as v } from "@iconify/vue";
-import { ref as P } from "vue";
-var E = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), x = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), p = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), L = /[^\p{L}\d]+/giu, l = "$1\0$2", f = "";
+import { ref as E } from "vue";
+var P = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), x = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), L = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), p = /[^\p{L}\d]+/giu, l = "$1\0$2", f = "";
 function h(r) {
   let e = r.trim();
-  e = e.replace(E, l).replace(x, l), e = e.replace(L, "\0");
+  e = e.replace(P, l).replace(x, l), e = e.replace(p, "\0");
   let s = 0, t = e.length;
   for (; e.charAt(s) === "\0"; ) s++;
   if (s === t) return [];
   for (; e.charAt(t - 1) === "\0"; ) t--;
   return e.slice(s, t).split(/\0/g);
 }
-function m(r) {
+function C(r) {
   const e = h(r);
   for (let s = 0; s < e.length; s++) {
-    const t = e[s], n = p.exec(t);
+    const t = e[s], n = L.exec(t);
     if (n) {
       const i = n.index + (n[1] ?? n[2]).length;
       e.splice(s, 1, t.slice(0, i), t.slice(i));
@@ -21,21 +21,21 @@ function m(r) {
   }
   return e;
 }
-function C(r, e) {
-  const [s, t, n] = I(r, e);
-  return s + t.map(g(e?.locale)).join(e?.delimiter ?? " ") + n;
+function m(r, e) {
+  const [s, t, n] = g(r, e);
+  return s + t.map(I(e?.locale)).join(e?.delimiter ?? " ") + n;
 }
 function A(r, e) {
-  return C(r, {
+  return m(r, {
     delimiter: "-",
     ...e
   });
 }
-function g(r) {
+function I(r) {
   return r === !1 ? (e) => e.toLowerCase() : (e) => e.toLocaleLowerCase(r);
 }
-function I(r, e = {}) {
-  const s = e.split ?? (e.separateNumbers ? m : h), t = e.prefixCharacters ?? f, n = e.suffixCharacters ?? f;
+function g(r, e = {}) {
+  const s = e.split ?? (e.separateNumbers ? C : h), t = e.prefixCharacters ?? f, n = e.suffixCharacters ?? f;
   let i = 0, a = r.length;
   for (; i < r.length; ) {
     const c = r.charAt(i);
@@ -53,7 +53,7 @@ function I(r, e = {}) {
     r.slice(a)
   ];
 }
-var R = /* @__PURE__ */ Symbol.for("volver");
+var R = /* @__PURE__ */ Symbol.for("volver"), b = { cache: "force-cache" };
 function u(r, e, s) {
   const t = s || r.name;
   if (!t) return r;
@@ -78,13 +78,13 @@ function u(r, e, s) {
     }, {})
   };
 }
-var b = class {
+var w = class {
   _fetchOptions = {};
   _iconsCollections = [];
   _iconsProvider = "vv";
   _nuxt = !1;
   _experimentalFeatures = {};
-  defaults = P({});
+  defaults = E({});
   constructor({ fetchWithCredentials: r, fetchOptions: e, iconsProvider: s, nuxt: t, iconsCollections: n, defaults: i, experimentalFeatures: a } = {}) {
     e && (this._fetchOptions = e), r && (this._fetchOptions = {
       ...this._fetchOptions,
@@ -114,7 +114,7 @@ var b = class {
   addIconsAPIProvider(r, e) {
     return d(r, e);
   }
-  async fetchIcon(r, e = { cache: "force-cache" }) {
+  async fetchIcon(r, e = b) {
     const s = await fetch(r, {
       ...this._fetchOptions,
       ...e
@@ -122,8 +122,8 @@ var b = class {
     if (!s.ok) throw new Error(`Cannot fetch icon "${r}": ${s.status} ${s.statusText}`);
     return s.text();
   }
-}, S = { install(r, e = {}) {
-  const s = new b(e);
+}, F = { install(r, e = {}) {
+  const s = new w(e);
   r.config.globalProperties.$vv = s, e.components && Object.entries(e.components).forEach(([t, n]) => {
     r.component(t, u(n, e.defaults));
   }), e.aliases && Object.entries(e.aliases).forEach(([t, n]) => {
@@ -134,5 +134,5 @@ var b = class {
   }), r.provide(R, s);
 } };
 export {
-  S as VolverPlugin
+  F as VolverPlugin
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(a,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("@iconify/vue"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@iconify/vue","vue"],f):(a=typeof globalThis<"u"?globalThis:a||self,f(a.volver={},a.IconifyVue,a.Vue))})(this,function(a,f,_){Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});var P=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),p=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),E=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),x=/[^\p{L}\d]+/giu,u="$1\0$2",d="";function h(t){let e=t.trim();e=e.replace(P,u).replace(p,u),e=e.replace(x,"\0");let i=0,r=e.length;for(;e.charAt(i)==="\0";)i++;if(i===r)return[];for(;e.charAt(r-1)==="\0";)r--;return e.slice(i,r).split(/\0/g)}function L(t){const e=h(t);for(let i=0;i<e.length;i++){const r=e[i],n=E.exec(r);if(n){const s=n.index+(n[1]??n[2]).length;e.splice(i,1,r.slice(0,s),r.slice(s))}}return e}function m(t,e){const[i,r,n]=A(t,e);return i+r.map(g(e?.locale)).join(e?.delimiter??" ")+n}function C(t,e){return m(t,{delimiter:"-",...e})}function g(t){return t===!1?e=>e.toLowerCase():e=>e.toLocaleLowerCase(t)}function A(t,e={}){const i=e.split??(e.separateNumbers?L:h),r=e.prefixCharacters??d,n=e.suffixCharacters??d;let s=0,o=t.length;for(;s<t.length;){const c=t.charAt(s);if(!r.includes(c))break;s++}for(;o>s;){const c=o-1,l=t.charAt(c);if(!n.includes(l))break;o=c}return[t.slice(0,s),i(t.slice(s,o)),t.slice(o)]}var I=Symbol.for("volver");function v(t,e,i){const r=i||t.name;if(!r)return t;const n=e?.[r],s=t.props;return!n||!s?{...t,name:r}:{...t,name:r,props:Object.keys(s).reduce((o,c)=>{if(!(c in n))return o[c]=s[c],o;const l=n[c];return typeof s[c]=="function"||Array.isArray(s[c])?(o[c]={type:s[c],default:l},o):(o[c]={...s[c],default:l},o)},{})}}var b=class{_fetchOptions={};_iconsCollections=[];_iconsProvider="vv";_nuxt=!1;_experimentalFeatures={};defaults=(0,_.ref)({});constructor({fetchWithCredentials:t,fetchOptions:e,iconsProvider:i,nuxt:r,iconsCollections:n,defaults:s,experimentalFeatures:o}={}){e&&(this._fetchOptions=e),t&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),n&&Array.isArray(n)&&n.forEach(c=>{this.addCollection(c,this._iconsProvider)}),s&&(this.defaults.value=s),o&&(this._experimentalFeatures=o)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}get experimentalFeatures(){return this._experimentalFeatures}addCollection(t,e=this._iconsProvider){return this._iconsCollections.push(t),(0,f.addCollection)(t,e)}addIcon(t,e){return(0,f.addIcon)(t,e)}addIconsAPIProvider(t,e){return(0,f.addAPIProvider)(t,e)}async fetchIcon(t,e={cache:"force-cache"}){const i=await fetch(t,{...this._fetchOptions,...e});if(!i.ok)throw new Error(`Cannot fetch icon "${t}": ${i.status} ${i.statusText}`);return i.text()}},R={install(t,e={}){const i=new b(e);t.config.globalProperties.$vv=i,e.components&&Object.entries(e.components).forEach(([r,n])=>{t.component(r,v(n,e.defaults))}),e.aliases&&Object.entries(e.aliases).forEach(([r,n])=>{t.component(r,v(n,e.defaults,r))}),e.directives&&Object.entries(e.directives).forEach(([r,n])=>{const s=C(r);s.startsWith("v-")&&(r=s.substring(2).toLocaleLowerCase()),t.directive(r,n)}),t.provide(I,i)}};a.VolverPlugin=R});
+(function(a,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("@iconify/vue"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@iconify/vue","vue"],f):(a=typeof globalThis<"u"?globalThis:a||self,f(a.volver={},a.IconifyVue,a.Vue))})(this,function(a,f,_){Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});var P=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),E=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),p=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),x=/[^\p{L}\d]+/giu,u="$1\0$2",d="";function h(t){let e=t.trim();e=e.replace(P,u).replace(E,u),e=e.replace(x,"\0");let i=0,r=e.length;for(;e.charAt(i)==="\0";)i++;if(i===r)return[];for(;e.charAt(r-1)==="\0";)r--;return e.slice(i,r).split(/\0/g)}function L(t){const e=h(t);for(let i=0;i<e.length;i++){const r=e[i],n=p.exec(r);if(n){const s=n.index+(n[1]??n[2]).length;e.splice(i,1,r.slice(0,s),r.slice(s))}}return e}function C(t,e){const[i,r,n]=A(t,e);return i+r.map(m(e?.locale)).join(e?.delimiter??" ")+n}function I(t,e){return C(t,{delimiter:"-",...e})}function m(t){return t===!1?e=>e.toLowerCase():e=>e.toLocaleLowerCase(t)}function A(t,e={}){const i=e.split??(e.separateNumbers?L:h),r=e.prefixCharacters??d,n=e.suffixCharacters??d;let s=0,o=t.length;for(;s<t.length;){const c=t.charAt(s);if(!r.includes(c))break;s++}for(;o>s;){const c=o-1,l=t.charAt(c);if(!n.includes(l))break;o=c}return[t.slice(0,s),i(t.slice(s,o)),t.slice(o)]}var g=Symbol.for("volver"),T={cache:"force-cache"};function v(t,e,i){const r=i||t.name;if(!r)return t;const n=e?.[r],s=t.props;return!n||!s?{...t,name:r}:{...t,name:r,props:Object.keys(s).reduce((o,c)=>{if(!(c in n))return o[c]=s[c],o;const l=n[c];return typeof s[c]=="function"||Array.isArray(s[c])?(o[c]={type:s[c],default:l},o):(o[c]={...s[c],default:l},o)},{})}}var b=class{_fetchOptions={};_iconsCollections=[];_iconsProvider="vv";_nuxt=!1;_experimentalFeatures={};defaults=(0,_.ref)({});constructor({fetchWithCredentials:t,fetchOptions:e,iconsProvider:i,nuxt:r,iconsCollections:n,defaults:s,experimentalFeatures:o}={}){e&&(this._fetchOptions=e),t&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),n&&Array.isArray(n)&&n.forEach(c=>{this.addCollection(c,this._iconsProvider)}),s&&(this.defaults.value=s),o&&(this._experimentalFeatures=o)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}get experimentalFeatures(){return this._experimentalFeatures}addCollection(t,e=this._iconsProvider){return this._iconsCollections.push(t),(0,f.addCollection)(t,e)}addIcon(t,e){return(0,f.addIcon)(t,e)}addIconsAPIProvider(t,e){return(0,f.addAPIProvider)(t,e)}async fetchIcon(t,e=T){const i=await fetch(t,{...this._fetchOptions,...e});if(!i.ok)throw new Error(`Cannot fetch icon "${t}": ${i.status} ${i.statusText}`);return i.text()}},R={install(t,e={}){const i=new b(e);t.config.globalProperties.$vv=i,e.components&&Object.entries(e.components).forEach(([r,n])=>{t.component(r,v(n,e.defaults))}),e.aliases&&Object.entries(e.aliases).forEach(([r,n])=>{t.component(r,v(n,e.defaults,r))}),e.directives&&Object.entries(e.directives).forEach(([r,n])=>{const s=I(r);s.startsWith("v-")&&(r=s.substring(2).toLocaleLowerCase()),t.directive(r,n)}),t.provide(g,i)}};a.VolverPlugin=R});