@volverjs/ui-vue 0.0.1-beta.8 → 0.0.1

package/dist/components/VvDropdown/VvDropdown.es.js

@@ -0,0 +1,218 @@
+import { computed as j, unref as f, toRefs as $, defineComponent as w, openBlock as b, createElementBlock as V, normalizeClass as B, createElementVNode as v, toDisplayString as O, createCommentVNode as S, Fragment as D, renderList as N, withModifiers as L, createTextVNode as R } from "vue";
+import { nanoid as E } from "nanoid";
+function A(r, e, t) {
+  return t ? _(r, t) === _(e, t) : C(r, e);
+}
+function C(r, e) {
+  if (r === e)
+    return !0;
+  if (r && e && typeof r == "object" && typeof e == "object") {
+    const t = Array.isArray(r), o = Array.isArray(e);
+    let n, u, l;
+    if (t && o) {
+      if (u = r.length, u != e.length)
+        return !1;
+      for (n = u; n-- !== 0; )
+        if (!C(r[n], e[n]))
+          return !1;
+      return !0;
+    }
+    if (t != o)
+      return !1;
+    const i = r instanceof Date, d = e instanceof Date;
+    if (i != d)
+      return !1;
+    if (i && d)
+      return r.getTime() == e.getTime();
+    const a = r instanceof RegExp, y = e instanceof RegExp;
+    if (a != y)
+      return !1;
+    if (a && y)
+      return r.toString() == e.toString();
+    const m = Object.keys(r);
+    if (u = m.length, u !== Object.keys(e).length)
+      return !1;
+    for (n = u; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(e, m[n]))
+        return !1;
+    for (n = u; n-- !== 0; )
+      if (l = m[n], !C(r[l], e[l]))
+        return !1;
+    return !0;
+  }
+  return r !== r && e !== e;
+}
+function _(r, e) {
+  if (r && Object.keys(r).length && e) {
+    if (e.indexOf(".") === -1)
+      return r[e];
+    {
+      const t = e.split(".");
+      let o = r;
+      for (let n = 0, u = t.length; n < u; ++n) {
+        if (r == null)
+          return null;
+        o = o[t[n]];
+      }
+      return o;
+    }
+  } else
+    return null;
+}
+function F(r, e) {
+  let t = -1;
+  if (e) {
+    for (let o = 0; o < e.length; o++)
+      if (A(e[o], r)) {
+        t = o;
+        break;
+      }
+  }
+  return t;
+}
+function h(r, e) {
+  if (r != null && e && e.length) {
+    for (const t of e)
+      if (A(r, t))
+        return !0;
+  }
+  return !1;
+}
+function P(r, e) {
+  const t = F(r, e);
+  return t > -1 ? e.filter((o, n) => n !== t) : e;
+}
+function x(r) {
+  var e, t;
+  if (r)
+    return (t = (e = r.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : e.join("-")) == null ? void 0 : t.toLowerCase();
+}
+function K(r, e) {
+  const t = { [`${r}`]: !0 };
+  return {
+    bemCssClasses: j(() => Object.keys(e).reduce((n, u) => {
+      const l = f(e[u]) || !1;
+      if (!l)
+        return n;
+      if (u === "modifiers") {
+        const i = Array.isArray(l) ? l : l.split(" ");
+        return {
+          ...n,
+          ...i.reduce(
+            (d, a) => ({
+              ...d,
+              [`${r}--${x(a)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${r}--${x(u)}`]: l
+        };
+    }, t) || {})
+  };
+}
+function M(r) {
+  const { options: e, labelKey: t, valueKey: o } = $(r);
+  return {
+    options: e,
+    getOptionLabel: (l) => typeof l != "object" && l !== null ? l : typeof t.value == "function" ? t.value(l) : l[t.value],
+    getOptionValue: (l) => typeof l != "object" && l !== null ? l : typeof o.value == "function" ? o.value(l) : l[o.value]
+  };
+}
+const T = {
+  disabled: Boolean
+}, Z = {
+  modifiers: [String, Array]
+}, z = {
+  options: {
+    type: Array,
+    default: () => []
+  },
+  labelKey: { type: [String, Function], default: "label" },
+  valueKey: { type: [String, Function], default: "value" }
+}, I = {
+  ...z,
+  ...T,
+  ...Z,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array]
+  },
+  labelNoResults: { type: String, default: "No results" },
+  multiple: Boolean,
+  maxValues: [Number, String]
+}, q = {
+  key: 0,
+  role: "option"
+}, G = ["aria-selected"], H = ["for", "onClick"], J = ["id", "type", "value", "checked", "disabled"], Q = {
+  name: "VvDropdown"
+}, Y = /* @__PURE__ */ w({
+  ...Q,
+  props: I,
+  emits: ["update:modelValue"],
+  setup(r, { emit: e }) {
+    const t = r, o = E(), { modifiers: n, disabled: u } = $(t), { getOptionLabel: l, getOptionValue: i } = M(t), { bemCssClasses: d } = K("vv-dropdown", {
+      modifiers: n,
+      disabled: u
+    });
+    function a(s) {
+      return Array.isArray(t.modelValue) ? h(s, t.modelValue) || h(i(s), t.modelValue) : A(s, t.modelValue) || A(i(s), t.modelValue);
+    }
+    function y(s) {
+      return typeof s == "string" || s.disabled === void 0 ? u.value : s.disabled;
+    }
+    function m(s) {
+      var p;
+      if (t.disabled)
+        return;
+      let g = s;
+      if (t.multiple)
+        if (Array.isArray(t.modelValue)) {
+          if (t.maxValues !== void 0 && t.maxValues >= 0 && ((p = t.modelValue) == null ? void 0 : p.length) >= t.maxValues && !h(s, t.modelValue))
+            return;
+          g = h(s, t.modelValue) ? P(s, t.modelValue) : [...t.modelValue, s];
+        } else
+          g = [s];
+      e("update:modelValue", g);
+    }
+    return (s, g) => {
+      var p;
+      return b(), V("ul", {
+        class: B(f(d)),
+        role: "listbox"
+      }, [
+        (p = s.options) != null && p.length ? S("", !0) : (b(), V("li", q, [
+          v("label", null, O(s.labelNoResults), 1)
+        ])),
+        (b(!0), V(D, null, N(s.options, (c, k) => (b(), V("li", {
+          key: k,
+          role: "option",
+          "aria-selected": a(c)
+        }, [
+          v("label", {
+            for: `dropdown-${k}-${f(o)}`,
+            onClick: L((U) => m(f(i)(c)), ["prevent"])
+          }, [
+            v("input", {
+              id: `dropdown-${k}-${f(o)}`,
+              type: s.multiple ? "checkbox" : "radio",
+              value: f(i)(c),
+              checked: a(c),
+              disabled: y(c),
+              tabindex: "-1",
+              "aria-hidden": "true"
+            }, null, 8, J),
+            R(" " + O(f(l)(c)), 1)
+          ], 8, H)
+        ], 8, G))), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  Y as default
+};

package/dist/components/VvDropdown/VvDropdown.umd.js

@@ -0,0 +1 @@
+(function(n,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],p):(n=typeof globalThis<"u"?globalThis:n||self,n.VvDropdown=p(n.vue,n.nanoid))})(this,function(n,p){"use strict";function g(r,e,t){return t?C(r,t)===C(e,t):k(r,e)}function k(r,e){if(r===e)return!0;if(r&&e&&typeof r=="object"&&typeof e=="object"){const t=Array.isArray(r),s=Array.isArray(e);let o,u,l;if(t&&s){if(u=r.length,u!=e.length)return!1;for(o=u;o--!==0;)if(!k(r[o],e[o]))return!1;return!0}if(t!=s)return!1;const a=r instanceof Date,d=e instanceof Date;if(a!=d)return!1;if(a&&d)return r.getTime()==e.getTime();const f=r instanceof RegExp,h=e instanceof RegExp;if(f!=h)return!1;if(f&&h)return r.toString()==e.toString();const m=Object.keys(r);if(u=m.length,u!==Object.keys(e).length)return!1;for(o=u;o--!==0;)if(!Object.prototype.hasOwnProperty.call(e,m[o]))return!1;for(o=u;o--!==0;)if(l=m[o],!k(r[l],e[l]))return!1;return!0}return r!==r&&e!==e}function C(r,e){if(r&&Object.keys(r).length&&e){if(e.indexOf(".")===-1)return r[e];{const t=e.split(".");let s=r;for(let o=0,u=t.length;o<u;++o){if(r==null)return null;s=s[t[o]]}return s}}else return null}function _(r,e){let t=-1;if(e){for(let s=0;s<e.length;s++)if(g(e[s],r)){t=s;break}}return t}function V(r,e){if(r!=null&&e&&e.length){for(const t of e)if(g(r,t))return!0}return!1}function B(r,e){const t=_(r,e);return t>-1?e.filter((s,o)=>o!==t):e}function O(r){var e,t;if(r)return(t=(e=r.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:e.join("-"))==null?void 0:t.toLowerCase()}function x(r,e){const t={[`${r}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(e).reduce((o,u)=>{const l=n.unref(e[u])||!1;if(!l)return o;if(u==="modifiers"){const a=Array.isArray(l)?l:l.split(" ");return{...o,...a.reduce((d,f)=>({...d,[`${r}--${O(f)}`]:!0}),{})}}else return{...o,[`${r}--${O(u)}`]:l}},t)||{})}}function D(r){const{options:e,labelKey:t,valueKey:s}=n.toRefs(r);return{options:e,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof t.value=="function"?t.value(l):l[t.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof s.value=="function"?s.value(l):l[s.value]}}const E={...{options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},...{disabled:Boolean},...{modifiers:[String,Array]},modelValue:{type:[String,Number,Boolean,Object,Array]},labelNoResults:{type:String,default:"No results"},multiple:Boolean,maxValues:[Number,String]},j={key:0,role:"option"},w=["aria-selected"],N=["for","onClick"],S=["id","type","value","checked","disabled"],$={name:"VvDropdown"};return n.defineComponent({...$,props:E,emits:["update:modelValue"],setup(r,{emit:e}){const t=r,s=p.nanoid(),{modifiers:o,disabled:u}=n.toRefs(t),{getOptionLabel:l,getOptionValue:a}=D(t),{bemCssClasses:d}=x("vv-dropdown",{modifiers:o,disabled:u});function f(i){return Array.isArray(t.modelValue)?V(i,t.modelValue)||V(a(i),t.modelValue):g(i,t.modelValue)||g(a(i),t.modelValue)}function h(i){return typeof i=="string"||i.disabled===void 0?u.value:i.disabled}function m(i){var y;if(t.disabled)return;let b=i;if(t.multiple)if(Array.isArray(t.modelValue)){if(t.maxValues!==void 0&&t.maxValues>=0&&((y=t.modelValue)==null?void 0:y.length)>=t.maxValues&&!V(i,t.modelValue))return;b=V(i,t.modelValue)?B(i,t.modelValue):[...t.modelValue,i]}else b=[i];e("update:modelValue",b)}return(i,b)=>{var y;return n.openBlock(),n.createElementBlock("ul",{class:n.normalizeClass(n.unref(d)),role:"listbox"},[(y=i.options)!=null&&y.length?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("li",j,[n.createElementVNode("label",null,n.toDisplayString(i.labelNoResults),1)])),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.options,(c,A)=>(n.openBlock(),n.createElementBlock("li",{key:A,role:"option","aria-selected":f(c)},[n.createElementVNode("label",{for:`dropdown-${A}-${n.unref(s)}`,onClick:n.withModifiers(F=>m(n.unref(a)(c)),["prevent"])},[n.createElementVNode("input",{id:`dropdown-${A}-${n.unref(s)}`,type:i.multiple?"checkbox":"radio",value:n.unref(a)(c),checked:f(c),disabled:h(c),tabindex:"-1","aria-hidden":"true"},null,8,S),n.createTextVNode(" "+n.toDisplayString(n.unref(l)(c)),1)],8,N)],8,w))),128))],2)}}})});

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

@@ -1,166 +1,60 @@
-import { type Option } from './VvDropdown';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            disabled: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "labelNoResult" | "useObject" | "multiple" | "labelKey" | "valueKey">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            disabled: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
-            disabled: boolean;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        labelNoResult: {
-            type: StringConstructor;
-            default: string;
-        };
-        options: {
-            type: import("vue").PropType<(string | Option)[]>;
-            required: boolean;
-        };
-        useObject: BooleanConstructor;
-        multiple: BooleanConstructor;
-        maxValues: (StringConstructor | NumberConstructor)[];
-        labelKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        valueKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        modifiers: (StringConstructor | ArrayConstructor)[];
-        disabled: BooleanConstructor;
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-    labelNoResult: {
+import type { Option } from '@/types/generic';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    labelNoResults: {
         type: StringConstructor;
         default: string;
     };
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
+    disabled: BooleanConstructor;
     options: {
         type: import("vue").PropType<(string | Option)[]>;
-        required: boolean;
+        default: () => never[];
     };
-    useObject: BooleanConstructor;
-    multiple: BooleanConstructor;
-    maxValues: (StringConstructor | NumberConstructor)[];
     labelKey: {
-        type: StringConstructor;
+        type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
     valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+}, {}, 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: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    labelNoResults: {
         type: StringConstructor;
         default: string;
     };
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
     disabled: BooleanConstructor;
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+}, {
     disabled: boolean;
-    labelNoResult: string;
-    useObject: boolean;
     multiple: boolean;
-    labelKey: string;
-    valueKey: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    options: (string | Option)[];
+    labelKey: string | Function;
+    valueKey: string | Function;
+    labelNoResults: string;
+}>;
 export default _default;

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

@@ -0,0 +1,37 @@
+export declare const VvDropdownProps: {
+    /**
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    };
+    /**
+     * Label of "no results" options
+     */
+    labelNoResults: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Manage modelValue as string[] or object[]
+     */
+    multiple: BooleanConstructor;
+    /**
+     * The max number of selected values
+     */
+    maxValues: (StringConstructor | NumberConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
+    disabled: BooleanConstructor;
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+};

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

@@ -0,0 +1,124 @@
+import { computed as g, unref as f, defineComponent as S, ref as $, toRefs as b, inject as y, openBlock as C, createBlock as F, mergeProps as B, createCommentVNode as A } from "vue";
+import { iconExists as u, Icon as I, addIcon as P } from "@iconify/vue";
+const V = "ds", 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]
+  }
+};
+function h(i) {
+  var r, s;
+  if (i)
+    return (s = (r = i.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : r.join("-")) == null ? void 0 : s.toLowerCase();
+}
+function L(i, r) {
+  const s = { [`${i}`]: !0 };
+  return {
+    bemCssClasses: g(() => Object.keys(r).reduce((o, a) => {
+      const t = f(r[a]) || !1;
+      if (!t)
+        return o;
+      if (a === "modifiers") {
+        const d = Array.isArray(t) ? t : t.split(" ");
+        return {
+          ...o,
+          ...d.reduce(
+            (m, l) => ({
+              ...m,
+              [`${i}--${h(l)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...o,
+          [`${i}--${h(a)}`]: t
+        };
+    }, s) || {})
+  };
+}
+const M = {
+  name: "VvIcon"
+}, N = /* @__PURE__ */ S({
+  ...M,
+  props: D,
+  setup(i) {
+    const r = i, s = $(!0), { modifiers: v } = b(r), o = y(V), { bemCssClasses: a } = L("vv-icon", {
+      modifiers: v
+    }), t = g(() => r.provider || (o == null ? void 0 : o.provider)), d = g(() => {
+      const e = r.name ?? "", n = `@${t.value}:${r.prefix}:${r.name}`;
+      return u(e) ? e : u(n) ? n : (o == null ? void 0 : o.iconsCollections.find((c) => {
+        const p = `@${t.value}:${c.prefix}:${e}`;
+        if (u(p))
+          return p;
+      })) || e;
+    });
+    function m(e) {
+      let n = null;
+      if (typeof window > "u") {
+        const { JSDOM: w } = require("jsdom");
+        n = new w().window;
+      }
+      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
+    }
+    function l(e) {
+      const n = m(e), c = (n == null ? void 0 : n.innerHTML.trim()) || "";
+      n && c && P(`@${t.value}:${r.prefix}:${r.name}`, {
+        body: c,
+        height: n.viewBox.baseVal.height,
+        width: n.viewBox.baseVal.width
+      });
+    }
+    return o && (r.src && !u(`@${t.value}:${r.prefix}:${r.name}`) ? (s.value = !1, o.fetchIcon(r.src).then((e) => {
+      e && (l(e), s.value = !0);
+    }).catch((e) => {
+      throw new Error(`During fetch icon: ${e == null ? void 0 : e.message}`);
+    })) : r.svg && l(r.svg)), (e, n) => s.value ? (C(), F(f(I), B({
+      key: 0,
+      class: f(a)
+    }, {
+      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: f(d)
+    }), null, 16, ["class"])) : A("", !0);
+  }
+});
+export {
+  N as default
+};

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

@@ -0,0 +1 @@
+(function(n,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,n.VvIcon=t(n.vue,n.vue$1))})(this,function(n,t){"use strict";const w="ds",S={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]}};function g(c){var r,a;if(c)return(a=(r=c.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:a.toLowerCase()}function y(c,r){const a={[`${c}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(r).reduce((i,l)=>{const s=n.unref(r[l])||!1;if(!s)return i;if(l==="modifiers"){const d=Array.isArray(s)?s:s.split(" ");return{...i,...d.reduce((p,u)=>({...p,[`${c}--${g(u)}`]:!0}),{})}}else return{...i,[`${c}--${g(l)}`]:s}},a)||{})}}const v={name:"VvIcon"};return n.defineComponent({...v,props:S,setup(c){const r=c,a=n.ref(!0),{modifiers:h}=n.toRefs(r),i=n.inject(w),{bemCssClasses:l}=y("vv-icon",{modifiers:h}),s=n.computed(()=>r.provider||(i==null?void 0:i.provider)),d=n.computed(()=>{const e=r.name??"",o=`@${s.value}:${r.prefix}:${r.name}`;return t.iconExists(e)?e:t.iconExists(o)?o:(i==null?void 0:i.iconsCollections.find(f=>{const m=`@${s.value}:${f.prefix}:${e}`;if(t.iconExists(m))return m}))||e});function p(e){let o=null;if(typeof window>"u"){const{JSDOM:C}=require("jsdom");o=new C().window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}function u(e){const o=p(e),f=(o==null?void 0:o.innerHTML.trim())||"";o&&f&&t.addIcon(`@${s.value}:${r.prefix}:${r.name}`,{body:f,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return i&&(r.src&&!t.iconExists(`@${s.value}:${r.prefix}:${r.name}`)?(a.value=!1,i.fetchIcon(r.src).then(e=>{e&&(u(e),a.value=!0)}).catch(e=>{throw new Error(`During fetch icon: ${e==null?void 0:e.message}`)})):r.svg&&u(r.svg)),(e,o)=>a.value?(n.openBlock(),n.createBlock(n.unref(t.Icon),n.mergeProps({key:0,class:n.unref(l)},{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(d)}),null,16,["class"])):n.createCommentVNode("",!0)}})});