@volverjs/ui-vue 0.0.3-beta.4 → 0.0.3

package/dist/components/VvDropdown/VvDropdown.vue.d.ts

@@ -1,79 +1,212 @@
-import type { Option } from '@/types/generic';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | NumberConstructor)[];
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    reference: {
+        type: import("vue").PropType<HTMLElement | null>;
+        default: null;
+    };
+    role: {
+        type: import("vue").PropType<"menu" | "listbox">;
+        default: "menu";
+        validator: (value: string) => boolean;
     };
-    labelNoResults: {
+    placement: {
+        type: import("vue").PropType<import("../../constants.js").Side | import("../../constants.js").Placement>;
+        default: import("../../constants.js").Side;
+        validator: (value: never) => boolean;
+    };
+    transitionName: {
         type: StringConstructor;
-        default: string;
     };
-    multiple: BooleanConstructor;
-    maxValues: (StringConstructor | NumberConstructor)[];
-    unselectable: {
+    offset: {
+        type: import("vue").PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        default: number;
+    };
+    shift: {
+        type: import("vue").PropType<boolean | Partial<import("@floating-ui/core").ShiftOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    flip: {
+        type: import("vue").PropType<boolean | Partial<import("@floating-ui/core").FlipOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<boolean | Partial<Omit<import("@floating-ui/core").SizeOptions, "apply"> & {
+            apply(args: Omit<import("@floating-ui/core").MiddlewareArguments, "elements"> & {
+                elements: import("@floating-ui/vue").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }): void | Promise<void>;
+        } & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: import("vue").PropType<boolean | Partial<import("@floating-ui/core").AutoPlacementOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    arrow: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: import("vue").PropType<string | string[]>;
-    disabled: BooleanConstructor;
-    options: {
-        type: import("vue").PropType<(string | Option)[]>;
-        default: () => never[];
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    labelKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    valueKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
+    triggerWidth: {
+        type: BooleanConstructor;
     };
+    modifiers: import("vue").PropType<string | string[]>;
     id: (StringConstructor | NumberConstructor)[];
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | NumberConstructor)[];
+        type: BooleanConstructor;
+        default: undefined;
     };
-    labelNoResults: {
+    reference: {
+        type: import("vue").PropType<HTMLElement | null>;
+        default: null;
+    };
+    role: {
+        type: import("vue").PropType<"menu" | "listbox">;
+        default: "menu";
+        validator: (value: string) => boolean;
+    };
+    placement: {
+        type: import("vue").PropType<import("../../constants.js").Side | import("../../constants.js").Placement>;
+        default: import("../../constants.js").Side;
+        validator: (value: never) => boolean;
+    };
+    transitionName: {
         type: StringConstructor;
-        default: string;
     };
-    multiple: BooleanConstructor;
-    maxValues: (StringConstructor | NumberConstructor)[];
-    unselectable: {
+    offset: {
+        type: import("vue").PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        default: number;
+    };
+    shift: {
+        type: import("vue").PropType<boolean | Partial<import("@floating-ui/core").ShiftOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    flip: {
+        type: import("vue").PropType<boolean | Partial<import("@floating-ui/core").FlipOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<boolean | Partial<Omit<import("@floating-ui/core").SizeOptions, "apply"> & {
+            apply(args: Omit<import("@floating-ui/core").MiddlewareArguments, "elements"> & {
+                elements: import("@floating-ui/vue").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }): void | Promise<void>;
+        } & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: import("vue").PropType<boolean | Partial<import("@floating-ui/core").AutoPlacementOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/vue").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    arrow: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: import("vue").PropType<string | string[]>;
-    disabled: BooleanConstructor;
-    options: {
-        type: import("vue").PropType<(string | Option)[]>;
-        default: () => never[];
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    labelKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    valueKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
+    triggerWidth: {
+        type: BooleanConstructor;
     };
+    modifiers: import("vue").PropType<string | string[]>;
     id: (StringConstructor | NumberConstructor)[];
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
-    multiple: boolean;
-    unselectable: boolean;
-    options: (string | Option)[];
-    labelKey: string | Function;
-    valueKey: string | Function;
-    labelNoResults: string;
+    modelValue: boolean;
+    shift: boolean | Partial<import("@floating-ui/core").ShiftOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+        boundary: import("@floating-ui/vue").Boundary;
+    }> | undefined;
+    flip: boolean | Partial<import("@floating-ui/core").FlipOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+        boundary: import("@floating-ui/vue").Boundary;
+    }> | undefined;
+    reference: HTMLElement | null;
+    role: "menu" | "listbox";
+    placement: import("../../constants.js").Side | import("../../constants.js").Placement;
+    offset: string | import("@floating-ui/core").OffsetOptions | undefined;
+    size: boolean | Partial<Omit<import("@floating-ui/core").SizeOptions, "apply"> & {
+        apply(args: Omit<import("@floating-ui/core").MiddlewareArguments, "elements"> & {
+            elements: import("@floating-ui/vue").Elements;
+        } & {
+            availableWidth: number;
+            availableHeight: number;
+        }): void | Promise<void>;
+    } & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+        boundary: import("@floating-ui/vue").Boundary;
+    }> | undefined;
+    autoPlacement: boolean | Partial<import("@floating-ui/core").AutoPlacementOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+        boundary: import("@floating-ui/vue").Boundary;
+    }> | undefined;
+    arrow: boolean;
+    autoClose: boolean;
+    autofocusFirst: boolean;
+    triggerWidth: boolean;
+}>, {
+    default: (_: {
+        init: (el: HTMLElement) => void;
+        show: () => void;
+        hide: () => void;
+        toggle: () => void;
+        expanded: boolean;
+        aria: {
+            'aria-controls': string;
+            'aria-haspopup': boolean;
+            'aria-expanded': boolean;
+        };
+    }) => any;
+    before: (_: {
+        expanded: boolean;
+    }) => any;
+    items: (_: {
+        role: "option" | "presentation";
+    }) => any;
+    after: (_: {
+        expanded: boolean;
+    }) => any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvDropdown/VvDropdownItem.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvDropdown/index.d.ts

@@ -1,49 +1,91 @@
+import type { PropType } from 'vue';
+export declare const DROPDOWN_ROLES: readonly ["listbox", "menu"];
+export declare const DROPDOWN_ITEM_ROLES: readonly ["option", "presentation"];
+export type DropdownRole = (typeof DROPDOWN_ROLES)[number];
+export type DropdownItemRole = (typeof DROPDOWN_ITEM_ROLES)[number];
 export declare const VvDropdownProps: {
     /**
-     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     * Show / hide dropdown programmatically
      */
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | NumberConstructor)[];
+        type: BooleanConstructor;
+        default: undefined;
     };
     /**
-     * Label of "no results" options
+     * Dropdown trigger element
      */
-    labelNoResults: {
-        type: StringConstructor;
-        default: string;
+    reference: {
+        type: PropType<HTMLElement | null>;
+        default: null;
     };
     /**
-     * Manage modelValue as string[] or object[]
-     */
-    multiple: BooleanConstructor;
-    /**
-     * The max number of selected values
+     * Dropdown role
      */
-    maxValues: (StringConstructor | NumberConstructor)[];
-    /**
-     * If true the input will be unselectable
-     */
-    unselectable: {
+    role: {
+        type: PropType<"menu" | "listbox">;
+        default: "menu";
+        validator: (value: string) => boolean;
+    };
+    placement: {
+        type: PropType<import("../../constants").Side | import("../../constants").Placement>;
+        default: import("../../constants").Side;
+        validator: (value: never) => boolean;
+    };
+    transitionName: {
+        type: StringConstructor;
+    };
+    offset: {
+        type: PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        default: number;
+    };
+    shift: {
+        type: PropType<boolean | Partial<import("@floating-ui/core").ShiftOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/dom").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    flip: {
+        type: PropType<boolean | Partial<import("@floating-ui/core").FlipOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/dom").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<boolean | Partial<Omit<import("@floating-ui/core").SizeOptions, "apply"> & {
+            apply(args: Omit<import("@floating-ui/core").MiddlewareArguments, "elements"> & {
+                elements: import("@floating-ui/dom").Elements;
+            } & {
+                availableWidth: number;
+                availableHeight: number;
+            }): void | Promise<void>;
+        } & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/dom").Boundary;
+        }> | undefined>;
+        default: () => {
+            padding: number;
+        };
+    };
+    autoPlacement: {
+        type: PropType<boolean | Partial<import("@floating-ui/core").AutoPlacementOptions & Omit<import("@floating-ui/core").DetectOverflowOptions, "boundary"> & {
+            boundary: import("@floating-ui/dom").Boundary;
+        }> | undefined>;
+        default: boolean;
+    };
+    arrow: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modifiers: import("vue").PropType<string | string[]>;
-    disabled: BooleanConstructor;
-    options: {
-        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
-        default: () => never[];
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    labelKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
+    autofocusFirst: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    valueKey: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: string;
+    triggerWidth: {
+        type: BooleanConstructor;
     };
+    modifiers: PropType<string | string[]>;
     id: (StringConstructor | NumberConstructor)[];
-    name: {
-        type: StringConstructor;
-        required: boolean;
-    };
 };

package/dist/components/VvDropdownItem/VvDropdownItem.es.js

@@ -0,0 +1,23 @@
+import { defineComponent as l, openBlock as d, createElementBlock as f, mergeProps as i, unref as t, renderSlot as m } from "vue";
+const p = {
+  name: "VvDropdownItem"
+}, h = /* @__PURE__ */ l({
+  ...p,
+  setup(a) {
+    const { role: s, expanded: r } = useInjectedDropdownItem(), e = ref(null);
+    useProvideDropdownAction({ expanded: r });
+    const c = useElementHover(e), { focused: n } = useFocus(e), { focused: u } = useFocusWithin(e);
+    return watch(c, (o) => {
+      o && (n.value = !0);
+    }), (o, _) => (d(), f("li", i({ role: t(s) }, {
+      ref_key: "element",
+      ref: e,
+      class: ["vv-dropdown__item", { "focus-visible": t(n) || t(u) }]
+    }), [
+      m(o.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/VvDropdownItem/VvDropdownItem.umd.js

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDropdownItem=n(e.vue))})(this,function(e){"use strict";const n={name:"VvDropdownItem"};return e.defineComponent({...n,setup(i){const{role:r,expanded:d}=useInjectedDropdownItem(),o=ref(null);useProvideDropdownAction({expanded:d});const u=useElementHover(o),{focused:s}=useFocus(o),{focused:c}=useFocusWithin(o);return watch(u,t=>{t&&(s.value=!0)}),(t,l)=>(e.openBlock(),e.createElementBlock("li",e.mergeProps({role:e.unref(r)},{ref_key:"element",ref:o,class:["vv-dropdown__item",{"focus-visible":e.unref(s)||e.unref(c)}]}),[e.renderSlot(t.$slots,"default")],16))}})});

package/dist/components/VvIcon/VvIcon.es.js

@@ -1,57 +1,119 @@
-import { defineComponent as h, unref as s, openBlock as w, createBlock as S, mergeProps as $, createCommentVNode as y } from "vue";
+import { defineComponent as v, unref as s, openBlock as w, createBlock as S, mergeProps as $, createCommentVNode as y } from "vue";
 import { iconExists as a, Icon as F, addIcon as B } from "@iconify/vue";
-const b = "ds", I = {
+const b = {
+  /**
+   * Color
+   */
   color: String,
+  /**
+   * Width
+   */
   width: {
     type: [String, Number]
   },
+  /**
+   * Height
+   */
   height: {
     type: [String, Number]
   },
+  /**
+   * Icon name
+   * Can be the full composition of iconify name "@{provider}:{prefix}:{name}" or "{prefix}:{name}" or "{name}"
+   * https://docs.iconify.design/api/providers.html#provider-in-icon-name
+   */
   name: {
     type: String,
     required: !0
   },
+  /**
+   * By default 'vv'
+   * If custom collection is not added with "addCollection" DS class method, this prop could not be used
+   * Icon provider: https://docs.iconify.design/api/providers.html#provider-in-icon-name
+   */
   provider: {
     type: String
   },
+  /**
+   * The name of icon set.
+   * Icon default options prefix: simple | normal | detailed
+   */
   prefix: {
     type: String,
     default: "normal"
   },
+  /**
+   * Url remote SVG icon
+   */
   src: String,
+  /**
+   * Horizontal flip
+   */
   horizontalFlip: Boolean,
+  /**
+   * Vertical flip
+   */
   verticalFlip: Boolean,
+  /**
+   * String alternative to "horizontalFlip" and "verticalFlip".
+   * Example: https://docs.iconify.design/icon-components/vue/transform.html
+   */
   flip: String,
+  /**
+   * Icon render mode
+   * 'style' = 'bg' or 'mask', depending on icon content
+   * 'bg' = span with style using `background`
+   * 'mask' = span with style using `mask`
+   * 'svg' = svg
+   * Iconify doc: https://docs.iconify.design/iconify-icon/modes.html
+   */
   mode: String,
+  /**
+   * Toggles inline or block mode
+   * Example https://docs.iconify.design/icon-components/vue/inline.html
+   */
   inline: Boolean,
+  /**
+   * rotates icon
+   * Example https://docs.iconify.design/icon-components/vue/transform.html
+   */
   rotate: [Number, String],
+  /**
+   * A callback that is called when icon data has been loaded
+   */
   onLoad: Function,
+  /**
+   * SVG icon string
+   */
   svg: String,
+  /**
+   * Icon modifiers: vv-icon css helper classes, value/s are concatened with prefix 'vv-icon--'
+   * @values string | Array<string>
+   */
   modifiers: {
     type: [String, Array]
   }
-}, P = {
+}, C = {
   name: "VvIcon"
-}, E = /* @__PURE__ */ h({
-  ...P,
-  props: I,
+}, V = /* @__PURE__ */ v({
+  ...C,
+  props: b,
   setup(u) {
-    const o = u, c = ref(!0), { modifiers: f } = toRefs(o), r = inject(b), { bemCssClasses: m } = useBemModifiers("vv-icon", {
-      modifiers: f
-    }), i = computed(() => o.provider || (r == null ? void 0 : r.provider)), d = computed(() => {
+    const o = u, c = ref(!0), r = useVolver(), { modifiers: d } = toRefs(o), f = useBemModifiers("vv-icon", d), i = computed(() => o.provider || (r == null ? void 0 : r.provider)), m = computed(() => {
       const e = o.name ?? "", n = `@${i.value}:${o.prefix}:${o.name}`;
-      return a(e) ? e : a(n) ? n : (r == null ? void 0 : r.iconsCollections.find((t) => {
-        const l = `@${i.value}:${t.prefix}:${e}`;
-        if (a(l))
-          return l;
-      })) || e;
+      return a(e) ? e : a(n) ? n : (r == null ? void 0 : r.iconsCollections.find(
+        (t) => {
+          const l = `@${i.value}:${t.prefix}:${e}`;
+          if (a(l))
+            return l;
+        }
+      )) || e;
     });
     function g(e) {
       let n = null;
       if (typeof window > "u") {
-        const { JSDOM: v } = require("jsdom");
-        n = new v().window;
+        const { JSDOM: h } = require("jsdom");
+        n = new h().window;
       }
       return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
     }
@@ -59,6 +121,7 @@ const b = "ds", I = {
       const n = g(e), t = (n == null ? void 0 : n.innerHTML.trim()) || "";
       n && t && B(`@${i.value}:${o.prefix}:${o.name}`, {
         body: t,
+        // Set height and width from svg content
         height: n.viewBox.baseVal.height,
         width: n.viewBox.baseVal.width
       });
@@ -69,7 +132,7 @@ const b = "ds", I = {
       throw new Error(`During fetch icon: ${e == null ? void 0 : e.message}`);
     })) : o.svg && p(o.svg)), (e, n) => s(c) ? (w(), S(s(F), $({
       key: 0,
-      class: s(m)
+      class: s(f)
     }, {
       inline: e.inline,
       width: e.width,
@@ -80,10 +143,10 @@ const b = "ds", I = {
       rotate: e.rotate,
       color: e.color,
       onLoad: e.onLoad,
-      icon: s(d)
+      icon: s(m)
     }), null, 16, ["class"])) : y("", !0);
   }
 });
 export {
-  E as default
+  V as default
 };

package/dist/components/VvIcon/VvIcon.umd.js

@@ -1 +1 @@
-(function(n,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],r):(n=typeof globalThis<"u"?globalThis:n||self,n.VvIcon=r(n.vue,n.vue$1))})(this,function(n,r){"use strict";const d="ds",u={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},p={name:"VvIcon"};return n.defineComponent({...p,props:u,setup(m){const o=m,l=ref(!0),{modifiers:g}=toRefs(o),t=inject(d),{bemCssClasses:h}=useBemModifiers("vv-icon",{modifiers:g}),c=computed(()=>o.provider||(t==null?void 0:t.provider)),v=computed(()=>{const e=o.name??"",i=`@${c.value}:${o.prefix}:${o.name}`;return r.iconExists(e)?e:r.iconExists(i)?i:(t==null?void 0:t.iconsCollections.find(s=>{const a=`@${c.value}:${s.prefix}:${e}`;if(r.iconExists(a))return a}))||e});function w(e){let i=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");i=new S().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}function f(e){const i=w(e),s=(i==null?void 0:i.innerHTML.trim())||"";i&&s&&r.addIcon(`@${c.value}:${o.prefix}:${o.name}`,{body:s,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return t&&(o.src&&!r.iconExists(`@${c.value}:${o.prefix}:${o.name}`)?(l.value=!1,t.fetchIcon(o.src).then(e=>{e&&(f(e),l.value=!0)}).catch(e=>{throw new Error(`During fetch icon: ${e==null?void 0:e.message}`)})):o.svg&&f(o.svg)),(e,i)=>n.unref(l)?(n.openBlock(),n.createBlock(n.unref(r.Icon),n.mergeProps({key:0,class:n.unref(h)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:e.rotate,color:e.color,onLoad:e.onLoad,icon:n.unref(v)}),null,16,["class"])):n.createCommentVNode("",!0)}})});
+(function(n,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],r):(n=typeof globalThis<"u"?globalThis:n||self,n.VvIcon=r(n.vue,n.vue$1))})(this,function(n,r){"use strict";const d={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},u={name:"VvIcon"};return n.defineComponent({...u,props:d,setup(p){const o=p,a=ref(!0),t=useVolver(),{modifiers:m}=toRefs(o),g=useBemModifiers("vv-icon",m),c=computed(()=>o.provider||(t==null?void 0:t.provider)),h=computed(()=>{const e=o.name??"",i=`@${c.value}:${o.prefix}:${o.name}`;return r.iconExists(e)?e:r.iconExists(i)?i:(t==null?void 0:t.iconsCollections.find(s=>{const f=`@${c.value}:${s.prefix}:${e}`;if(r.iconExists(f))return f}))||e});function w(e){let i=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");i=new S().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}function l(e){const i=w(e),s=(i==null?void 0:i.innerHTML.trim())||"";i&&s&&r.addIcon(`@${c.value}:${o.prefix}:${o.name}`,{body:s,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return t&&(o.src&&!r.iconExists(`@${c.value}:${o.prefix}:${o.name}`)?(a.value=!1,t.fetchIcon(o.src).then(e=>{e&&(l(e),a.value=!0)}).catch(e=>{throw new Error(`During fetch icon: ${e==null?void 0:e.message}`)})):o.svg&&l(o.svg)),(e,i)=>n.unref(a)?(n.openBlock(),n.createBlock(n.unref(r.Icon),n.mergeProps({key:0,class:n.unref(g)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:e.rotate,color:e.color,onLoad:e.onLoad,icon:n.unref(h)}),null,16,["class"])):n.createCommentVNode("",!0)}})});