@volverjs/ui-vue 0.0.2 → 0.0.3-beta.3

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

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

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

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

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

@@ -1,7 +1,7 @@
 import type { Option } from '@/types/generic';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | NumberConstructor)[];
     };
     labelNoResults: {
         type: StringConstructor;
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, 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)[];
+        type: (StringConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | NumberConstructor)[];
     };
     labelNoResults: {
         type: StringConstructor;

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

@@ -3,7 +3,7 @@ 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)[];
+        type: (StringConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | NumberConstructor)[];
     };
     /**
      * Label of "no results" options

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

@@ -1,6 +1,6 @@
-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 = {
+import { defineComponent as h, 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 = {
   color: String,
   width: {
     type: [String, Number]
@@ -31,80 +31,45 @@ const V = "ds", D = {
   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 = {
+}, P = {
   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 = /* @__PURE__ */ h({
+  ...P,
+  props: I,
+  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 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;
     });
-    function m(e) {
+    function g(e) {
       let n = null;
       if (typeof window > "u") {
-        const { JSDOM: w } = require("jsdom");
-        n = new w().window;
+        const { JSDOM: v } = require("jsdom");
+        n = new v().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,
+    function p(e) {
+      const n = g(e), t = (n == null ? void 0 : n.innerHTML.trim()) || "";
+      n && t && B(`@${i.value}:${o.prefix}:${o.name}`, {
+        body: t,
         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);
+    return r && (o.src && !a(`@${i.value}:${o.prefix}:${o.name}`) ? (c.value = !1, r.fetchIcon(o.src).then((e) => {
+      e && (p(e), c.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({
+    })) : o.svg && p(o.svg)), (e, n) => s(c) ? (w(), S(s(F), $({
       key: 0,
-      class: f(a)
+      class: s(m)
     }, {
       inline: e.inline,
       width: e.width,
@@ -115,10 +80,10 @@ const M = {
       rotate: e.rotate,
       color: e.color,
       onLoad: e.onLoad,
-      icon: f(d)
-    }), null, 16, ["class"])) : A("", !0);
+      icon: s(d)
+    }), null, 16, ["class"])) : y("", !0);
   }
 });
 export {
-  N as default
+  E as default
 };

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

@@ -1 +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)}})});
+(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)}})});