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

package/dist/components/VvButton/VvButton.es.js

@@ -1,112 +1,7 @@
-import { unref as g, computed as d, defineComponent as N, ref as q, toRefs as z, inject as F, openBlock as h, createBlock as V, mergeProps as D, createCommentVNode as $, toRef as T, useAttrs as X, useSlots as K, resolveDynamicComponent as Q, withCtx as W, renderSlot as _, createElementBlock as P, toDisplayString as R, Fragment as Y, createTextVNode as ee } from "vue";
-import { nanoid as te } from "nanoid";
-import { iconExists as O, Icon as re, addIcon as ne } from "@iconify/vue";
-function j(e, t, r) {
-  return r ? E(e, r) === E(t, r) : B(e, t);
-}
-function B(e, t) {
-  if (e === t)
-    return !0;
-  if (e && t && typeof e == "object" && typeof t == "object") {
-    const r = Array.isArray(e), c = Array.isArray(t);
-    let o, l, u;
-    if (r && c) {
-      if (l = e.length, l != t.length)
-        return !1;
-      for (o = l; o-- !== 0; )
-        if (!B(e[o], t[o]))
-          return !1;
-      return !0;
-    }
-    if (r != c)
-      return !1;
-    const v = e instanceof Date, s = t instanceof Date;
-    if (v != s)
-      return !1;
-    if (v && s)
-      return e.getTime() == t.getTime();
-    const a = e instanceof RegExp, n = t instanceof RegExp;
-    if (a != n)
-      return !1;
-    if (a && n)
-      return e.toString() == t.toString();
-    const i = Object.keys(e);
-    if (l = i.length, l !== Object.keys(t).length)
-      return !1;
-    for (o = l; o-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, i[o]))
-        return !1;
-    for (o = l; o-- !== 0; )
-      if (u = i[o], !B(e[u], t[u]))
-        return !1;
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function E(e, t) {
-  if (e && Object.keys(e).length && t) {
-    if (t.indexOf(".") === -1)
-      return e[t];
-    {
-      const r = t.split(".");
-      let c = e;
-      for (let o = 0, l = r.length; o < l; ++o) {
-        if (e == null)
-          return null;
-        c = c[r[o]];
-      }
-      return c;
-    }
-  } else
-    return null;
-}
-function I(e, t) {
-  if (e != null && t && t.length) {
-    for (const r of t)
-      if (j(e, r))
-        return !0;
-  }
-  return !1;
-}
-function oe(e) {
-  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(g(e));
-}
-function M(e) {
-  var t, r;
-  if (e)
-    return (r = (t = e.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 : r.toLowerCase();
-}
-const U = "ds";
-function Z(e, t) {
-  const r = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: d(() => Object.keys(t).reduce((o, l) => {
-      const u = g(t[l]) || !1;
-      if (!u)
-        return o;
-      if (l === "modifiers") {
-        const v = Array.isArray(u) ? u : u.split(" ");
-        return {
-          ...o,
-          ...v.reduce(
-            (s, a) => ({
-              ...s,
-              [`${e}--${M(a)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...o,
-          [`${e}--${M(l)}`]: u
-        };
-    }, r) || {})
-  };
-}
-const se = {
+import { defineComponent as I, unref as d, openBlock as g, createBlock as P, mergeProps as A, createCommentVNode as w, resolveDynamicComponent as E, withCtx as G, renderSlot as k, createElementBlock as O, toDisplayString as F, Fragment as j, createTextVNode as q } from "vue";
+import { nanoid as U } from "nanoid";
+import { iconExists as $, Icon as z, addIcon as H } from "@iconify/vue";
+const M = "ds", J = {
   color: String,
   width: {
     type: [String, Number]
@@ -137,101 +32,70 @@ const se = {
   modifiers: {
     type: [String, Array]
   }
-}, le = {
+}, X = {
   name: "VvIcon"
-}, G = /* @__PURE__ */ N({
-  ...le,
-  props: se,
-  setup(e) {
-    const t = e, r = q(!0), { modifiers: c } = z(t), o = F(U), { bemCssClasses: l } = Z("vv-icon", {
-      modifiers: c
-    }), u = d(() => t.provider || (o == null ? void 0 : o.provider)), v = d(() => {
-      const n = t.name ?? "", i = `@${u.value}:${t.prefix}:${t.name}`;
-      return O(n) ? n : O(i) ? i : (o == null ? void 0 : o.iconsCollections.find((p) => {
-        const y = `@${u.value}:${p.prefix}:${n}`;
-        if (O(y))
-          return y;
-      })) || n;
+}, B = /* @__PURE__ */ I({
+  ...X,
+  props: J,
+  setup(t) {
+    const r = t, o = ref(!0), { modifiers: m } = toRefs(r), i = inject(M), { bemCssClasses: u } = useBemModifiers("vv-icon", {
+      modifiers: m
+    }), f = computed(() => r.provider || (i == null ? void 0 : i.provider)), b = computed(() => {
+      const e = r.name ?? "", n = `@${f.value}:${r.prefix}:${r.name}`;
+      return $(e) ? e : $(n) ? n : (i == null ? void 0 : i.iconsCollections.find((c) => {
+        const p = `@${f.value}:${c.prefix}:${e}`;
+        if ($(p))
+          return p;
+      })) || e;
     });
-    function s(n) {
-      let i = null;
+    function a(e) {
+      let n = null;
       if (typeof window > "u") {
-        const { JSDOM: S } = require("jsdom");
-        i = new S().window;
+        const { JSDOM: y } = require("jsdom");
+        n = new y().window;
       }
-      return (i ? new i.DOMParser() : new window.DOMParser()).parseFromString(n, "text/html").querySelector("svg");
+      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
     }
-    function a(n) {
-      const i = s(n), p = (i == null ? void 0 : i.innerHTML.trim()) || "";
-      i && p && ne(`@${u.value}:${t.prefix}:${t.name}`, {
-        body: p,
-        height: i.viewBox.baseVal.height,
-        width: i.viewBox.baseVal.width
+    function s(e) {
+      const n = a(e), c = (n == null ? void 0 : n.innerHTML.trim()) || "";
+      n && c && H(`@${f.value}:${r.prefix}:${r.name}`, {
+        body: c,
+        height: n.viewBox.baseVal.height,
+        width: n.viewBox.baseVal.width
       });
     }
-    return o && (t.src && !O(`@${u.value}:${t.prefix}:${t.name}`) ? (r.value = !1, o.fetchIcon(t.src).then((n) => {
-      n && (a(n), r.value = !0);
-    }).catch((n) => {
-      throw new Error(`During fetch icon: ${n == null ? void 0 : n.message}`);
-    })) : t.svg && a(t.svg)), (n, i) => r.value ? (h(), V(g(re), D({
+    return i && (r.src && !$(`@${f.value}:${r.prefix}:${r.name}`) ? (o.value = !1, i.fetchIcon(r.src).then((e) => {
+      e && (s(e), o.value = !0);
+    }).catch((e) => {
+      throw new Error(`During fetch icon: ${e == null ? void 0 : e.message}`);
+    })) : r.svg && s(r.svg)), (e, n) => d(o) ? (g(), P(d(z), A({
       key: 0,
-      class: g(l)
+      class: d(u)
     }, {
-      inline: n.inline,
-      width: n.width,
-      height: n.height,
-      horizontalFlip: n.horizontalFlip,
-      verticalFlip: n.verticalFlip,
-      flip: n.flip,
-      rotate: n.rotate,
-      color: n.color,
-      onLoad: n.onLoad,
-      icon: g(v)
-    }), null, 16, ["class"])) : $("", !0);
+      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: d(b)
+    }), null, 16, ["class"])) : w("", !0);
   }
-}), ie = {
+}), x = {
   disabled: Boolean
-}, ae = {
+}, K = {
   modifiers: [String, Array]
-}, ue = {
+}, Q = {
   unselectable: { type: Boolean, default: !0 }
-};
-function ce(e) {
-  const t = F(e, void 0), r = d(() => !oe(t));
-  function c(o, l, u) {
-    if (t != null && t.value) {
-      const s = g(t.value)[o];
-      return d({
-        get() {
-          return s == null ? void 0 : s.value;
-        },
-        set(a) {
-          s.value = a;
-        }
-      });
-    }
-    const v = T(l, o);
-    return d({
-      get() {
-        return v.value;
-      },
-      set(s) {
-        u && u(`update:${o}`, s);
-      }
-    });
-  }
-  return {
-    group: t,
-    isInGroup: r,
-    getGroupOrLocalRef: c
-  };
-}
-const fe = "VV_BUTTON_GROUP";
-var k = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(k || {}), x = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(x || {}), m = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(m || {}), H = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(H || {});
-const de = ["update:modelValue"], ve = {
-  ...ae,
-  ...ie,
-  ...ue,
+}, W = "VV_BUTTON_GROUP";
+var S = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(S || {}), D = /* @__PURE__ */ ((t) => (t.button = "button", t.submit = "submit", t.reset = "reset", t))(D || {}), v = /* @__PURE__ */ ((t) => (t.nuxtLink = "nuxt-link", t.routerLink = "router-link", t.a = "a", t.button = "button", t))(v || {}), N = /* @__PURE__ */ ((t) => (t._blank = "_blank", t._self = "_self", t._parent = "_parent", t._top = "_top", t))(N || {});
+const Y = ["update:modelValue"], Z = {
+  ...K,
+  ...x,
+  ...Q,
   icon: {
     type: [String, Object],
     default: ""
@@ -239,7 +103,7 @@ const de = ["update:modelValue"], ve = {
   iconPosition: {
     type: String,
     default: "left",
-    validator: (e) => e in k
+    validator: (t) => t in S
   },
   label: [String, Number],
   loading: Boolean,
@@ -254,7 +118,7 @@ const de = ["update:modelValue"], ve = {
   href: String,
   target: {
     type: String,
-    validator: (e) => e in H
+    validator: (t) => t in N
   },
   active: Boolean,
   pressed: Boolean,
@@ -265,7 +129,7 @@ const de = ["update:modelValue"], ve = {
   type: {
     type: String,
     default: "button",
-    validator: (e) => e in x
+    validator: (t) => t in D
   },
   toggle: {
     type: Boolean,
@@ -273,160 +137,160 @@ const de = ["update:modelValue"], ve = {
   },
   modelValue: String
 };
-function ge(e, t) {
-  var A;
-  const { group: r, isInGroup: c, getGroupOrLocalRef: o } = ce(fe), {
-    iconPosition: l,
-    icon: u,
-    label: v,
-    pressed: s,
-    modifiers: a
-  } = z(e), n = o("modelValue", e, t), i = o("disabled", e), p = o("toggle", e), y = o(
+function T(t, r) {
+  var _;
+  const { group: o, isInGroup: m, getGroupOrLocalRef: i } = useInjectedGroupState(W), {
+    iconPosition: u,
+    icon: f,
+    label: b,
+    pressed: a,
+    modifiers: s
+  } = toRefs(t), e = i("modelValue", t, r), n = i("disabled", t), c = i("toggle", t), p = i(
     "unselectable",
-    e
-  ), b = ((A = r == null ? void 0 : r.value) == null ? void 0 : A.multiple) ?? q(!1), S = d(() => {
-    var w;
-    const C = a != null && a.value ? Array.isArray(a.value) ? a.value : [a.value] : [], L = (w = r == null ? void 0 : r.value.itemModifiers) != null && w.value ? Array.isArray(r.value.itemModifiers.value) ? r.value.itemModifiers.value : [r.value.itemModifiers.value] : [];
-    return [...C, ...L];
+    t
+  ), h = ((_ = o == null ? void 0 : o.value) == null ? void 0 : _.multiple) ?? ref(!1), y = computed(() => {
+    var V;
+    const L = s != null && s.value ? Array.isArray(s.value) ? s.value : [s.value] : [], C = (V = o == null ? void 0 : o.value.itemModifiers) != null && V.value ? Array.isArray(o.value.itemModifiers.value) ? o.value.itemModifiers.value : [o.value.itemModifiers.value] : [];
+    return [...L, ...C];
   });
   return {
-    group: r,
-    isInGroup: c,
-    modelValue: n,
-    disabled: i,
-    toggle: p,
-    unselectable: y,
-    multiple: b,
-    modifiers: S,
-    pressed: s,
-    iconPosition: l,
-    icon: u,
-    label: v
+    group: o,
+    isInGroup: m,
+    modelValue: e,
+    disabled: n,
+    toggle: c,
+    unselectable: p,
+    multiple: h,
+    modifiers: y,
+    pressed: a,
+    iconPosition: u,
+    icon: f,
+    label: b
   };
 }
-const pe = {
+const ee = {
   key: 1,
   class: "vv-button__label"
-}, me = {
+}, te = {
   key: 1,
   class: "vv-button__label"
-}, ye = {
+}, oe = {
   name: "VvButton"
-}, Ae = /* @__PURE__ */ N({
-  ...ye,
-  props: ve,
-  emits: de,
-  setup(e, { emit: t }) {
-    const r = e, c = X(), o = K(), l = (c == null ? void 0 : c.name) || te(), {
-      modifiers: u,
-      iconPosition: v,
-      icon: s,
-      label: a,
-      modelValue: n,
-      disabled: i,
-      toggle: p,
-      unselectable: y
-    } = ge(r, t), b = F(U), S = d(() => {
+}, ie = /* @__PURE__ */ I({
+  ...oe,
+  props: Z,
+  emits: Y,
+  setup(t, { emit: r }) {
+    const o = t, m = useAttrs(), i = useSlots(), u = (m == null ? void 0 : m.name) || U(), {
+      modifiers: f,
+      iconPosition: b,
+      icon: a,
+      label: s,
+      modelValue: e,
+      disabled: n,
+      toggle: c,
+      unselectable: p
+    } = T(o, r), h = inject(M), y = computed(() => {
       switch (!0) {
-        case i.value:
-          return m.button;
-        case r.to !== void 0:
-          return b != null && b.nuxt ? m.nuxtLink : m.routerLink;
-        case r.href !== void 0:
-          return m.a;
+        case n.value:
+          return v.button;
+        case o.to !== void 0:
+          return h != null && h.nuxt ? v.nuxtLink : v.routerLink;
+        case o.href !== void 0:
+          return v.a;
         default:
-          return m.button;
+          return v.button;
       }
-    }), A = d(() => p.value ? Array.isArray(n.value) ? I(l, n.value) : j(l, n.value) : r.pressed), { bemCssClasses: C } = Z("vv-button", {
-      modifiers: u,
-      active: r.active,
-      pressed: A,
-      disabled: i,
-      reverse: d(
-        () => [k.right, k.bottom].includes(
-          v.value
+    }), _ = computed(() => c.value ? Array.isArray(e.value) ? contains(u, e.value) : equals(u, e.value) : o.pressed), { bemCssClasses: L } = useBemModifiers("vv-button", {
+      modifiers: f,
+      active: o.active,
+      pressed: _,
+      disabled: n,
+      reverse: computed(
+        () => [S.right, S.bottom].includes(
+          b.value
         )
       ),
-      column: d(
-        () => [k.top, k.bottom].includes(
-          v.value
+      column: computed(
+        () => [S.top, S.bottom].includes(
+          b.value
         )
       ),
-      iconOnly: d(
-        () => (s == null ? void 0 : s.value) && !(a != null && a.value) && !o.default
+      iconOnly: computed(
+        () => (a == null ? void 0 : a.value) && !(s != null && s.value) && !i.default
       )
-    }), L = d(
-      () => typeof (s == null ? void 0 : s.value) == "string" ? { name: s == null ? void 0 : s.value } : s == null ? void 0 : s.value
-    ), w = d(() => {
-      const f = {
-        class: C.value,
-        "aria-pressed": A.value ? !0 : void 0
+    }), C = computed(
+      () => typeof (a == null ? void 0 : a.value) == "string" ? { name: a == null ? void 0 : a.value } : a == null ? void 0 : a.value
+    ), V = computed(() => {
+      const l = {
+        class: L.value,
+        "aria-pressed": _.value ? !0 : void 0
       };
-      switch (S.value) {
-        case m.a:
+      switch (y.value) {
+        case v.a:
           return {
-            ...f,
+            ...l,
             role: "button",
-            href: r.href,
-            target: r.target,
-            rel: r.rel
+            href: o.href,
+            target: o.target,
+            rel: o.rel
           };
-        case m.routerLink:
-        case m.nuxtLink:
+        case v.routerLink:
+        case v.nuxtLink:
           return {
-            ...f,
+            ...l,
             role: "button",
-            to: r.to,
-            target: r.target
+            to: o.to,
+            target: o.target
           };
         default:
           return {
-            ...f,
-            type: r.type,
-            disabled: i.value
+            ...l,
+            type: o.type,
+            disabled: n.value
           };
       }
-    }), J = () => {
-      if (p.value) {
-        if (Array.isArray(n.value)) {
-          if (I(l, n.value)) {
-            y.value && (n.value = n.value.filter(
-              (f) => f !== l
+    }), R = () => {
+      if (c.value) {
+        if (Array.isArray(e.value)) {
+          if (contains(u, e.value)) {
+            p.value && (e.value = e.value.filter(
+              (l) => l !== u
             ));
             return;
           }
-          n.value.push(l);
+          e.value.push(u);
           return;
         }
-        if (j(l, n.value) && y.value) {
-          n.value = void 0;
+        if (equals(u, e.value) && p.value) {
+          e.value = void 0;
           return;
         }
-        n.value = l;
+        e.value = u;
       }
     };
-    return (f, he) => (h(), V(Q(g(S)), D(g(w), { onClickPassive: J }), {
-      default: W(() => [
-        _(f.$slots, "default", {}, () => [
-          f.loading ? _(f.$slots, "loading", { key: 0 }, () => [
-            f.loadingIcon ? (h(), V(G, {
+    return (l, ne) => (g(), P(E(d(y)), A(d(V), { onClickPassive: R }), {
+      default: G(() => [
+        k(l.$slots, "default", {}, () => [
+          l.loading ? k(l.$slots, "loading", { key: 0 }, () => [
+            l.loadingIcon ? (g(), P(B, {
               key: 0,
               class: "vv-button__loading-icon",
-              name: f.loadingIcon
-            }, null, 8, ["name"])) : $("", !0),
-            f.loadingLabel ? (h(), P("span", pe, R(f.loadingLabel), 1)) : $("", !0)
-          ]) : (h(), P(Y, { key: 1 }, [
-            _(f.$slots, "before"),
-            g(s) ? (h(), V(G, D({
+              name: l.loadingIcon
+            }, null, 8, ["name"])) : w("", !0),
+            l.loadingLabel ? (g(), O("span", ee, F(l.loadingLabel), 1)) : w("", !0)
+          ]) : (g(), O(j, { key: 1 }, [
+            k(l.$slots, "before"),
+            d(a) ? (g(), P(B, A({
               key: 0,
               class: "vv-button__icon"
-            }, g(L)), null, 16)) : $("", !0),
-            g(a) ? (h(), P("span", me, [
-              _(f.$slots, "label", {}, () => [
-                ee(R(g(a)), 1)
+            }, d(C)), null, 16)) : w("", !0),
+            d(s) ? (g(), O("span", te, [
+              k(l.$slots, "label", {}, () => [
+                q(F(d(s)), 1)
               ])
-            ])) : $("", !0),
-            _(f.$slots, "after")
+            ])) : w("", !0),
+            k(l.$slots, "after")
           ], 64))
         ])
       ]),
@@ -435,5 +299,5 @@ const pe = {
   }
 });
 export {
-  Ae as default
+  ie as default
 };

package/dist/components/VvButton/VvButton.umd.js

@@ -1 +1 @@
-(function(e,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("nanoid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@iconify/vue"],v):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButton=v(e.vue,e.nanoid,e.vue$1))})(this,function(e,v,h){"use strict";function V(t,n,r){return r?$(t,r)===$(n,r):C(t,n)}function C(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const r=Array.isArray(t),f=Array.isArray(n);let s,l,u;if(r&&f){if(l=t.length,l!=n.length)return!1;for(s=l;s--!==0;)if(!C(t[s],n[s]))return!1;return!0}if(r!=f)return!1;const p=t instanceof Date,i=n instanceof Date;if(p!=i)return!1;if(p&&i)return t.getTime()==n.getTime();const c=t instanceof RegExp,o=n instanceof RegExp;if(c!=o)return!1;if(c&&o)return t.toString()==n.toString();const a=Object.keys(t);if(l=a.length,l!==Object.keys(n).length)return!1;for(s=l;s--!==0;)if(!Object.prototype.hasOwnProperty.call(n,a[s]))return!1;for(s=l;s--!==0;)if(u=a[s],!C(t[u],n[u]))return!1;return!0}return t!==t&&n!==n}function $(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const r=n.split(".");let f=t;for(let s=0,l=r.length;s<l;++s){if(t==null)return null;f=f[r[s]]}return f}}else return null}function O(t,n){if(t!=null&&n&&n.length){for(const r of n)if(V(t,r))return!0}return!1}function F(t){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(e.unref(t))}function P(t){var n,r;if(t)return(r=(n=t.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:n.join("-"))==null?void 0:r.toLowerCase()}const L="ds";function j(t,n){const r={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((s,l)=>{const u=e.unref(n[l])||!1;if(!u)return s;if(l==="modifiers"){const p=Array.isArray(u)?u:u.split(" ");return{...s,...p.reduce((i,c)=>({...i,[`${t}--${P(c)}`]:!0}),{})}}else return{...s,[`${t}--${P(l)}`]:u}},r)||{})}}const I={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]}},N={name:"VvIcon"},E=e.defineComponent({...N,props:I,setup(t){const n=t,r=e.ref(!0),{modifiers:f}=e.toRefs(n),s=e.inject(L),{bemCssClasses:l}=j("vv-icon",{modifiers:f}),u=e.computed(()=>n.provider||(s==null?void 0:s.provider)),p=e.computed(()=>{const o=n.name??"",a=`@${u.value}:${n.prefix}:${n.name}`;return h.iconExists(o)?o:h.iconExists(a)?a:(s==null?void 0:s.iconsCollections.find(m=>{const y=`@${u.value}:${m.prefix}:${o}`;if(h.iconExists(y))return y}))||o});function i(o){let a=null;if(typeof window>"u"){const{JSDOM:k}=require("jsdom");a=new k().window}return(a?new a.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function c(o){const a=i(o),m=(a==null?void 0:a.innerHTML.trim())||"";a&&m&&h.addIcon(`@${u.value}:${n.prefix}:${n.name}`,{body:m,height:a.viewBox.baseVal.height,width:a.viewBox.baseVal.width})}return s&&(n.src&&!h.iconExists(`@${u.value}:${n.prefix}:${n.name}`)?(r.value=!1,s.fetchIcon(n.src).then(o=>{o&&(c(o),r.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):n.svg&&c(n.svg)),(o,a)=>r.value?(e.openBlock(),e.createBlock(e.unref(h.Icon),e.mergeProps({key:0,class:e.unref(l)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:e.unref(p)}),null,16,["class"])):e.createCommentVNode("",!0)}}),M={disabled:Boolean},q={modifiers:[String,Array]},G={unselectable:{type:Boolean,default:!0}};function x(t){const n=e.inject(t,void 0),r=e.computed(()=>!F(n));function f(s,l,u){if(n!=null&&n.value){const i=e.unref(n.value)[s];return e.computed({get(){return i==null?void 0:i.value},set(c){i.value=c}})}const p=e.toRef(l,s);return e.computed({get(){return p.value},set(i){u&&u(`update:${s}`,i)}})}return{group:n,isInGroup:r,getGroupOrLocalRef:f}}const z="VV_BUTTON_GROUP";var b=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(b||{}),D=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(D||{}),g=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(g||{}),R=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(R||{});const U=["update:modelValue"],Z={...q,...M,...G,icon:{type:[String,Object],default:""},iconPosition:{type:String,default:"left",validator:t=>t in b},label:[String,Number],loading:Boolean,loadingIcon:{type:String,default:"eos-icons:bubble-loading"},loadingLabel:{type:String,default:"Loading..."},to:{type:[String,Object]},href:String,target:{type:String,validator:t=>t in R},active:Boolean,pressed:Boolean,rel:{type:String,default:"noopener noreferrer"},type:{type:String,default:"button",validator:t=>t in D},toggle:{type:Boolean,default:!1},modelValue:String};function T(t,n){var _;const{group:r,isInGroup:f,getGroupOrLocalRef:s}=x(z),{iconPosition:l,icon:u,label:p,pressed:i,modifiers:c}=e.toRefs(t),o=s("modelValue",t,n),a=s("disabled",t),m=s("toggle",t),y=s("unselectable",t),S=((_=r==null?void 0:r.value)==null?void 0:_.multiple)??e.ref(!1),k=e.computed(()=>{var A;const w=c!=null&&c.value?Array.isArray(c.value)?c.value:[c.value]:[],B=(A=r==null?void 0:r.value.itemModifiers)!=null&&A.value?Array.isArray(r.value.itemModifiers.value)?r.value.itemModifiers.value:[r.value.itemModifiers.value]:[];return[...w,...B]});return{group:r,isInGroup:f,modelValue:o,disabled:a,toggle:m,unselectable:y,multiple:S,modifiers:k,pressed:i,iconPosition:l,icon:u,label:p}}const H={key:1,class:"vv-button__label"},J={key:1,class:"vv-button__label"},X={name:"VvButton"};return e.defineComponent({...X,props:Z,emits:U,setup(t,{emit:n}){const r=t,f=e.useAttrs(),s=e.useSlots(),l=(f==null?void 0:f.name)||v.nanoid(),{modifiers:u,iconPosition:p,icon:i,label:c,modelValue:o,disabled:a,toggle:m,unselectable:y}=T(r,n),S=e.inject(L),k=e.computed(()=>{switch(!0){case a.value:return g.button;case r.to!==void 0:return S!=null&&S.nuxt?g.nuxtLink:g.routerLink;case r.href!==void 0:return g.a;default:return g.button}}),_=e.computed(()=>m.value?Array.isArray(o.value)?O(l,o.value):V(l,o.value):r.pressed),{bemCssClasses:w}=j("vv-button",{modifiers:u,active:r.active,pressed:_,disabled:a,reverse:e.computed(()=>[b.right,b.bottom].includes(p.value)),column:e.computed(()=>[b.top,b.bottom].includes(p.value)),iconOnly:e.computed(()=>(i==null?void 0:i.value)&&!(c!=null&&c.value)&&!s.default)}),B=e.computed(()=>typeof(i==null?void 0:i.value)=="string"?{name:i==null?void 0:i.value}:i==null?void 0:i.value),A=e.computed(()=>{const d={class:w.value,"aria-pressed":_.value?!0:void 0};switch(k.value){case g.a:return{...d,role:"button",href:r.href,target:r.target,rel:r.rel};case g.routerLink:case g.nuxtLink:return{...d,role:"button",to:r.to,target:r.target};default:return{...d,type:r.type,disabled:a.value}}}),K=()=>{if(m.value){if(Array.isArray(o.value)){if(O(l,o.value)){y.value&&(o.value=o.value.filter(d=>d!==l));return}o.value.push(l);return}if(V(l,o.value)&&y.value){o.value=void 0;return}o.value=l}};return(d,W)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(A),{onClickPassive:K}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},()=>[d.loading?e.renderSlot(d.$slots,"loading",{key:0},()=>[d.loadingIcon?(e.openBlock(),e.createBlock(E,{key:0,class:"vv-button__loading-icon",name:d.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),d.loadingLabel?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(d.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(d.$slots,"before"),e.unref(i)?(e.openBlock(),e.createBlock(E,e.mergeProps({key:0,class:"vv-button__icon"},e.unref(B)),null,16)):e.createCommentVNode("",!0),e.unref(c)?(e.openBlock(),e.createElementBlock("span",J,[e.renderSlot(d.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])])):e.createCommentVNode("",!0),e.renderSlot(d.$slots,"after")],64))])]),_:3},16))}})});
+(function(e,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue"),require("nanoid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@iconify/vue"],k):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButton=k(e.vue,e.nanoid,e.vue$1))})(this,function(e,k,v){"use strict";const P="ds",N={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]}},E={name:"VvIcon"},C=e.defineComponent({...E,props:N,setup(n){const i=n,o=ref(!0),{modifiers:g}=toRefs(i),a=inject(P),{bemCssClasses:u}=useBemModifiers("vv-icon",{modifiers:g}),p=computed(()=>i.provider||(a==null?void 0:a.provider)),h=computed(()=>{const t=i.name??"",r=`@${p.value}:${i.prefix}:${i.name}`;return v.iconExists(t)?t:v.iconExists(r)?r:(a==null?void 0:a.iconsCollections.find(d=>{const m=`@${p.value}:${d.prefix}:${t}`;if(v.iconExists(m))return m}))||t});function l(t){let r=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");r=new S().window}return(r?new r.DOMParser:new window.DOMParser).parseFromString(t,"text/html").querySelector("svg")}function c(t){const r=l(t),d=(r==null?void 0:r.innerHTML.trim())||"";r&&d&&v.addIcon(`@${p.value}:${i.prefix}:${i.name}`,{body:d,height:r.viewBox.baseVal.height,width:r.viewBox.baseVal.width})}return a&&(i.src&&!v.iconExists(`@${p.value}:${i.prefix}:${i.name}`)?(o.value=!1,a.fetchIcon(i.src).then(t=>{t&&(c(t),o.value=!0)}).catch(t=>{throw new Error(`During fetch icon: ${t==null?void 0:t.message}`)})):i.svg&&c(i.svg)),(t,r)=>e.unref(o)?(e.openBlock(),e.createBlock(e.unref(v.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:t.rotate,color:t.color,onLoad:t.onLoad,icon:e.unref(h)}),null,16,["class"])):e.createCommentVNode("",!0)}}),O={disabled:Boolean},A={modifiers:[String,Array]},F={unselectable:{type:Boolean,default:!0}},D="VV_BUTTON_GROUP";var b=(n=>(n.left="left",n.right="right",n.top="top",n.bottom="bottom",n))(b||{}),L=(n=>(n.button="button",n.submit="submit",n.reset="reset",n))(L||{}),f=(n=>(n.nuxtLink="nuxt-link",n.routerLink="router-link",n.a="a",n.button="button",n))(f||{}),$=(n=>(n._blank="_blank",n._self="_self",n._parent="_parent",n._top="_top",n))($||{});const I=["update:modelValue"],M={...A,...O,...F,icon:{type:[String,Object],default:""},iconPosition:{type:String,default:"left",validator:n=>n in b},label:[String,Number],loading:Boolean,loadingIcon:{type:String,default:"eos-icons:bubble-loading"},loadingLabel:{type:String,default:"Loading..."},to:{type:[String,Object]},href:String,target:{type:String,validator:n=>n in $},active:Boolean,pressed:Boolean,rel:{type:String,default:"noopener noreferrer"},type:{type:String,default:"button",validator:n=>n in L},toggle:{type:Boolean,default:!1},modelValue:String};function q(n,i){var V;const{group:o,isInGroup:g,getGroupOrLocalRef:a}=useInjectedGroupState(D),{iconPosition:u,icon:p,label:h,pressed:l,modifiers:c}=toRefs(n),t=a("modelValue",n,i),r=a("disabled",n),d=a("toggle",n),m=a("unselectable",n),y=((V=o==null?void 0:o.value)==null?void 0:V.multiple)??ref(!1),S=computed(()=>{var _;const w=c!=null&&c.value?Array.isArray(c.value)?c.value:[c.value]:[],B=(_=o==null?void 0:o.value.itemModifiers)!=null&&_.value?Array.isArray(o.value.itemModifiers.value)?o.value.itemModifiers.value:[o.value.itemModifiers.value]:[];return[...w,...B]});return{group:o,isInGroup:g,modelValue:t,disabled:r,toggle:d,unselectable:m,multiple:y,modifiers:S,pressed:l,iconPosition:u,icon:p,label:h}}const R={key:1,class:"vv-button__label"},j={key:1,class:"vv-button__label"},G={name:"VvButton"};return e.defineComponent({...G,props:M,emits:I,setup(n,{emit:i}){const o=n,g=useAttrs(),a=useSlots(),u=(g==null?void 0:g.name)||k.nanoid(),{modifiers:p,iconPosition:h,icon:l,label:c,modelValue:t,disabled:r,toggle:d,unselectable:m}=q(o,i),y=inject(P),S=computed(()=>{switch(!0){case r.value:return f.button;case o.to!==void 0:return y!=null&&y.nuxt?f.nuxtLink:f.routerLink;case o.href!==void 0:return f.a;default:return f.button}}),V=computed(()=>d.value?Array.isArray(t.value)?contains(u,t.value):equals(u,t.value):o.pressed),{bemCssClasses:w}=useBemModifiers("vv-button",{modifiers:p,active:o.active,pressed:V,disabled:r,reverse:computed(()=>[b.right,b.bottom].includes(h.value)),column:computed(()=>[b.top,b.bottom].includes(h.value)),iconOnly:computed(()=>(l==null?void 0:l.value)&&!(c!=null&&c.value)&&!a.default)}),B=computed(()=>typeof(l==null?void 0:l.value)=="string"?{name:l==null?void 0:l.value}:l==null?void 0:l.value),_=computed(()=>{const s={class:w.value,"aria-pressed":V.value?!0:void 0};switch(S.value){case f.a:return{...s,role:"button",href:o.href,target:o.target,rel:o.rel};case f.routerLink:case f.nuxtLink:return{...s,role:"button",to:o.to,target:o.target};default:return{...s,type:o.type,disabled:r.value}}}),U=()=>{if(d.value){if(Array.isArray(t.value)){if(contains(u,t.value)){m.value&&(t.value=t.value.filter(s=>s!==u));return}t.value.push(u);return}if(equals(u,t.value)&&m.value){t.value=void 0;return}t.value=u}};return(s,z)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(S)),e.mergeProps(e.unref(_),{onClickPassive:U}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[s.loading?e.renderSlot(s.$slots,"loading",{key:0},()=>[s.loadingIcon?(e.openBlock(),e.createBlock(C,{key:0,class:"vv-button__loading-icon",name:s.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),s.loadingLabel?(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(s.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(s.$slots,"before"),e.unref(l)?(e.openBlock(),e.createBlock(C,e.mergeProps({key:0,class:"vv-button__icon"},e.unref(B)),null,16)):e.createCommentVNode("",!0),e.unref(c)?(e.openBlock(),e.createElementBlock("span",j,[e.renderSlot(s.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"after")],64))])]),_:3},16))}})});