@volverjs/ui-vue 0.0.10-beta.5 → 0.0.10-beta.51

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

@@ -1,4 +1,8 @@
 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
@@ -16,12 +20,73 @@ import type { Alert } from '@/types/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 const useAlert: () => {
-    groups: Map<string, Map<string, Alert>>;
-    alerts: globalThis.ComputedRef<Alert[]>;
-    addAlert: ({ id, group, title, icon, content, footer, modifiers, dismissable, autoClose, }?: Partial<Alert>) => void;
+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/dist/iconify.js").IconifyRenderMode | undefined;
+            inline?: boolean | undefined;
+            rotate?: (number | string) | undefined;
+            onLoad?: import("@iconify/vue/dist/iconify.js").IconifyIconOnLoad | 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<Alert[]>;
+    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/dist/iconify.js").IconifyRenderMode | undefined;
+            inline?: boolean | undefined;
+            rotate?: (number | string) | undefined;
+            onLoad?: import("@iconify/vue/dist/iconify.js").IconifyIconOnLoad | 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/{useProvideAlert.d.ts → useAlertProvide.d.ts}

@@ -3,7 +3,7 @@ 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 useProvideAlertGroup({ 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 VvDropdown from '@/components/VvDropdown/VvDropdown.vue';
+import { type Ref } from '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/{useProvideDropdown.d.ts → useDropdownProvide.d.ts}

@@ -1,11 +1,11 @@
 import { type Ref } from 'vue';
-import { DropdownRole, DropdownItemRole } from '../../constants';
+import { DropdownItemRole, type DropdownItemState, 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 useProvideDropdownTrigger({ reference, id, expanded, aria, }: {
-    reference: Ref<HTMLElement | null>;
+export declare function useDropdownProvideTrigger({ reference, id, expanded, aria, }: {
+    reference: Ref<HTMLElement | null | undefined>;
     id: Ref<string | number>;
     expanded: Ref<boolean>;
     aria: Ref<{
@@ -19,15 +19,14 @@ export declare function useProvideDropdownTrigger({ reference, id, expanded, ari
         mouseover: Event;
         mouseleave: Event;
     }>;
-    component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    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 useProvideDropdownItem({ role, expanded, }: {
+export declare function useDropdownProvideItem({ role, ...others }: Omit<DropdownItemState, 'role'> & {
     role: Ref<`${DropdownRole}`>;
-    expanded: Ref<boolean>;
 }): {
     itemRole: globalThis.ComputedRef<DropdownItemRole>;
 };
@@ -35,6 +34,6 @@ export declare function useProvideDropdownItem({ role, expanded, }: {
  * Share the dropdown item role with all its children.
  * @param {Ref<string>} role the dropdown item role
  */
-export declare function useProvideDropdownAction({ expanded, }: {
+export declare function useDropdownProvideAction({ expanded, }: {
     expanded?: Ref<boolean>;
 }): void;

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

@@ -0,0 +1,17 @@
+import type VvDropdown from '@/components/VvDropdown/VvDropdown.vue';
+import { type Ref } from '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

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

package/dist/composables/index.es.js

@@ -1,4 +1,6 @@
-import { reactive, computed } from "vue";
+import { reactive, computed, ref, getCurrentInstance, onMounted, onUnmounted, unref } from "vue";
+import { wrap } from "comlink";
+import Pica from "pica";
 const DEFAULT_ALERT_AUTO_CLOSE = 1e4;
 const DEFAULT_ALERT_MODIFIERS = "info";
 const DEFAULT_ALERT_DISMISSABLE = true;
@@ -18,7 +20,7 @@ const groups = reactive(
     [DEFAULT_ALERT_GROUP, /* @__PURE__ */ new Map()]
   ])
 );
-const useAlert = () => {
+function useAlert() {
   const addAlert = ({
     id = crypto.randomUUID(),
     group = DEFAULT_ALERT_GROUP,
@@ -28,7 +30,8 @@ const useAlert = () => {
     footer,
     modifiers = DEFAULT_ALERT_MODIFIERS,
     dismissable = DEFAULT_ALERT_DISMISSABLE,
-    autoClose = DEFAULT_ALERT_AUTO_CLOSE
+    autoClose = DEFAULT_ALERT_AUTO_CLOSE,
+    timestamp = Date.now()
   } = {}) => {
     if (!groups.has(group)) {
       groups.set(group, /* @__PURE__ */ new Map());
@@ -53,7 +56,7 @@ const useAlert = () => {
       modifiers,
       dismissable,
       autoClose,
-      timestamp: Date.now()
+      timestamp
     });
   };
   const removeAlert = (id, group = DEFAULT_ALERT_GROUP) => {
@@ -75,7 +78,176 @@ const useAlert = () => {
     removeAlert,
     getAlerts
   };
-};
+}
+function findScrollContainer(element) {
+  if (!element) {
+    return void 0;
+  }
+  let parent = element.parentElement;
+  while (parent) {
+    const { overflow } = window.getComputedStyle(parent);
+    if (overflow.split(" ").every((item) => item === "auto" || item === "scroll")) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return document.documentElement;
+}
+function useDropdownVirtualElement(dropdownEl) {
+  const x = ref(0);
+  const y = ref(0);
+  const scrollContainerEl = ref();
+  let scrollXDelta = 0;
+  let scrollYDelta = 0;
+  let lastScrollTop = 0;
+  let lastScrollLeft = 0;
+  const onScroll = (event) => {
+    const scrollEl = event.target;
+    scrollXDelta = scrollEl.scrollLeft - lastScrollLeft;
+    scrollYDelta = scrollEl.scrollTop - lastScrollTop;
+    y.value = y.value - scrollYDelta;
+    x.value = x.value - scrollXDelta;
+    lastScrollLeft = scrollEl.scrollLeft;
+    lastScrollTop = scrollEl.scrollTop;
+  };
+  const getBoundingClientRect = () => ({
+    width: 0,
+    height: 0,
+    x: x.value,
+    y: y.value,
+    top: y.value,
+    left: x.value,
+    right: x.value,
+    bottom: y.value
+  });
+  if (getCurrentInstance()) {
+    onMounted(() => {
+      if (dropdownEl.value) {
+        dropdownEl.value.init({
+          getBoundingClientRect
+        });
+        scrollContainerEl.value = findScrollContainer(dropdownEl.value.$el);
+        if (scrollContainerEl.value) {
+          scrollContainerEl.value.addEventListener("scroll", onScroll);
+        }
+      }
+    });
+    onUnmounted(() => {
+      if (scrollContainerEl.value) {
+        scrollContainerEl.value.removeEventListener("scroll", onScroll);
+      }
+    });
+  }
+  return { x, y, getBoundingClientRect, onScroll };
+}
+function useDropdownContextmenu(dropdownEl, targetEl) {
+  const { x, y, getBoundingClientRect, onScroll } = useDropdownVirtualElement(dropdownEl);
+  const onContextmenu = (event) => {
+    x.value = event.clientX;
+    y.value = event.clientY;
+    event.preventDefault();
+    dropdownEl.value.show();
+  };
+  const target = computed(() => unref(targetEl));
+  if (target && getCurrentInstance()) {
+    onMounted(() => {
+      var _a;
+      (_a = target.value) == null ? void 0 : _a.addEventListener("contextmenu", onContextmenu, false);
+    });
+    onUnmounted(() => {
+      var _a;
+      (_a = target.value) == null ? void 0 : _a.removeEventListener("contextmenu", onContextmenu);
+    });
+  }
+  return { x, y, getBoundingClientRect, onContextmenu, onScroll };
+}
+const encodedJs = "IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciB0PVsiMCIsIjEiLCIyIiwiMyIsIjQiLCI1IiwiNiIsIjciLCI4IiwiOSIsIkEiLCJCIiwiQyIsIkQiLCJFIiwiRiIsIkciLCJIIiwiSSIsIkoiLCJLIiwiTCIsIk0iLCJOIiwiTyIsIlAiLCJRIiwiUiIsIlMiLCJUIiwiVSIsIlYiLCJXIiwiWCIsIlkiLCJaIiwiYSIsImIiLCJjIiwiZCIsImUiLCJmIiwiZyIsImgiLCJpIiwiaiIsImsiLCJsIiwibSIsIm4iLCJvIiwicCIsInEiLCJyIiwicyIsInQiLCJ1IiwidiIsInciLCJ4IiwieSIsInoiLCIjIiwiJCIsIiUiLCIqIiwiKyIsIiwiLCItIiwiLiIsIjoiLCI7IiwiPSIsIj8iLCJAIiwiWyIsIl0iLCJeIiwiXyIsInsiLCJ8IiwifSIsIn4iXSxlPWU9PntsZXQgbj0wO2ZvcihsZXQgcj0wO3I8ZS5sZW5ndGg7cisrKXtsZXQgYT1lW3JdO249ODMqbit0LmluZGV4T2YoYSl9cmV0dXJuIG59LG49KGUsbik9Pnt2YXIgcj0iIjtmb3IobGV0IGE9MTthPD1uO2ErKyl7bGV0IG89TWF0aC5mbG9vcihlKS9NYXRoLnBvdyg4MyxuLWEpJTgzO3IrPXRbTWF0aC5mbG9vcihvKV19cmV0dXJuIHJ9LHI9dD0+e2xldCBlPXQvMjU1O3JldHVybiBlPD0uMDQwNDU/ZS8xMi45MjpNYXRoLnBvdygoZSsuMDU1KS8xLjA1NSwyLjQpfSxhPXQ9PntsZXQgZT1NYXRoLm1heCgwLE1hdGgubWluKDEsdCkpO3JldHVybiBlPD0uMDAzMTMwOD9NYXRoLnRydW5jKDEyLjkyKmUqMjU1Ky41KTpNYXRoLnRydW5jKDI1NSooMS4wNTUqTWF0aC5wb3coZSwuNDE2NjY2NjY2NjY2NjY2NyktLjA1NSkrLjUpfSxvPSh0LGUpPT4odD0+dDwwPy0xOjEpKHQpKk1hdGgucG93KE1hdGguYWJzKHQpLGUpLHM9Y2xhc3MgZXh0ZW5kcyBFcnJvcntjb25zdHJ1Y3Rvcih0KXtzdXBlcih0KSx0aGlzLm5hbWU9IlZhbGlkYXRpb25FcnJvciIsdGhpcy5tZXNzYWdlPXR9fSxpPXQ9PntpZighdHx8dC5sZW5ndGg8Nil0aHJvdyBuZXcgcygiVGhlIGJsdXJoYXNoIHN0cmluZyBtdXN0IGJlIGF0IGxlYXN0IDYgY2hhcmFjdGVycyIpO2xldCBuPWUodFswXSkscj1NYXRoLmZsb29yKG4vOSkrMSxhPW4lOSsxO2lmKHQubGVuZ3RoIT09NCsyKmEqcil0aHJvdyBuZXcgcyhgYmx1cmhhc2ggbGVuZ3RoIG1pc21hdGNoOiBsZW5ndGggaXMgJHt0Lmxlbmd0aH0gYnV0IGl0IHNob3VsZCBiZSAkezQrMiphKnJ9YCl9LGw9dD0+e2xldCBlPXQ+PjgmMjU1LG49MjU1JnQ7cmV0dXJuW3IodD4+MTYpLHIoZSkscihuKV19LGM9KHQsZSk9PntsZXQgbj1NYXRoLmZsb29yKHQvMzYxKSxyPU1hdGguZmxvb3IodC8xOSklMTksYT10JTE5O3JldHVybltvKChuLTkpLzksMikqZSxvKChyLTkpLzksMikqZSxvKChhLTkpLzksMikqZV19LGg9KHQsbixyLG8pPT57aSh0KSxvfD0xO2xldCBzPWUodFswXSksaD1NYXRoLmZsb29yKHMvOSkrMSx1PXMlOSsxLGY9KGUodFsxXSkrMSkvMTY2LHA9bmV3IEFycmF5KHUqaCk7Zm9yKGxldCBhPTA7YTxwLmxlbmd0aDthKyspaWYoMD09PWEpe2xldCBuPWUodC5zdWJzdHJpbmcoMiw2KSk7cFthXT1sKG4pfWVsc2V7bGV0IG49ZSh0LnN1YnN0cmluZyg0KzIqYSw2KzIqYSkpO3BbYV09YyhuLGYqbyl9bGV0IG09NCpuLGc9bmV3IFVpbnQ4Q2xhbXBlZEFycmF5KG0qcik7Zm9yKGxldCBlPTA7ZTxyO2UrKylmb3IobGV0IHQ9MDt0PG47dCsrKXtsZXQgbz0wLHM9MCxpPTA7Zm9yKGxldCBhPTA7YTxoO2ErKylmb3IobGV0IGw9MDtsPHU7bCsrKXtsZXQgYz1NYXRoLmNvcyhNYXRoLlBJKnQqbC9uKSpNYXRoLmNvcyhNYXRoLlBJKmUqYS9yKSxoPXBbbCthKnVdO28rPWhbMF0qYyxzKz1oWzFdKmMsaSs9aFsyXSpjfWxldCBsPWEobyksYz1hKHMpLGY9YShpKTtnWzQqdCswK2UqbV09bCxnWzQqdCsxK2UqbV09YyxnWzQqdCsyK2UqbV09ZixnWzQqdCszK2UqbV09MjU1fXJldHVybiBnfSx1PSh0LGUsbixhKT0+e2xldCBvPTAscz0wLGk9MCxsPTQqZTtmb3IobGV0IGg9MDtoPGU7aCsrKXtsZXQgZT00Kmg7Zm9yKGxldCBjPTA7YzxuO2MrKyl7bGV0IG49ZStjKmwsdT1hKGgsYyk7bys9dSpyKHRbbl0pLHMrPXUqcih0W24rMV0pLGkrPXUqcih0W24rMl0pfX1sZXQgYz0xLyhlKm4pO3JldHVybltvKmMscypjLGkqY119LGY9KHQsZSxyLGksbCk9PntpZihpPDF8fGk+OXx8bDwxfHxsPjkpdGhyb3cgbmV3IHMoIkJsdXJIYXNoIG11c3QgaGF2ZSBiZXR3ZWVuIDEgYW5kIDkgY29tcG9uZW50cyIpO2lmKGUqcio0IT09dC5sZW5ndGgpdGhyb3cgbmV3IHMoIldpZHRoIGFuZCBoZWlnaHQgbXVzdCBtYXRjaCB0aGUgcGl4ZWxzIGFycmF5Iik7bGV0IGM9W107Zm9yKGxldCBuPTA7bjxsO24rKylmb3IobGV0IGE9MDthPGk7YSsrKXtsZXQgbz0wPT1hJiYwPT1uPzE6MixzPXUodCxlLHIsKCh0LHMpPT5vKk1hdGguY29zKE1hdGguUEkqYSp0L2UpKk1hdGguY29zKE1hdGguUEkqbipzL3IpKSk7Yy5wdXNoKHMpfWxldCBoLGY9Y1swXSxwPWMuc2xpY2UoMSksbT0iIjtpZihtKz1uKGktMSs5KihsLTEpLDEpLHAubGVuZ3RoPjApe2xldCB0PU1hdGgubWF4KC4uLnAubWFwKCh0PT5NYXRoLm1heCguLi50KSkpKSxlPU1hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbig4MixNYXRoLmZsb29yKDE2Nip0LS41KSkpKTtoPShlKzEpLzE2NixtKz1uKGUsMSl9ZWxzZSBoPTEsbSs9bigwLDEpO3JldHVybiBtKz1uKCh0PT4oYSh0WzBdKTw8MTYpKyhhKHRbMV0pPDw4KSthKHRbMl0pKShmKSw0KSxwLmZvckVhY2goKHQ9PnttKz1uKCgodCxlKT0+MTkqTWF0aC5mbG9vcihNYXRoLm1heCgwLE1hdGgubWluKDE4LE1hdGguZmxvb3IoOSpvKHRbMF0vZSwuNSkrOS41KSkpKSoxOSsxOSpNYXRoLmZsb29yKE1hdGgubWF4KDAsTWF0aC5taW4oMTgsTWF0aC5mbG9vcig5Km8odFsxXS9lLC41KSs5LjUpKSkpK01hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbigxOCxNYXRoLmZsb29yKDkqbyh0WzJdL2UsLjUpKzkuNSkpKSkpKHQsaCksMil9KSksbX07Ci8qKgogICAqIEBsaWNlbnNlCiAgICogQ29weXJpZ2h0IDIwMTkgR29vZ2xlIExMQwogICAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wCiAgICovCmNvbnN0IHA9U3ltYm9sKCJDb21saW5rLnByb3h5IiksbT1TeW1ib2woIkNvbWxpbmsuZW5kcG9pbnQiKSxnPVN5bWJvbCgiQ29tbGluay5yZWxlYXNlUHJveHkiKSxNPVN5bWJvbCgiQ29tbGluay5maW5hbGl6ZXIiKSxkPVN5bWJvbCgiQ29tbGluay50aHJvd24iKSx5PXQ9PiJvYmplY3QiPT10eXBlb2YgdCYmbnVsbCE9PXR8fCJmdW5jdGlvbiI9PXR5cGVvZiB0LHc9bmV3IE1hcChbWyJwcm94eSIse2NhbkhhbmRsZTp0PT55KHQpJiZ0W3BdLHNlcmlhbGl6ZSh0KXtjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtyZXR1cm4gYih0LGUpLFtuLFtuXV19LGRlc2VyaWFsaXplOnQ9Pih0LnN0YXJ0KCksZnVuY3Rpb24odCxlKXtjb25zdCBuPW5ldyBNYXA7cmV0dXJuIHQuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsKGZ1bmN0aW9uKHQpe2NvbnN0e2RhdGE6ZX09dDtpZighZXx8IWUuaWQpcmV0dXJuO2NvbnN0IHI9bi5nZXQoZS5pZCk7aWYocil0cnl7cihlKX1maW5hbGx5e24uZGVsZXRlKGUuaWQpfX0pKSxQKHQsbixbXSxlKX0odCkpfV0sWyJ0aHJvdyIse2NhbkhhbmRsZTp0PT55KHQpJiZkIGluIHQsc2VyaWFsaXplKHt2YWx1ZTp0fSl7bGV0IGU7cmV0dXJuIGU9dCBpbnN0YW5jZW9mIEVycm9yP3tpc0Vycm9yOiEwLHZhbHVlOnttZXNzYWdlOnQubWVzc2FnZSxuYW1lOnQubmFtZSxzdGFjazp0LnN0YWNrfX06e2lzRXJyb3I6ITEsdmFsdWU6dH0sW2UsW11dfSxkZXNlcmlhbGl6ZSh0KXtpZih0LmlzRXJyb3IpdGhyb3cgT2JqZWN0LmFzc2lnbihuZXcgRXJyb3IodC52YWx1ZS5tZXNzYWdlKSx0LnZhbHVlKTt0aHJvdyB0LnZhbHVlfX1dXSk7ZnVuY3Rpb24gYih0LGU9Z2xvYmFsVGhpcyxuPVsiKiJdKXtlLmFkZEV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLChmdW5jdGlvbiByKGEpe2lmKCFhfHwhYS5kYXRhKXJldHVybjtpZighZnVuY3Rpb24odCxlKXtmb3IoY29uc3QgbiBvZiB0KXtpZihlPT09bnx8IioiPT09bilyZXR1cm4hMDtpZihuIGluc3RhbmNlb2YgUmVnRXhwJiZuLnRlc3QoZSkpcmV0dXJuITB9cmV0dXJuITF9KG4sYS5vcmlnaW4pKXJldHVybiB2b2lkIGNvbnNvbGUud2FybihgSW52YWxpZCBvcmlnaW4gJyR7YS5vcmlnaW59JyBmb3IgY29tbGluayBwcm94eWApO2NvbnN0e2lkOm8sdHlwZTpzLHBhdGg6aX09T2JqZWN0LmFzc2lnbih7cGF0aDpbXX0sYS5kYXRhKSxsPShhLmRhdGEuYXJndW1lbnRMaXN0fHxbXSkubWFwKEwpO2xldCBjO3RyeXtjb25zdCBlPWkuc2xpY2UoMCwtMSkucmVkdWNlKCgodCxlKT0+dFtlXSksdCksbj1pLnJlZHVjZSgoKHQsZSk9PnRbZV0pLHQpO3N3aXRjaChzKXtjYXNlIkdFVCI6Yz1uO2JyZWFrO2Nhc2UiU0VUIjplW2kuc2xpY2UoLTEpWzBdXT1MKGEuZGF0YS52YWx1ZSksYz0hMDticmVhaztjYXNlIkFQUExZIjpjPW4uYXBwbHkoZSxsKTticmVhaztjYXNlIkNPTlNUUlVDVCI6Yz1mdW5jdGlvbih0KXtyZXR1cm4gT2JqZWN0LmFzc2lnbih0LHtbcF06ITB9KX0obmV3IG4oLi4ubCkpO2JyZWFrO2Nhc2UiRU5EUE9JTlQiOntjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtiKHQsbiksYz1mdW5jdGlvbih0LGUpe3JldHVybiBULnNldCh0LGUpLHR9KGUsW2VdKX1icmVhaztjYXNlIlJFTEVBU0UiOmM9dm9pZCAwO2JyZWFrO2RlZmF1bHQ6cmV0dXJufX1jYXRjaChoKXtjPXt2YWx1ZTpoLFtkXTowfX1Qcm9taXNlLnJlc29sdmUoYykuY2F0Y2goKHQ9Pih7dmFsdWU6dCxbZF06MH0pKSkudGhlbigobj0+e2NvbnN0W2EsaV09UihuKTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxhKSx7aWQ6b30pLGkpLCJSRUxFQVNFIj09PXMmJihlLnJlbW92ZUV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLHIpLEUoZSksTSBpbiB0JiYiZnVuY3Rpb24iPT10eXBlb2YgdFtNXSYmdFtNXSgpKX0pKS5jYXRjaCgodD0+e2NvbnN0W24scl09Uih7dmFsdWU6bmV3IFR5cGVFcnJvcigiVW5zZXJpYWxpemFibGUgcmV0dXJuIHZhbHVlIiksW2RdOjB9KTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxuKSx7aWQ6b30pLHIpfSkpfSkpLGUuc3RhcnQmJmUuc3RhcnQoKX1mdW5jdGlvbiBFKHQpeyhmdW5jdGlvbih0KXtyZXR1cm4iTWVzc2FnZVBvcnQiPT09dC5jb25zdHJ1Y3Rvci5uYW1lfSkodCkmJnQuY2xvc2UoKX1mdW5jdGlvbiB2KHQpe2lmKHQpdGhyb3cgbmV3IEVycm9yKCJQcm94eSBoYXMgYmVlbiByZWxlYXNlZCBhbmQgaXMgbm90IHVzZWFibGUiKX1mdW5jdGlvbiBTKHQpe3JldHVybiBPKHQsbmV3IE1hcCx7dHlwZToiUkVMRUFTRSJ9KS50aGVuKCgoKT0+e0UodCl9KSl9Y29uc3QgeD1uZXcgV2Vha01hcCxrPSJGaW5hbGl6YXRpb25SZWdpc3RyeSJpbiBnbG9iYWxUaGlzJiZuZXcgRmluYWxpemF0aW9uUmVnaXN0cnkoKHQ9Pntjb25zdCBlPSh4LmdldCh0KXx8MCktMTt4LnNldCh0LGUpLDA9PT1lJiZTKHQpfSkpO2Z1bmN0aW9uIFAodCxlLG49W10scj1mdW5jdGlvbigpe30pe2xldCBhPSExO2NvbnN0IG89bmV3IFByb3h5KHIse2dldChyLHMpe2lmKHYoYSkscz09PWcpcmV0dXJuKCk9PnshZnVuY3Rpb24odCl7ayYmay51bnJlZ2lzdGVyKHQpfShvKSxTKHQpLGUuY2xlYXIoKSxhPSEwfTtpZigidGhlbiI9PT1zKXtpZigwPT09bi5sZW5ndGgpcmV0dXJue3RoZW46KCk9Pm99O2NvbnN0IHI9Tyh0LGUse3R5cGU6IkdFVCIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSl9KS50aGVuKEwpO3JldHVybiByLnRoZW4uYmluZChyKX1yZXR1cm4gUCh0LGUsWy4uLm4sc10pfSxzZXQocixvLHMpe3YoYSk7Y29uc3RbaSxsXT1SKHMpO3JldHVybiBPKHQsZSx7dHlwZToiU0VUIixwYXRoOlsuLi5uLG9dLm1hcCgodD0+dC50b1N0cmluZygpKSksdmFsdWU6aX0sbCkudGhlbihMKX0sYXBwbHkocixvLHMpe3YoYSk7Y29uc3QgaT1uW24ubGVuZ3RoLTFdO2lmKGk9PT1tKXJldHVybiBPKHQsZSx7dHlwZToiRU5EUE9JTlQifSkudGhlbihMKTtpZigiYmluZCI9PT1pKXJldHVybiBQKHQsZSxuLnNsaWNlKDAsLTEpKTtjb25zdFtsLGNdPUEocyk7cmV0dXJuIE8odCxlLHt0eXBlOiJBUFBMWSIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSksYXJndW1lbnRMaXN0Omx9LGMpLnRoZW4oTCl9LGNvbnN0cnVjdChyLG8pe3YoYSk7Y29uc3RbcyxpXT1BKG8pO3JldHVybiBPKHQsZSx7dHlwZToiQ09OU1RSVUNUIixwYXRoOm4ubWFwKCh0PT50LnRvU3RyaW5nKCkpKSxhcmd1bWVudExpc3Q6c30saSkudGhlbihMKX19KTtyZXR1cm4gZnVuY3Rpb24odCxlKXtjb25zdCBuPSh4LmdldChlKXx8MCkrMTt4LnNldChlLG4pLGsmJmsucmVnaXN0ZXIodCxlLHQpfShvLHQpLG99ZnVuY3Rpb24gQSh0KXtjb25zdCBlPXQubWFwKFIpO3JldHVybltlLm1hcCgodD0+dFswXSkpLChuPWUubWFwKCh0PT50WzFdKSksQXJyYXkucHJvdG90eXBlLmNvbmNhdC5hcHBseShbXSxuKSldO3ZhciBufWNvbnN0IFQ9bmV3IFdlYWtNYXA7ZnVuY3Rpb24gUih0KXtmb3IoY29uc3RbZSxuXW9mIHcpaWYobi5jYW5IYW5kbGUodCkpe2NvbnN0W3IsYV09bi5zZXJpYWxpemUodCk7cmV0dXJuW3t0eXBlOiJIQU5ETEVSIixuYW1lOmUsdmFsdWU6cn0sYV19cmV0dXJuW3t0eXBlOiJSQVciLHZhbHVlOnR9LFQuZ2V0KHQpfHxbXV19ZnVuY3Rpb24gTCh0KXtzd2l0Y2godC50eXBlKXtjYXNlIkhBTkRMRVIiOnJldHVybiB3LmdldCh0Lm5hbWUpLmRlc2VyaWFsaXplKHQudmFsdWUpO2Nhc2UiUkFXIjpyZXR1cm4gdC52YWx1ZX19ZnVuY3Rpb24gTyh0LGUsbixyKXtyZXR1cm4gbmV3IFByb21pc2UoKGE9Pntjb25zdCBvPW5ldyBBcnJheSg0KS5maWxsKDApLm1hcCgoKCk9Pk1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSpOdW1iZXIuTUFYX1NBRkVfSU5URUdFUikudG9TdHJpbmcoMTYpKSkuam9pbigiLSIpO2Uuc2V0KG8sYSksdC5zdGFydCYmdC5zdGFydCgpLHQucG9zdE1lc3NhZ2UoT2JqZWN0LmFzc2lnbih7aWQ6b30sbikscil9KSl9Yih7VmFsaWRhdGlvbkVycm9yOnMsZW5jb2RlOmYsZGVjb2RlOmgsaXNCbHVyaGFzaFZhbGlkOnQ9Pnt0cnl7aSh0KX1jYXRjaChlKXtyZXR1cm57cmVzdWx0OiExLGVycm9yUmVhc29uOmUubWVzc2FnZX19cmV0dXJue3Jlc3VsdDohMH19fSl9KCk7Cg==";
+const decodeBase64 = (base64) => Uint8Array.from(atob(base64), (c) => c.charCodeAt(0));
+const blob = typeof self !== "undefined" && self.Blob && new Blob([decodeBase64(encodedJs)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper(options) {
+  let objURL;
+  try {
+    objURL = blob && (self.URL || self.webkitURL).createObjectURL(blob);
+    if (!objURL) throw "";
+    const worker = new Worker(objURL, {
+      name: options == null ? void 0 : options.name
+    });
+    worker.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(objURL);
+    });
+    return worker;
+  } catch (e) {
+    return new Worker(
+      "data:text/javascript;base64," + encodedJs,
+      {
+        name: options == null ? void 0 : options.name
+      }
+    );
+  } finally {
+    objURL && (self.URL || self.webkitURL).revokeObjectURL(objURL);
+  }
+}
+const remoteFunction = wrap(new WorkerWrapper());
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => resolve(img);
+    img.onerror = (...args) => reject(args);
+    img.src = src;
+  });
+}
+function getWidthHeightFromMaxSize(width, height, maxSize) {
+  if (width > height) {
+    return {
+      width: maxSize,
+      height: Math.round(maxSize * (height / width))
+    };
+  }
+  return {
+    width: Math.round(maxSize * (width / height)),
+    height: maxSize
+  };
+}
+async function resizeImage(image, width, height) {
+  var _a;
+  const resizer = new Pica();
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const result = await resizer.resize(image, canvas);
+  return (_a = result.getContext("2d")) == null ? void 0 : _a.getImageData(0, 0, width, height).data;
+}
+function useBlurhash() {
+  async function encode(file) {
+    const imageUrl = URL.createObjectURL(file);
+    const image = await loadImage(imageUrl);
+    if ("width" in image && "height" in image) {
+      const { width: newWidth, height: newHeight } = getWidthHeightFromMaxSize(
+        image.width,
+        image.height,
+        32
+      );
+      const imageData = await resizeImage(
+        image,
+        newWidth,
+        newHeight
+      );
+      if (imageData) {
+        return remoteFunction.encode(
+          imageData,
+          newWidth,
+          newHeight,
+          4,
+          4
+        );
+      }
+    }
+  }
+  return { encode, decode: remoteFunction.decode, loadImage };
+}
 export {
-  useAlert
+  useAlert,
+  useBlurhash,
+  useDropdownContextmenu,
+  useDropdownVirtualElement
 };

package/dist/composables/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).composables={},e.vue)}(this,(function(e,t){"use strict";const o="default",n="information",i=new Map([["success","check-circle"],["info",n],["warning","warning"],["danger","error"]]),s=t.reactive(new Map([[o,new Map]]));e.useAlert=()=>{const e=(e=o)=>t.computed((()=>{const t=s.get(e);return t&&t instanceof Map?Array.from(null==t?void 0:t.values()).sort(((e,t)=>e.timestamp-t.timestamp)):[]}));return{groups:s,alerts:e(),addAlert:({id:e=crypto.randomUUID(),group:t=o,title:r,icon:a=n,content:l,footer:u,modifiers:c="info",dismissable:f=true,autoClose:d=1e4}={})=>{s.has(t)||s.set(t,new Map);const p=s.get(t),m="string"==typeof c?c.split(" "):c;if(!a){const e=m.find((e=>i.has(e)));e&&(a=i.get(e))}null==p||p.set(e.toString(),{id:e,group:t,title:r,icon:a,content:l,footer:u,modifiers:c,dismissable:f,autoClose:d,timestamp:Date.now()})},removeAlert:(e,t=o)=>{const n=s.get(t);null==n||n.delete(e.toString())},getAlerts:e}},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(i,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue"),require("comlink"),require("pica")):"function"==typeof define&&define.amd?define(["exports","vue","comlink","pica"],l):l((i="undefined"!=typeof globalThis?globalThis:i||self).composables={},i.vue,i.comlink,i.Pica)}(this,(function(i,l,d,t){"use strict";const e="default",n="information",b=new Map([["success","check-circle"],["info",n],["warning","warning"],["danger","error"]]),o=l.reactive(new Map([[e,new Map]]));function c(i){const d=l.ref(0),t=l.ref(0),e=l.ref();let n=0,b=0,o=0,c=0;const s=i=>{const l=i.target;n=l.scrollLeft-c,b=l.scrollTop-o,t.value=t.value-b,d.value=d.value-n,c=l.scrollLeft,o=l.scrollTop},u=()=>({width:0,height:0,x:d.value,y:t.value,top:t.value,left:d.value,right:d.value,bottom:t.value});return l.getCurrentInstance()&&(l.onMounted((()=>{i.value&&(i.value.init({getBoundingClientRect:u}),e.value=function(i){if(!i)return;let l=i.parentElement;for(;l;){const{overflow:i}=window.getComputedStyle(l);if(i.split(" ").every((i=>"auto"===i||"scroll"===i)))return l;l=l.parentElement}return document.documentElement}(i.value.$el),e.value&&e.value.addEventListener("scroll",s))})),l.onUnmounted((()=>{e.value&&e.value.removeEventListener("scroll",s)}))),{x:d,y:t,getBoundingClientRect:u,onScroll:s}}const s="IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciB0PVsiMCIsIjEiLCIyIiwiMyIsIjQiLCI1IiwiNiIsIjciLCI4IiwiOSIsIkEiLCJCIiwiQyIsIkQiLCJFIiwiRiIsIkciLCJIIiwiSSIsIkoiLCJLIiwiTCIsIk0iLCJOIiwiTyIsIlAiLCJRIiwiUiIsIlMiLCJUIiwiVSIsIlYiLCJXIiwiWCIsIlkiLCJaIiwiYSIsImIiLCJjIiwiZCIsImUiLCJmIiwiZyIsImgiLCJpIiwiaiIsImsiLCJsIiwibSIsIm4iLCJvIiwicCIsInEiLCJyIiwicyIsInQiLCJ1IiwidiIsInciLCJ4IiwieSIsInoiLCIjIiwiJCIsIiUiLCIqIiwiKyIsIiwiLCItIiwiLiIsIjoiLCI7IiwiPSIsIj8iLCJAIiwiWyIsIl0iLCJeIiwiXyIsInsiLCJ8IiwifSIsIn4iXSxlPWU9PntsZXQgbj0wO2ZvcihsZXQgcj0wO3I8ZS5sZW5ndGg7cisrKXtsZXQgYT1lW3JdO249ODMqbit0LmluZGV4T2YoYSl9cmV0dXJuIG59LG49KGUsbik9Pnt2YXIgcj0iIjtmb3IobGV0IGE9MTthPD1uO2ErKyl7bGV0IG89TWF0aC5mbG9vcihlKS9NYXRoLnBvdyg4MyxuLWEpJTgzO3IrPXRbTWF0aC5mbG9vcihvKV19cmV0dXJuIHJ9LHI9dD0+e2xldCBlPXQvMjU1O3JldHVybiBlPD0uMDQwNDU/ZS8xMi45MjpNYXRoLnBvdygoZSsuMDU1KS8xLjA1NSwyLjQpfSxhPXQ9PntsZXQgZT1NYXRoLm1heCgwLE1hdGgubWluKDEsdCkpO3JldHVybiBlPD0uMDAzMTMwOD9NYXRoLnRydW5jKDEyLjkyKmUqMjU1Ky41KTpNYXRoLnRydW5jKDI1NSooMS4wNTUqTWF0aC5wb3coZSwuNDE2NjY2NjY2NjY2NjY2NyktLjA1NSkrLjUpfSxvPSh0LGUpPT4odD0+dDwwPy0xOjEpKHQpKk1hdGgucG93KE1hdGguYWJzKHQpLGUpLHM9Y2xhc3MgZXh0ZW5kcyBFcnJvcntjb25zdHJ1Y3Rvcih0KXtzdXBlcih0KSx0aGlzLm5hbWU9IlZhbGlkYXRpb25FcnJvciIsdGhpcy5tZXNzYWdlPXR9fSxpPXQ9PntpZighdHx8dC5sZW5ndGg8Nil0aHJvdyBuZXcgcygiVGhlIGJsdXJoYXNoIHN0cmluZyBtdXN0IGJlIGF0IGxlYXN0IDYgY2hhcmFjdGVycyIpO2xldCBuPWUodFswXSkscj1NYXRoLmZsb29yKG4vOSkrMSxhPW4lOSsxO2lmKHQubGVuZ3RoIT09NCsyKmEqcil0aHJvdyBuZXcgcyhgYmx1cmhhc2ggbGVuZ3RoIG1pc21hdGNoOiBsZW5ndGggaXMgJHt0Lmxlbmd0aH0gYnV0IGl0IHNob3VsZCBiZSAkezQrMiphKnJ9YCl9LGw9dD0+e2xldCBlPXQ+PjgmMjU1LG49MjU1JnQ7cmV0dXJuW3IodD4+MTYpLHIoZSkscihuKV19LGM9KHQsZSk9PntsZXQgbj1NYXRoLmZsb29yKHQvMzYxKSxyPU1hdGguZmxvb3IodC8xOSklMTksYT10JTE5O3JldHVybltvKChuLTkpLzksMikqZSxvKChyLTkpLzksMikqZSxvKChhLTkpLzksMikqZV19LGg9KHQsbixyLG8pPT57aSh0KSxvfD0xO2xldCBzPWUodFswXSksaD1NYXRoLmZsb29yKHMvOSkrMSx1PXMlOSsxLGY9KGUodFsxXSkrMSkvMTY2LHA9bmV3IEFycmF5KHUqaCk7Zm9yKGxldCBhPTA7YTxwLmxlbmd0aDthKyspaWYoMD09PWEpe2xldCBuPWUodC5zdWJzdHJpbmcoMiw2KSk7cFthXT1sKG4pfWVsc2V7bGV0IG49ZSh0LnN1YnN0cmluZyg0KzIqYSw2KzIqYSkpO3BbYV09YyhuLGYqbyl9bGV0IG09NCpuLGc9bmV3IFVpbnQ4Q2xhbXBlZEFycmF5KG0qcik7Zm9yKGxldCBlPTA7ZTxyO2UrKylmb3IobGV0IHQ9MDt0PG47dCsrKXtsZXQgbz0wLHM9MCxpPTA7Zm9yKGxldCBhPTA7YTxoO2ErKylmb3IobGV0IGw9MDtsPHU7bCsrKXtsZXQgYz1NYXRoLmNvcyhNYXRoLlBJKnQqbC9uKSpNYXRoLmNvcyhNYXRoLlBJKmUqYS9yKSxoPXBbbCthKnVdO28rPWhbMF0qYyxzKz1oWzFdKmMsaSs9aFsyXSpjfWxldCBsPWEobyksYz1hKHMpLGY9YShpKTtnWzQqdCswK2UqbV09bCxnWzQqdCsxK2UqbV09YyxnWzQqdCsyK2UqbV09ZixnWzQqdCszK2UqbV09MjU1fXJldHVybiBnfSx1PSh0LGUsbixhKT0+e2xldCBvPTAscz0wLGk9MCxsPTQqZTtmb3IobGV0IGg9MDtoPGU7aCsrKXtsZXQgZT00Kmg7Zm9yKGxldCBjPTA7YzxuO2MrKyl7bGV0IG49ZStjKmwsdT1hKGgsYyk7bys9dSpyKHRbbl0pLHMrPXUqcih0W24rMV0pLGkrPXUqcih0W24rMl0pfX1sZXQgYz0xLyhlKm4pO3JldHVybltvKmMscypjLGkqY119LGY9KHQsZSxyLGksbCk9PntpZihpPDF8fGk+OXx8bDwxfHxsPjkpdGhyb3cgbmV3IHMoIkJsdXJIYXNoIG11c3QgaGF2ZSBiZXR3ZWVuIDEgYW5kIDkgY29tcG9uZW50cyIpO2lmKGUqcio0IT09dC5sZW5ndGgpdGhyb3cgbmV3IHMoIldpZHRoIGFuZCBoZWlnaHQgbXVzdCBtYXRjaCB0aGUgcGl4ZWxzIGFycmF5Iik7bGV0IGM9W107Zm9yKGxldCBuPTA7bjxsO24rKylmb3IobGV0IGE9MDthPGk7YSsrKXtsZXQgbz0wPT1hJiYwPT1uPzE6MixzPXUodCxlLHIsKCh0LHMpPT5vKk1hdGguY29zKE1hdGguUEkqYSp0L2UpKk1hdGguY29zKE1hdGguUEkqbipzL3IpKSk7Yy5wdXNoKHMpfWxldCBoLGY9Y1swXSxwPWMuc2xpY2UoMSksbT0iIjtpZihtKz1uKGktMSs5KihsLTEpLDEpLHAubGVuZ3RoPjApe2xldCB0PU1hdGgubWF4KC4uLnAubWFwKCh0PT5NYXRoLm1heCguLi50KSkpKSxlPU1hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbig4MixNYXRoLmZsb29yKDE2Nip0LS41KSkpKTtoPShlKzEpLzE2NixtKz1uKGUsMSl9ZWxzZSBoPTEsbSs9bigwLDEpO3JldHVybiBtKz1uKCh0PT4oYSh0WzBdKTw8MTYpKyhhKHRbMV0pPDw4KSthKHRbMl0pKShmKSw0KSxwLmZvckVhY2goKHQ9PnttKz1uKCgodCxlKT0+MTkqTWF0aC5mbG9vcihNYXRoLm1heCgwLE1hdGgubWluKDE4LE1hdGguZmxvb3IoOSpvKHRbMF0vZSwuNSkrOS41KSkpKSoxOSsxOSpNYXRoLmZsb29yKE1hdGgubWF4KDAsTWF0aC5taW4oMTgsTWF0aC5mbG9vcig5Km8odFsxXS9lLC41KSs5LjUpKSkpK01hdGguZmxvb3IoTWF0aC5tYXgoMCxNYXRoLm1pbigxOCxNYXRoLmZsb29yKDkqbyh0WzJdL2UsLjUpKzkuNSkpKSkpKHQsaCksMil9KSksbX07Ci8qKgogICAqIEBsaWNlbnNlCiAgICogQ29weXJpZ2h0IDIwMTkgR29vZ2xlIExMQwogICAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wCiAgICovCmNvbnN0IHA9U3ltYm9sKCJDb21saW5rLnByb3h5IiksbT1TeW1ib2woIkNvbWxpbmsuZW5kcG9pbnQiKSxnPVN5bWJvbCgiQ29tbGluay5yZWxlYXNlUHJveHkiKSxNPVN5bWJvbCgiQ29tbGluay5maW5hbGl6ZXIiKSxkPVN5bWJvbCgiQ29tbGluay50aHJvd24iKSx5PXQ9PiJvYmplY3QiPT10eXBlb2YgdCYmbnVsbCE9PXR8fCJmdW5jdGlvbiI9PXR5cGVvZiB0LHc9bmV3IE1hcChbWyJwcm94eSIse2NhbkhhbmRsZTp0PT55KHQpJiZ0W3BdLHNlcmlhbGl6ZSh0KXtjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtyZXR1cm4gYih0LGUpLFtuLFtuXV19LGRlc2VyaWFsaXplOnQ9Pih0LnN0YXJ0KCksZnVuY3Rpb24odCxlKXtjb25zdCBuPW5ldyBNYXA7cmV0dXJuIHQuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsKGZ1bmN0aW9uKHQpe2NvbnN0e2RhdGE6ZX09dDtpZighZXx8IWUuaWQpcmV0dXJuO2NvbnN0IHI9bi5nZXQoZS5pZCk7aWYocil0cnl7cihlKX1maW5hbGx5e24uZGVsZXRlKGUuaWQpfX0pKSxQKHQsbixbXSxlKX0odCkpfV0sWyJ0aHJvdyIse2NhbkhhbmRsZTp0PT55KHQpJiZkIGluIHQsc2VyaWFsaXplKHt2YWx1ZTp0fSl7bGV0IGU7cmV0dXJuIGU9dCBpbnN0YW5jZW9mIEVycm9yP3tpc0Vycm9yOiEwLHZhbHVlOnttZXNzYWdlOnQubWVzc2FnZSxuYW1lOnQubmFtZSxzdGFjazp0LnN0YWNrfX06e2lzRXJyb3I6ITEsdmFsdWU6dH0sW2UsW11dfSxkZXNlcmlhbGl6ZSh0KXtpZih0LmlzRXJyb3IpdGhyb3cgT2JqZWN0LmFzc2lnbihuZXcgRXJyb3IodC52YWx1ZS5tZXNzYWdlKSx0LnZhbHVlKTt0aHJvdyB0LnZhbHVlfX1dXSk7ZnVuY3Rpb24gYih0LGU9Z2xvYmFsVGhpcyxuPVsiKiJdKXtlLmFkZEV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLChmdW5jdGlvbiByKGEpe2lmKCFhfHwhYS5kYXRhKXJldHVybjtpZighZnVuY3Rpb24odCxlKXtmb3IoY29uc3QgbiBvZiB0KXtpZihlPT09bnx8IioiPT09bilyZXR1cm4hMDtpZihuIGluc3RhbmNlb2YgUmVnRXhwJiZuLnRlc3QoZSkpcmV0dXJuITB9cmV0dXJuITF9KG4sYS5vcmlnaW4pKXJldHVybiB2b2lkIGNvbnNvbGUud2FybihgSW52YWxpZCBvcmlnaW4gJyR7YS5vcmlnaW59JyBmb3IgY29tbGluayBwcm94eWApO2NvbnN0e2lkOm8sdHlwZTpzLHBhdGg6aX09T2JqZWN0LmFzc2lnbih7cGF0aDpbXX0sYS5kYXRhKSxsPShhLmRhdGEuYXJndW1lbnRMaXN0fHxbXSkubWFwKEwpO2xldCBjO3RyeXtjb25zdCBlPWkuc2xpY2UoMCwtMSkucmVkdWNlKCgodCxlKT0+dFtlXSksdCksbj1pLnJlZHVjZSgoKHQsZSk9PnRbZV0pLHQpO3N3aXRjaChzKXtjYXNlIkdFVCI6Yz1uO2JyZWFrO2Nhc2UiU0VUIjplW2kuc2xpY2UoLTEpWzBdXT1MKGEuZGF0YS52YWx1ZSksYz0hMDticmVhaztjYXNlIkFQUExZIjpjPW4uYXBwbHkoZSxsKTticmVhaztjYXNlIkNPTlNUUlVDVCI6Yz1mdW5jdGlvbih0KXtyZXR1cm4gT2JqZWN0LmFzc2lnbih0LHtbcF06ITB9KX0obmV3IG4oLi4ubCkpO2JyZWFrO2Nhc2UiRU5EUE9JTlQiOntjb25zdHtwb3J0MTplLHBvcnQyOm59PW5ldyBNZXNzYWdlQ2hhbm5lbDtiKHQsbiksYz1mdW5jdGlvbih0LGUpe3JldHVybiBULnNldCh0LGUpLHR9KGUsW2VdKX1icmVhaztjYXNlIlJFTEVBU0UiOmM9dm9pZCAwO2JyZWFrO2RlZmF1bHQ6cmV0dXJufX1jYXRjaChoKXtjPXt2YWx1ZTpoLFtkXTowfX1Qcm9taXNlLnJlc29sdmUoYykuY2F0Y2goKHQ9Pih7dmFsdWU6dCxbZF06MH0pKSkudGhlbigobj0+e2NvbnN0W2EsaV09UihuKTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxhKSx7aWQ6b30pLGkpLCJSRUxFQVNFIj09PXMmJihlLnJlbW92ZUV2ZW50TGlzdGVuZXIoIm1lc3NhZ2UiLHIpLEUoZSksTSBpbiB0JiYiZnVuY3Rpb24iPT10eXBlb2YgdFtNXSYmdFtNXSgpKX0pKS5jYXRjaCgodD0+e2NvbnN0W24scl09Uih7dmFsdWU6bmV3IFR5cGVFcnJvcigiVW5zZXJpYWxpemFibGUgcmV0dXJuIHZhbHVlIiksW2RdOjB9KTtlLnBvc3RNZXNzYWdlKE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSxuKSx7aWQ6b30pLHIpfSkpfSkpLGUuc3RhcnQmJmUuc3RhcnQoKX1mdW5jdGlvbiBFKHQpeyhmdW5jdGlvbih0KXtyZXR1cm4iTWVzc2FnZVBvcnQiPT09dC5jb25zdHJ1Y3Rvci5uYW1lfSkodCkmJnQuY2xvc2UoKX1mdW5jdGlvbiB2KHQpe2lmKHQpdGhyb3cgbmV3IEVycm9yKCJQcm94eSBoYXMgYmVlbiByZWxlYXNlZCBhbmQgaXMgbm90IHVzZWFibGUiKX1mdW5jdGlvbiBTKHQpe3JldHVybiBPKHQsbmV3IE1hcCx7dHlwZToiUkVMRUFTRSJ9KS50aGVuKCgoKT0+e0UodCl9KSl9Y29uc3QgeD1uZXcgV2Vha01hcCxrPSJGaW5hbGl6YXRpb25SZWdpc3RyeSJpbiBnbG9iYWxUaGlzJiZuZXcgRmluYWxpemF0aW9uUmVnaXN0cnkoKHQ9Pntjb25zdCBlPSh4LmdldCh0KXx8MCktMTt4LnNldCh0LGUpLDA9PT1lJiZTKHQpfSkpO2Z1bmN0aW9uIFAodCxlLG49W10scj1mdW5jdGlvbigpe30pe2xldCBhPSExO2NvbnN0IG89bmV3IFByb3h5KHIse2dldChyLHMpe2lmKHYoYSkscz09PWcpcmV0dXJuKCk9PnshZnVuY3Rpb24odCl7ayYmay51bnJlZ2lzdGVyKHQpfShvKSxTKHQpLGUuY2xlYXIoKSxhPSEwfTtpZigidGhlbiI9PT1zKXtpZigwPT09bi5sZW5ndGgpcmV0dXJue3RoZW46KCk9Pm99O2NvbnN0IHI9Tyh0LGUse3R5cGU6IkdFVCIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSl9KS50aGVuKEwpO3JldHVybiByLnRoZW4uYmluZChyKX1yZXR1cm4gUCh0LGUsWy4uLm4sc10pfSxzZXQocixvLHMpe3YoYSk7Y29uc3RbaSxsXT1SKHMpO3JldHVybiBPKHQsZSx7dHlwZToiU0VUIixwYXRoOlsuLi5uLG9dLm1hcCgodD0+dC50b1N0cmluZygpKSksdmFsdWU6aX0sbCkudGhlbihMKX0sYXBwbHkocixvLHMpe3YoYSk7Y29uc3QgaT1uW24ubGVuZ3RoLTFdO2lmKGk9PT1tKXJldHVybiBPKHQsZSx7dHlwZToiRU5EUE9JTlQifSkudGhlbihMKTtpZigiYmluZCI9PT1pKXJldHVybiBQKHQsZSxuLnNsaWNlKDAsLTEpKTtjb25zdFtsLGNdPUEocyk7cmV0dXJuIE8odCxlLHt0eXBlOiJBUFBMWSIscGF0aDpuLm1hcCgodD0+dC50b1N0cmluZygpKSksYXJndW1lbnRMaXN0Omx9LGMpLnRoZW4oTCl9LGNvbnN0cnVjdChyLG8pe3YoYSk7Y29uc3RbcyxpXT1BKG8pO3JldHVybiBPKHQsZSx7dHlwZToiQ09OU1RSVUNUIixwYXRoOm4ubWFwKCh0PT50LnRvU3RyaW5nKCkpKSxhcmd1bWVudExpc3Q6c30saSkudGhlbihMKX19KTtyZXR1cm4gZnVuY3Rpb24odCxlKXtjb25zdCBuPSh4LmdldChlKXx8MCkrMTt4LnNldChlLG4pLGsmJmsucmVnaXN0ZXIodCxlLHQpfShvLHQpLG99ZnVuY3Rpb24gQSh0KXtjb25zdCBlPXQubWFwKFIpO3JldHVybltlLm1hcCgodD0+dFswXSkpLChuPWUubWFwKCh0PT50WzFdKSksQXJyYXkucHJvdG90eXBlLmNvbmNhdC5hcHBseShbXSxuKSldO3ZhciBufWNvbnN0IFQ9bmV3IFdlYWtNYXA7ZnVuY3Rpb24gUih0KXtmb3IoY29uc3RbZSxuXW9mIHcpaWYobi5jYW5IYW5kbGUodCkpe2NvbnN0W3IsYV09bi5zZXJpYWxpemUodCk7cmV0dXJuW3t0eXBlOiJIQU5ETEVSIixuYW1lOmUsdmFsdWU6cn0sYV19cmV0dXJuW3t0eXBlOiJSQVciLHZhbHVlOnR9LFQuZ2V0KHQpfHxbXV19ZnVuY3Rpb24gTCh0KXtzd2l0Y2godC50eXBlKXtjYXNlIkhBTkRMRVIiOnJldHVybiB3LmdldCh0Lm5hbWUpLmRlc2VyaWFsaXplKHQudmFsdWUpO2Nhc2UiUkFXIjpyZXR1cm4gdC52YWx1ZX19ZnVuY3Rpb24gTyh0LGUsbixyKXtyZXR1cm4gbmV3IFByb21pc2UoKGE9Pntjb25zdCBvPW5ldyBBcnJheSg0KS5maWxsKDApLm1hcCgoKCk9Pk1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSpOdW1iZXIuTUFYX1NBRkVfSU5URUdFUikudG9TdHJpbmcoMTYpKSkuam9pbigiLSIpO2Uuc2V0KG8sYSksdC5zdGFydCYmdC5zdGFydCgpLHQucG9zdE1lc3NhZ2UoT2JqZWN0LmFzc2lnbih7aWQ6b30sbikscil9KSl9Yih7VmFsaWRhdGlvbkVycm9yOnMsZW5jb2RlOmYsZGVjb2RlOmgsaXNCbHVyaGFzaFZhbGlkOnQ9Pnt0cnl7aSh0KX1jYXRjaChlKXtyZXR1cm57cmVzdWx0OiExLGVycm9yUmVhc29uOmUubWVzc2FnZX19cmV0dXJue3Jlc3VsdDohMH19fSl9KCk7Cg==",u="undefined"!=typeof self&&self.Blob&&new Blob([(m=s,Uint8Array.from(atob(m),(i=>i.charCodeAt(0))))],{type:"text/javascript;charset=utf-8"});var m;const h=d.wrap(new function(i){let l;try{if(l=u&&(self.URL||self.webkitURL).createObjectURL(u),!l)throw"";const d=new Worker(l,{name:null==i?void 0:i.name});return d.addEventListener("error",(()=>{(self.URL||self.webkitURL).revokeObjectURL(l)})),d}catch(d){return new Worker("data:text/javascript;base64,"+s,{name:null==i?void 0:i.name})}finally{l&&(self.URL||self.webkitURL).revokeObjectURL(l)}});function p(i){return new Promise(((l,d)=>{const t=new Image;t.onload=()=>l(t),t.onerror=(...i)=>d(i),t.src=i}))}i.useAlert=function(){const i=(i=e)=>l.computed((()=>{const l=o.get(i);return l&&l instanceof Map?Array.from(null==l?void 0:l.values()).sort(((i,l)=>i.timestamp-l.timestamp)):[]}));return{groups:o,alerts:i(),addAlert:({id:i=crypto.randomUUID(),group:l=e,title:d,icon:t=n,content:c,footer:s,modifiers:u="info",dismissable:m=true,autoClose:h=1e4,timestamp:p=Date.now()}={})=>{o.has(l)||o.set(l,new Map);const I=o.get(l),K="string"==typeof u?u.split(" "):u;if(!t){const i=K.find((i=>b.has(i)));i&&(t=b.get(i))}null==I||I.set(i.toString(),{id:i,group:l,title:d,icon:t,content:c,footer:s,modifiers:u,dismissable:m,autoClose:h,timestamp:p})},removeAlert:(i,l=e)=>{const d=o.get(l);null==d||d.delete(i.toString())},getAlerts:i}},i.useBlurhash=function(){return{encode:async function(i){const l=URL.createObjectURL(i),d=await p(l);if("width"in d&&"height"in d){const{width:i,height:l}=(e=d.width,n=d.height,b=32,e>n?{width:b,height:Math.round(b*(n/e))}:{width:Math.round(b*(e/n)),height:b}),o=await async function(i,l,d){var e;const n=new t,b=document.createElement("canvas");return b.width=l,b.height=d,null==(e=(await n.resize(i,b)).getContext("2d"))?void 0:e.getImageData(0,0,l,d).data}(d,i,l);if(o)return h.encode(o,i,l,4,4)}var e,n,b},decode:h.decode,loadImage:p}},i.useDropdownContextmenu=function(i,d){const{x:t,y:e,getBoundingClientRect:n,onScroll:b}=c(i),o=l=>{t.value=l.clientX,e.value=l.clientY,l.preventDefault(),i.value.show()},s=l.computed((()=>l.unref(d)));return s&&l.getCurrentInstance()&&(l.onMounted((()=>{var i;null==(i=s.value)||i.addEventListener("contextmenu",o,!1)})),l.onUnmounted((()=>{var i;null==(i=s.value)||i.removeEventListener("contextmenu",o)}))),{x:t,y:e,getBoundingClientRect:n,onContextmenu:o,onScroll:b}},i.useDropdownVirtualElement=c,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));

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: import("comlink").Remote<(blurhash: string, width: number, height: number, punch?: number) => Uint8ClampedArray>;
+    loadImage: typeof loadImage;
+};
+export {};

package/dist/composables/useComponentFocus.d.ts

@@ -1,4 +1,4 @@
 import type { MaybeElement, MaybeElementRef } from '@vueuse/core';
-export declare function useComponentFocus(inputTemplateRef: MaybeElementRef<MaybeElement>, emit: (event: 'focus' | 'blur', value: unknown) => void): {
-    focused: globalThis.Ref<boolean>;
+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.Ref<boolean, boolean>;
 };

package/dist/composables/useComponentIcon.d.ts

@@ -1,10 +1,11 @@
 import type { Ref } from 'vue';
-export declare function useComponentIcon(icon: Ref<string | object | undefined> | undefined, iconPosition: Ref<string>): {
-    hasIcon: globalThis.ComputedRef<object | undefined>;
-    hasIconLeft: globalThis.ComputedRef<boolean>;
-    hasIconRight: globalThis.ComputedRef<boolean>;
-    hasIconTop: globalThis.ComputedRef<boolean>;
-    hasIconBottom: globalThis.ComputedRef<boolean>;
-    hasIconBefore: globalThis.ComputedRef<boolean>;
-    hasIconAfter: globalThis.ComputedRef<boolean>;
+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/useOptions.d.ts

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

package/dist/composables/useUniqueId.d.ts

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

package/dist/composables/useVolver.d.ts

@@ -1 +1 @@
-export declare function useVolver(): import("../Volver").Volver | undefined;
+export declare function useVolver(): import("..").Volver | undefined;