@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/composables/alert/useAlerInject.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Injects alert group
+ */
+export declare function useInjectedAlertGroup(): import("../..").AlertGroupState;

package/dist/composables/alert/useAlert.d.ts

@@ -0,0 +1,92 @@
+import type { Alert } from '@/types/alert';
+type AlertInGroup = Alert & {
+    timestamp: number;
+    group: string;
+};
+/**
+ * @description Composable to access alert groups, alerts and functions to add, remove and get alerts by group.
+ * @example
+ *  const { groups, alerts, addAlert, removeAlert, getAlerts } = useAlert()
+ *  addAlert({
+ *      title: 'Success!',
+ *      modifiers: 'success',
+ *  })
+ *
+ *  `<vv-alert-group :items="alerts" :onClose="removeAlert" />`
+ *
+ *  @returns  {
+ *      alerts: ComputedRef<Alert[]> reactive list of alerts default group,
+ *      groups: ReactiveRef<Map<string, Map<string, Alert>>>,
+ *      addAlert: Function to add alert,
+ *      removeAlert: Function to remove alert,
+ *      getAlerts: Function to get alerts by group
+ *  } the reactive list of alerts, groups, addAlert, removeAlert and getAlerts functions
+ */
+export declare function useAlert(): {
+    groups: import("vue").Reactive<Map<string, Map<string, AlertInGroup>>>;
+    alerts: globalThis.ComputedRef<{
+        id: string | number;
+        title?: string | undefined;
+        icon?: string | {
+            name: string;
+            color?: string | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+            provider?: string | undefined;
+            prefix?: (import("../../components/VvIcon").IconPrefix | string) | undefined;
+            src?: string | undefined;
+            horizontalFlip?: boolean | undefined;
+            verticalFlip?: boolean | undefined;
+            flip?: string | undefined;
+            mode?: import("@iconify/vue").IconifyRenderMode | undefined;
+            inline?: boolean | undefined;
+            rotate?: number | string | undefined;
+            onLoad?: ((icon: import("@iconify/types").IconifyIcon) => void) | undefined;
+            svg?: string | undefined;
+            modifiers?: string | string[] | undefined;
+        } | undefined;
+        content?: string | undefined;
+        footer?: string | undefined;
+        modifiers?: (import("@/types/alert").AlertModifier | import("@/types/alert").AlertModifier[]) | undefined;
+        dismissable?: boolean | undefined;
+        autoClose?: number | undefined;
+        closeLabel?: string | undefined;
+        role?: import("@/constants").AlertRole | undefined;
+        timestamp: number;
+        group: string;
+    }[]>;
+    addAlert: ({ id, group, title, icon, content, footer, modifiers, dismissable, autoClose, timestamp, }?: Partial<AlertInGroup>) => void;
+    removeAlert: (id: string | number, group?: string) => void;
+    getAlerts: (group?: string) => globalThis.ComputedRef<{
+        id: string | number;
+        title?: string | undefined;
+        icon?: string | {
+            name: string;
+            color?: string | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+            provider?: string | undefined;
+            prefix?: (import("../../components/VvIcon").IconPrefix | string) | undefined;
+            src?: string | undefined;
+            horizontalFlip?: boolean | undefined;
+            verticalFlip?: boolean | undefined;
+            flip?: string | undefined;
+            mode?: import("@iconify/vue").IconifyRenderMode | undefined;
+            inline?: boolean | undefined;
+            rotate?: number | string | undefined;
+            onLoad?: ((icon: import("@iconify/types").IconifyIcon) => void) | undefined;
+            svg?: string | undefined;
+            modifiers?: string | string[] | undefined;
+        } | undefined;
+        content?: string | undefined;
+        footer?: string | undefined;
+        modifiers?: (import("@/types/alert").AlertModifier | import("@/types/alert").AlertModifier[]) | undefined;
+        dismissable?: boolean | undefined;
+        autoClose?: number | undefined;
+        closeLabel?: string | undefined;
+        role?: import("@/constants").AlertRole | undefined;
+        timestamp: number;
+        group: string;
+    }[]>;
+};
+export {};

package/dist/composables/alert/useAlertProvide.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+/**
+ * Share the alert group name with all its children.
+ * @param {Ref<string | undefined>} name the alert group name
+ */
+export declare function useAlertProvideGroup({ name, }: {
+    name: Ref<string | undefined>;
+}): import("mitt").Emitter<{
+    close: string;
+}>;

package/dist/composables/dropdown/useDropdownContextmenu.d.ts

@@ -0,0 +1,18 @@
+import type { Ref } from 'vue';
+import type VvDropdown from '@/components/VvDropdown/VvDropdown.vue';
+export declare function useDropdownContextmenu(dropdownEl: Ref<typeof VvDropdown>, targetEl?: Ref<HTMLElement> | HTMLElement): {
+    x: Ref<number, number>;
+    y: Ref<number, number>;
+    getBoundingClientRect: () => {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    onContextmenu: (event: MouseEvent) => void;
+    onScroll: (event: HTMLElementEventMap["scroll"]) => void;
+};

package/dist/composables/dropdown/useDropdownInject.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Injects dropdown reference and the event bus
+ */
+export declare function useInjectedDropdownTrigger(): import("../../constants").DropdownTriggerState;
+/**
+ * Injects dropdown item role
+ */
+export declare function useInjectedDropdownItem(): import("../../constants").DropdownItemState;
+/**
+ * Injects dropdown action role
+ */
+export declare function useInjectedDropdownAction(): import("../../constants").DropdownActionState;

package/dist/composables/dropdown/useDropdownProvide.d.ts

@@ -0,0 +1,40 @@
+import type { Ref } from 'vue';
+import type { DropdownItemState } from '../../constants';
+import { DropdownItemRole, DropdownRole } from '../../constants';
+/**
+ * Share the dropdown reference and the event bus with all its children.
+ * @param {Ref<HTMLElement | null>} reference the dropdown reference
+ */
+export declare function useDropdownProvideTrigger({ reference, id, expanded, aria, }: {
+    reference: Ref<HTMLElement | null | undefined>;
+    id: Ref<string | number>;
+    expanded: Ref<boolean>;
+    aria: Ref<{
+        'aria-controls': string;
+        'aria-haspopup': boolean;
+        'aria-expanded': boolean;
+    }>;
+}): {
+    bus: import("mitt").Emitter<{
+        click: Event;
+        mouseover: Event;
+        mouseleave: Event;
+    }>;
+    component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+/**
+ * Share the dropdown item role with all its children.
+ * @param {Ref<string>} role the dropdown item role
+ */
+export declare function useDropdownProvideItem({ role, ...others }: Omit<DropdownItemState, 'role'> & {
+    role: Ref<`${DropdownRole}`>;
+}): {
+    itemRole: globalThis.ComputedRef<DropdownItemRole>;
+};
+/**
+ * Share the dropdown item role with all its children.
+ * @param {Ref<string>} role the dropdown item role
+ */
+export declare function useDropdownProvideAction({ expanded, }: {
+    expanded?: Ref<boolean>;
+}): void;

package/dist/composables/dropdown/useDropdownVirtualElement.d.ts

@@ -0,0 +1,17 @@
+import type { Ref } from 'vue';
+import type VvDropdown from '@/components/VvDropdown/VvDropdown.vue';
+export declare function useDropdownVirtualElement(dropdownEl: Ref<typeof VvDropdown>): {
+    x: Ref<number, number>;
+    y: Ref<number, number>;
+    getBoundingClientRect: () => {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    onScroll: (event: HTMLElementEventMap["scroll"]) => void;
+};

package/dist/composables/group/useGroupStateInject.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey } from 'vue';
+/**
+ * Injects a group state
+ */
+export declare function useGroupStateInject<GroupStateType>(groupKey: InjectionKey<GroupStateType>): {
+    group: GroupStateType | undefined;
+    isInGroup: globalThis.ComputedRef<boolean>;
+    getGroupOrLocalRef: <TProps extends object, TName extends keyof GroupStateType>(propName: TName, props: TProps, emit?: (event: string, ...args: unknown[]) => void) => GroupStateType[TName];
+};

package/dist/composables/group/useGroupStateProvide.d.ts

@@ -0,0 +1,6 @@
+import type { Emitter } from 'mitt';
+import type { InjectionKey, Ref } from 'vue';
+/**
+ * Share part of the state of the component with all its children.
+ */
+export declare function useGroupStateProvide<TGroupState extends Record<string, Ref<unknown> | Emitter<any>>>(key: InjectionKey<TGroupState>, groupState: TGroupState): void;

package/dist/composables/index.d.ts

@@ -0,0 +1,5 @@
+export { useAlert } from './alert/useAlert';
+export { useDropdownContextmenu } from './dropdown/useDropdownContextmenu';
+export { useDropdownVirtualElement } from './dropdown/useDropdownVirtualElement';
+export { useBlurhash } from './useBlurhash';
+export { useVirtualScroll } from './useVirtualScroll';

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/useBlurhash.d.ts

@@ -0,0 +1,7 @@
+declare function loadImage(src: string): Promise<CanvasImageSource>;
+export declare function useBlurhash(): {
+    encode: (file: File) => Promise<string | undefined>;
+    decode: (blurhash: string, width: number, height: number, punch?: number | undefined) => Promise<Uint8ClampedArray<ArrayBufferLike>>;
+    loadImage: typeof loadImage;
+};
+export {};

package/dist/composables/useComponentFocus.d.ts

@@ -0,0 +1,4 @@
+import type { MaybeElement, MaybeElementRef } from '@vueuse/core';
+export declare function useComponentFocus(inputTemplateRef: MaybeElementRef<MaybeElement>, emit: ((name: 'blur', ...args: any[]) => void) & ((name: 'focus', ...args: any[]) => void) & ((name: any, ...args: any[]) => void)): {
+    focused: globalThis.WritableComputedRef<boolean, boolean>;
+};

package/dist/composables/useComponentIcon.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+import type { VvIconProps } from '../components/VvIcon';
+export declare function useComponentIcon(icon?: Ref<string | VvIconProps | undefined>, iconPosition?: Ref<string | undefined>): {
+    hasIcon: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconLeft: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconRight: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconTop: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconBottom: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconBefore: globalThis.ComputedRef<VvIconProps | undefined>;
+    hasIconAfter: globalThis.ComputedRef<VvIconProps | undefined>;
+};

package/dist/composables/useDebouncedInput.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'vue';
+export declare function useDebouncedInput(modelValue: Ref | undefined, emit: (event: string, value: string | number) => void, ms?: string | number, { getter, setter, }?: {
+    getter?: (value: string | number) => string | number;
+    setter?: (value: string | number) => string | number;
+}): Ref;

package/dist/composables/useDefaults.d.ts

@@ -0,0 +1,2 @@
+import type { ExtractPropTypes } from 'vue';
+export declare function useDefaults<Definition>(componentName: string, propsDefinition: Definition, props: Readonly<ExtractPropTypes<Definition>>): globalThis.ComputedRef<Readonly<ExtractPropTypes<Definition>>>;

package/dist/composables/useModifiers.d.ts

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

package/dist/composables/useOptions.d.ts

@@ -0,0 +1,8 @@
+import type { Option } from '../types/generic';
+export declare function useOptions(props: any): {
+    options: globalThis.Ref<any, any>;
+    getOptionLabel: <T extends string | Option>(option: T) => string;
+    getOptionValue: <T extends string | Option>(option: T) => any;
+    isOptionDisabled: <T extends string | Option>(option: T) => boolean;
+    getOptionGrouped: <T extends string | Option>(option: T) => T[];
+};

package/dist/composables/usePersistence.d.ts

@@ -0,0 +1,3 @@
+import type { Ref } from 'vue';
+import { StorageType } from '@/constants';
+export declare function usePersistence<T>(storageKey: Ref<string | undefined> | undefined, storageType?: Ref<`${StorageType}`> | `${StorageType}`, defaultValue?: T): Ref<T | undefined, T | undefined>;

package/dist/composables/useTextCount.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+export declare function useTextCount(text: Ref<string | undefined | null> | string, options?: {
+    mode?: string | boolean;
+    upperLimit?: number;
+    lowerLimit?: number;
+}): {
+    length: globalThis.ComputedRef<number>;
+    gap: globalThis.ComputedRef<number>;
+    formatted: globalThis.ComputedRef<string | number | undefined>;
+};

package/dist/composables/useUniqueId.d.ts

@@ -0,0 +1,2 @@
+import type { Ref } from 'vue';
+export declare function useUniqueId(id?: Ref<string | number | undefined>): globalThis.ComputedRef<string>;

package/dist/composables/useVirtualScroll.d.ts

@@ -0,0 +1,35 @@
+import type { Ref } from 'vue';
+export type { ScrollToOptions } from '@tanstack/vue-virtual';
+export declare function useVirtualScroll(settings: {
+    scrollEl: HTMLElement | null | Ref<HTMLElement | null>;
+    count: number | Ref<number>;
+    estimateSize: string | number | ((index: number) => number) | Ref<string | number | ((index: number) => number)>;
+    getItemKey?: (index: number) => number | string | bigint;
+    overscan?: string | number | Ref<string | number>;
+    horizontal?: boolean | Ref<boolean>;
+}): {
+    virtualizer: Ref<import("@tanstack/vue-virtual").Virtualizer<HTMLElement, Element>, import("@tanstack/vue-virtual").Virtualizer<HTMLElement, Element>>;
+    virtualItems: globalThis.ComputedRef<import("@tanstack/vue-virtual").VirtualItem[]>;
+    virtualItemsLength: globalThis.ComputedRef<number>;
+    firstVirtualItem: globalThis.ComputedRef<import("@tanstack/vue-virtual").VirtualItem>;
+    lastVirtualItem: globalThis.ComputedRef<import("@tanstack/vue-virtual").VirtualItem>;
+    totalSize: globalThis.ComputedRef<number>;
+    startSpacer: globalThis.ComputedRef<{
+        show: boolean;
+        size: number;
+        style: {
+            width: string;
+        } | {
+            height: string;
+        };
+    }>;
+    endSpacer: globalThis.ComputedRef<{
+        show: boolean;
+        size: number;
+        style: {
+            width: string;
+        } | {
+            height: string;
+        };
+    }>;
+};

package/dist/composables/useVolver.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Injects volver
+ */
+export declare function useVolver(): import("..").Volver | undefined;