@volverjs/ui-vue 0.0.1-beta.11 → 0.0.1-beta.12

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

@@ -1,13 +1,20 @@
-import { computed as f, unref as y, defineComponent as D, ref as T, toRefs as R, inject as q, openBlock as b, createBlock as O, mergeProps as F, createCommentVNode as C, toRef as Z, useAttrs as z, resolveDynamicComponent as H, withCtx as J, renderSlot as A, createElementBlock as w, toDisplayString as j, Fragment as X, createTextVNode as K } from "vue";
-import { v4 as W } from "uuid";
-import { iconExists as E, Icon as Y, addIcon as ee } from "@iconify/vue";
-var _ = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(_ || {}), k = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(k || {}), P = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(P || {});
-const te = {
+import { computed as d, unref as m, defineComponent as D, ref as G, toRefs as I, inject as P, openBlock as y, createBlock as A, mergeProps as B, createCommentVNode as _, toRef as M, useAttrs as U, useSlots as T, resolveDynamicComponent as Z, withCtx as z, renderSlot as k, createElementBlock as $, toDisplayString as L, Fragment as H, createTextVNode as J } from "vue";
+import { v4 as X } from "uuid";
+import { iconExists as w, Icon as K, addIcon as Q } from "@iconify/vue";
+const W = {
+  disabled: Boolean
+}, Y = {
+  modifiers: [String, Array]
+};
+var S = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(S || {}), b = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(b || {}), R = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(R || {});
+const ee = {
+  ...Y,
+  ...W,
   icon: String,
   iconPosition: {
     type: String,
     default: "left",
-    validator: (e) => e in _
+    validator: (e) => e in S
   },
   label: String,
   loading: Boolean,
@@ -22,55 +29,48 @@ const te = {
   href: String,
   target: {
     type: String,
-    validator: (e) => e in P
+    validator: (e) => e in R
   },
-  block: Boolean,
   active: Boolean,
-  rounded: Boolean,
-  disabled: Boolean,
-  fullBleed: Boolean,
-  action: Boolean,
-  actionQuiet: Boolean,
-  selected: Boolean,
-  modifiers: [Array, String]
-}, h = {
-  equals(e, t, n) {
-    return n ? this.resolveFieldData(e, n) === this.resolveFieldData(t, n) : this.deepEquals(e, t);
+  selected: Boolean
+}, v = {
+  equals(e, t, r) {
+    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
   },
   deepEquals(e, t) {
     if (e === t)
       return !0;
     if (e && t && typeof e == "object" && typeof t == "object") {
-      const n = Array.isArray(e), o = Array.isArray(t);
-      let r, l, a;
-      if (n && o) {
+      const r = Array.isArray(e), o = Array.isArray(t);
+      let n, l, i;
+      if (r && o) {
         if (l = e.length, l != t.length)
           return !1;
-        for (r = l; r-- !== 0; )
-          if (!this.deepEquals(e[r], t[r]))
+        for (n = l; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
             return !1;
         return !0;
       }
-      if (n != o)
+      if (r != o)
         return !1;
-      const u = e instanceof Date, c = t instanceof Date;
-      if (u != c)
+      const a = e instanceof Date, c = t instanceof Date;
+      if (a != c)
         return !1;
-      if (u && c)
+      if (a && c)
         return e.getTime() == t.getTime();
-      const v = e instanceof RegExp, s = t instanceof RegExp;
-      if (v != s)
+      const f = e instanceof RegExp, s = t instanceof RegExp;
+      if (f != s)
         return !1;
-      if (v && s)
+      if (f && s)
         return e.toString() == t.toString();
-      const i = Object.keys(e);
-      if (l = i.length, l !== Object.keys(t).length)
+      const u = Object.keys(e);
+      if (l = u.length, l !== Object.keys(t).length)
         return !1;
-      for (r = l; r-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, i[r]))
+      for (n = l; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, u[n]))
           return !1;
-      for (r = l; r-- !== 0; )
-        if (a = i[r], !this.deepEquals(e[a], t[a]))
+      for (n = l; n-- !== 0; )
+        if (i = u[n], !this.deepEquals(e[i], t[i]))
           return !1;
       return !0;
     }
@@ -81,12 +81,12 @@ const te = {
       if (t.indexOf(".") === -1)
         return e[t];
       {
-        const n = t.split(".");
+        const r = t.split(".");
         let o = e;
-        for (let r = 0, l = n.length; r < l; ++r) {
+        for (let n = 0, l = r.length; n < l; ++n) {
           if (e == null)
             return null;
-          o = o[n[r]];
+          o = o[r[n]];
         }
         return o;
       }
@@ -97,20 +97,20 @@ const te = {
     return !!(e && e.constructor && e.call && e.apply);
   },
   findIndexInList(e, t) {
-    let n = -1;
+    let r = -1;
     if (t) {
       for (let o = 0; o < t.length; o++)
         if (this.equals(t[o], e)) {
-          n = o;
+          r = o;
           break;
         }
     }
-    return n;
+    return r;
   },
   contains(e, t) {
     if (e != null && t && t.length) {
-      for (const n of t)
-        if (this.equals(e, n))
+      for (const r of t)
+        if (this.equals(e, r))
           return !0;
     }
     return !1;
@@ -123,36 +123,36 @@ const te = {
   },
   pickBy(e, t) {
     return Object.fromEntries(
-      Object.entries(e).filter(([n]) => t(n))
+      Object.entries(e).filter(([r]) => t(r))
     );
   },
   removeFromList(e, t) {
-    const n = this.findIndexInList(e, t);
-    return n > -1 ? t.filter((o, r) => r !== n) : t;
+    const r = this.findIndexInList(e, t);
+    return r > -1 ? t.filter((o, n) => n !== r) : t;
   },
   isString(e) {
     return typeof e == "string" || e instanceof String;
   },
   propsToObject(e) {
-    return Object.keys(e).reduce((t, n) => {
-      var o, r, l, a, u;
-      return this.isFunction(e[n]) ? t[n] = e[n]() : Array.isArray(e[n]) ? t[n] = e[n][0]() : (o = e[n]) != null && o.type && (Array.isArray(e[n].type) ? t[n] = ((r = e[n]) == null ? void 0 : r.default) || ((l = e[n]) == null ? void 0 : l.type[0]()) : t[n] = ((a = e[n]) == null ? void 0 : a.default) || ((u = e[n]) == null ? void 0 : u.type())), t;
+    return Object.keys(e).reduce((t, r) => {
+      var o, n, l, i, a;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (o = e[r]) != null && o.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((l = e[r]) == null ? void 0 : l.type[0]()) : t[r] = ((i = e[r]) == null ? void 0 : i.default) || ((a = e[r]) == null ? void 0 : a.type())), t;
     }, {});
   },
-  filterArray(e, t, n) {
-    return e.filter((o) => t.some((r) => typeof r == "string" ? o[n] == r : this.equals(
-      o[n],
-      r[n]
+  filterArray(e, t, r) {
+    return e.filter((o) => t.some((n) => typeof n == "string" ? o[r] == n : this.equals(
+      o[r],
+      n[r]
     )));
   },
   kebabCase(e) {
-    var t, n;
+    var t, r;
     if (e)
-      return (n = (t = e.match(
+      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 : n.toLowerCase();
+      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
   }
-}, ne = "ds", re = {
+}, te = "ds", re = {
   color: String,
   width: {
     type: [String, Number]
@@ -184,22 +184,22 @@ const te = {
     type: [String, Array]
   }
 };
-function V(e, t) {
-  const n = { [`${e}`]: !0 };
+function q(e, t) {
+  const r = { [`${e}`]: !0 };
   return {
-    bemCssClasses: f(() => Object.keys(t).reduce((r, l) => {
-      const a = y(t[l]) || !1;
-      if (!a)
-        return r;
+    bemCssClasses: d(() => Object.keys(t).reduce((n, l) => {
+      const i = m(t[l]) || !1;
+      if (!i)
+        return n;
       if (l === "modifiers") {
-        const u = Array.isArray(a) ? a : [a];
+        const a = Array.isArray(i) ? i : [i];
         return {
-          ...r,
-          ...u.reduce(
-            (c, v) => ({
+          ...n,
+          ...a.reduce(
+            (c, f) => ({
               ...c,
-              [`${e}--${h.kebabCase(
-                v
+              [`${e}--${v.kebabCase(
+                f
               )}`]: !0
             }),
             {}
@@ -207,207 +207,192 @@ function V(e, t) {
         };
       } else
         return {
-          ...r,
-          [`${e}--${h.kebabCase(l)}`]: a
+          ...n,
+          [`${e}--${v.kebabCase(l)}`]: i
         };
-    }, n) || {})
+    }, r) || {})
   };
 }
-const I = /* @__PURE__ */ D({
+const j = /* @__PURE__ */ D({
   __name: "VvIcon",
   props: re,
   setup(e) {
-    const t = e, n = T(!0), { modifiers: o } = R(t), r = q(ne), { bemCssClasses: l } = V("vv-icon", {
+    const t = e, r = G(!0), { modifiers: o } = I(t), n = P(te), { bemCssClasses: l } = q("vv-icon", {
       modifiers: o
-    }), a = f(() => t.provider || (r == null ? void 0 : r.provider)), u = f(() => {
-      const s = t.name || "", i = `@${a.value}:${t.prefix}:${t.name}`;
-      return E(s) ? s : E(i) ? i : (r == null ? void 0 : r.iconsCollections.find((d) => {
-        const g = `@${a.value}:${d.prefix}:${s}`;
-        if (E(g))
-          return g;
+    }), i = d(() => t.provider || (n == null ? void 0 : n.provider)), a = d(() => {
+      const s = t.name || "", u = `@${i.value}:${t.prefix}:${t.name}`;
+      return w(s) ? s : w(u) ? u : (n == null ? void 0 : n.iconsCollections.find((p) => {
+        const h = `@${i.value}:${p.prefix}:${s}`;
+        if (w(h))
+          return h;
       })) || s;
     });
     function c(s) {
-      let i = null;
+      let u = null;
       if (typeof window > "u") {
-        const { JSDOM: S } = require("jsdom");
-        i = new S().window;
+        const { JSDOM: C } = require("jsdom");
+        u = new C().window;
       }
-      return (i ? new i.DOMParser() : new window.DOMParser()).parseFromString(s, "text/html").querySelector("svg");
+      return (u ? new u.DOMParser() : new window.DOMParser()).parseFromString(s, "text/html").querySelector("svg");
     }
-    function v(s) {
-      const i = c(s), d = (i == null ? void 0 : i.innerHTML.trim()) || "";
-      i && d && ee(`@${a.value}:${t.prefix}:${t.name}`, {
-        body: d,
-        height: i.viewBox.baseVal.height,
-        width: i.viewBox.baseVal.width
+    function f(s) {
+      const u = c(s), p = (u == null ? void 0 : u.innerHTML.trim()) || "";
+      u && p && Q(`@${i.value}:${t.prefix}:${t.name}`, {
+        body: p,
+        height: u.viewBox.baseVal.height,
+        width: u.viewBox.baseVal.width
       });
     }
-    return r && (t.src ? (n.value = !1, r.fetchIcon(t.src).then((s) => {
-      s && (v(s), n.value = !0);
+    return n && (t.src ? (r.value = !1, n.fetchIcon(t.src).then((s) => {
+      s && (f(s), r.value = !0);
     }).catch((s) => {
       throw new Error(`During fetch icon: ${s == null ? void 0 : s.message}`);
-    })) : t.svg && v(t.svg)), (s, i) => n.value ? (b(), O(y(Y), F({
+    })) : t.svg && f(t.svg)), (s, u) => r.value ? (y(), A(m(K), B({
       key: 0,
-      class: y(l)
+      class: m(l)
     }, {
       ...s.$props,
-      provider: y(a),
-      icon: y(u)
-    }), null, 16, ["class"])) : C("", !0);
+      provider: m(i),
+      icon: m(a)
+    }), null, 16, ["class"])) : _("", !0);
   }
 });
-function oe(e) {
-  const t = q(e, void 0), n = f(() => h.isNotEmpty(t));
-  function o(r, l, a) {
+function ne(e) {
+  const t = P(e, void 0), r = d(() => v.isNotEmpty(t));
+  function o(n, l, i) {
     if (t != null && t.value) {
-      const u = y(t.value)[r];
-      return f({
+      const a = m(t.value)[n];
+      return d({
         get() {
-          return u == null ? void 0 : u.value;
+          return a == null ? void 0 : a.value;
         },
         set(c) {
-          u.value = c;
+          a.value = c;
         }
       });
     } else {
-      const u = Z(l, r);
-      return f({
+      const a = M(l, n);
+      return d({
         get() {
-          return u.value;
+          return a.value;
         },
         set(c) {
-          a && a(`update:${r}`, c);
+          i && i(`update:${n}`, c);
         }
       });
     }
   }
   return {
     group: t,
-    isInGroup: n,
+    isInGroup: r,
     getGroupOrLocalRef: o
   };
 }
-const ie = Symbol("VV_BUTTON_GROUP");
+const oe = Symbol("VV_BUTTON_GROUP");
 function se(e) {
-  const { group: t, isInGroup: n, getGroupOrLocalRef: o } = oe(ie), { modifiers: r, fullBleed: l, iconPosition: a, icon: u, label: c, block: v, selected: s } = R(e), i = o("modelValue", e), d = o("disabled", e), g = o("toggle", e), p = o("rounded", e), S = o("action", e), $ = o("actionQuiet", e);
+  const { group: t, isInGroup: r, getGroupOrLocalRef: o } = ne(oe), { iconPosition: n, icon: l, label: i, selected: a } = I(e), c = o("modelValue", e), f = o("disabled", e), s = o("toggle", e), u = o("modifiers", e);
   return {
-    modelValue: i,
-    disabled: d,
-    toggle: g,
-    isInGroup: n,
+    modelValue: c,
+    disabled: f,
+    toggle: s,
+    isInGroup: r,
     group: t,
-    modifiers: r,
-    action: S,
-    actionQuiet: $,
-    selected: s,
-    block: v,
-    rounded: p,
-    fullBleed: l,
-    iconPosition: a,
-    icon: u,
-    label: c
+    modifiers: u,
+    selected: a,
+    iconPosition: n,
+    icon: l,
+    label: i
   };
 }
-const le = {
+const ie = {
   key: 1,
   class: "vv-button__label"
-}, ae = {
+}, le = {
   key: 1,
   class: "vv-button__label"
-}, de = /* @__PURE__ */ D({
+}, fe = /* @__PURE__ */ D({
   __name: "VvButton",
-  props: te,
+  props: ee,
   setup(e) {
-    const t = e, n = z(), o = (n == null ? void 0 : n.name) || W(), {
-      modifiers: r,
-      action: l,
-      actionQuiet: a,
-      block: u,
-      rounded: c,
-      fullBleed: v,
-      iconPosition: s,
-      icon: i,
-      label: d,
-      modelValue: g,
-      disabled: p,
-      toggle: S,
-      isInGroup: $
-    } = se(t), L = f(() => {
+    const t = e, r = U(), o = T(), n = (r == null ? void 0 : r.name) || X(), {
+      modifiers: l,
+      iconPosition: i,
+      icon: a,
+      label: c,
+      modelValue: f,
+      disabled: s,
+      toggle: u,
+      isInGroup: p
+    } = se(t), h = d(() => {
       switch (!0) {
-        case p.value:
-          return k.button;
+        case s.value:
+          return b.button;
         case t.to !== void 0:
-          return k.routerLink;
+          return b.routerLink;
         case t.href !== void 0:
-          return k.a;
+          return b.a;
         default:
-          return k.button;
+          return b.button;
       }
-    }), x = f(() => S.value ? Array.isArray(g.value) ? h.contains(o, g.value) : h.equals(o, g.value) : t.active), N = f(() => S.value ? Array.isArray(g.value) ? h.contains(o, g.value) : h.equals(o, g.value) : t.selected), { bemCssClasses: G } = V("vv-button", {
-      modifiers: r,
-      active: x,
-      action: l,
-      actionQuiet: a,
-      selected: N,
-      block: u,
-      rounded: c,
-      fullBleed: v,
-      disabled: p,
-      reverse: f(
-        () => [_.right, _.bottom].includes(
-          s.value
+    }), E = d(() => u.value ? Array.isArray(f.value) ? v.contains(n, f.value) : v.equals(n, f.value) : t.active), C = d(() => u.value ? Array.isArray(f.value) ? v.contains(n, f.value) : v.equals(n, f.value) : t.selected), { bemCssClasses: F } = q("vv-button", {
+      modifiers: l,
+      active: E,
+      selected: C,
+      disabled: s,
+      reverse: d(
+        () => [S.right, S.bottom].includes(
+          i.value
         )
       ),
-      column: f(
-        () => [_.top, _.bottom].includes(
-          s.value
+      column: d(
+        () => [S.top, S.bottom].includes(
+          i.value
         )
       ),
-      iconOnly: f(() => (i == null ? void 0 : i.value) && !(d != null && d.value))
-    }), M = f(() => ({
-      ...U.value,
-      "aria-label": t.label || n["aria-label"],
-      "aria-disabled": p.value,
+      iconOnly: d(() => (a == null ? void 0 : a.value) && !(c != null && c.value) && !o.default)
+    }), V = d(() => ({
+      ...x.value,
+      "aria-label": t.label || r["aria-label"],
+      "aria-disabled": s.value,
       role: "button",
-      class: G.value,
+      class: F.value,
       to: t.to
-    })), U = f(() => {
-      const m = L.value === k.a;
-      let B = {};
-      return m && (B = p.value ? {
+    })), x = d(() => {
+      const g = h.value === b.a;
+      let O = {};
+      return g && (O = s.value ? {
         href: "javascript:;"
       } : {
         target: t.target,
         href: t.href
-      }), B;
+      }), O;
     });
-    function Q() {
-      $.value && (g.value = o);
+    function N() {
+      p.value && (f.value = n);
     }
-    return (m, B) => (b(), O(H(y(L)), F(y(M), { onClickPassive: Q }), {
-      default: J(() => [
-        A(m.$slots, "default", {}, () => [
-          m.loading ? A(m.$slots, "loading", { key: 0 }, () => [
-            m.loadingIcon ? (b(), O(I, {
+    return (g, O) => (y(), A(Z(m(h)), B(m(V), { onClickPassive: N }), {
+      default: z(() => [
+        k(g.$slots, "default", {}, () => [
+          g.loading ? k(g.$slots, "loading", { key: 0 }, () => [
+            g.loadingIcon ? (y(), A(j, {
               key: 0,
               class: "vv-button__loading-icon",
-              name: m.loadingIcon
-            }, null, 8, ["name"])) : C("", !0),
-            m.loadingLabel ? (b(), w("span", le, j(m.loadingLabel), 1)) : C("", !0)
-          ]) : (b(), w(X, { key: 1 }, [
-            A(m.$slots, "before"),
-            y(i) ? (b(), O(I, {
+              name: g.loadingIcon
+            }, null, 8, ["name"])) : _("", !0),
+            g.loadingLabel ? (y(), $("span", ie, L(g.loadingLabel), 1)) : _("", !0)
+          ]) : (y(), $(H, { key: 1 }, [
+            k(g.$slots, "before"),
+            m(a) ? (y(), A(j, {
               key: 0,
               class: "vv-button__icon",
-              name: y(i)
-            }, null, 8, ["name"])) : C("", !0),
-            y(d) ? (b(), w("span", ae, [
-              A(m.$slots, "label", {}, () => [
-                K(j(y(d)), 1)
+              name: m(a)
+            }, null, 8, ["name"])) : _("", !0),
+            m(c) ? (y(), $("span", le, [
+              k(g.$slots, "label", {}, () => [
+                J(L(m(c)), 1)
               ])
-            ])) : C("", !0),
-            A(m.$slots, "after")
+            ])) : _("", !0),
+            k(g.$slots, "after")
           ], 64))
         ])
       ]),
@@ -416,5 +401,5 @@ const le = {
   }
 });
 export {
-  de as default
+  fe as default
 };

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

@@ -1 +1 @@
-(function(n,B){typeof exports=="object"&&typeof module<"u"?module.exports=B(require("vue"),require("uuid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","uuid","@iconify/vue"],B):(n=typeof globalThis<"u"?globalThis:n||self,n.VvButton=B(n.vue,n.uuid,n.vue$1))})(this,function(n,B,_){"use strict";var b=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(b||{}),k=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(k||{}),O=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(O||{});const j={icon:String,iconPosition:{type:String,default:"left",validator:e=>e in b},label:String,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:e=>e in O},block:Boolean,active:Boolean,rounded:Boolean,disabled:Boolean,fullBleed:Boolean,action:Boolean,actionQuiet:Boolean,selected:Boolean,modifiers:[Array,String]},y={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),i=Array.isArray(t);let o,c,a;if(r&&i){if(c=e.length,c!=t.length)return!1;for(o=c;o--!==0;)if(!this.deepEquals(e[o],t[o]))return!1;return!0}if(r!=i)return!1;const u=e instanceof Date,f=t instanceof Date;if(u!=f)return!1;if(u&&f)return e.getTime()==t.getTime();const p=e instanceof RegExp,l=t instanceof RegExp;if(p!=l)return!1;if(p&&l)return e.toString()==t.toString();const s=Object.keys(e);if(c=s.length,c!==Object.keys(t).length)return!1;for(o=c;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,s[o]))return!1;for(o=c;o--!==0;)if(a=s[o],!this.deepEquals(e[a],t[a]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let i=e;for(let o=0,c=r.length;o<c;++o){if(e==null)return null;i=i[r[o]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){r=i;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((i,o)=>o!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var i,o,c,a,u;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(i=e[r])!=null&&i.type&&(Array.isArray(e[r].type)?t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type[0]()):t[r]=((a=e[r])==null?void 0:a.default)||((u=e[r])==null?void 0:u.type())),t},{})},filterArray(e,t,r){return e.filter(i=>t.some(o=>typeof o=="string"?i[r]==o:this.equals(i[r],o[r])))},kebabCase(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()}},L="ds",V={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 E(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((o,c)=>{const a=n.unref(t[c])||!1;if(!a)return o;if(c==="modifiers"){const u=Array.isArray(a)?a:[a];return{...o,...u.reduce((f,p)=>({...f,[`${e}--${y.kebabCase(p)}`]:!0}),{})}}else return{...o,[`${e}--${y.kebabCase(c)}`]:a}},r)||{})}}const w=n.defineComponent({__name:"VvIcon",props:V,setup(e){const t=e,r=n.ref(!0),{modifiers:i}=n.toRefs(t),o=n.inject(L),{bemCssClasses:c}=E("vv-icon",{modifiers:i}),a=n.computed(()=>t.provider||(o==null?void 0:o.provider)),u=n.computed(()=>{const l=t.name||"",s=`@${a.value}:${t.prefix}:${t.name}`;return _.iconExists(l)?l:_.iconExists(s)?s:(o==null?void 0:o.iconsCollections.find(d=>{const m=`@${a.value}:${d.prefix}:${l}`;if(_.iconExists(m))return m}))||l});function f(l){let s=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");s=new S().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function p(l){const s=f(l),d=(s==null?void 0:s.innerHTML.trim())||"";s&&d&&_.addIcon(`@${a.value}:${t.prefix}:${t.name}`,{body:d,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return o&&(t.src?(r.value=!1,o.fetchIcon(t.src).then(l=>{l&&(p(l),r.value=!0)}).catch(l=>{throw new Error(`During fetch icon: ${l==null?void 0:l.message}`)})):t.svg&&p(t.svg)),(l,s)=>r.value?(n.openBlock(),n.createBlock(n.unref(_.Icon),n.mergeProps({key:0,class:n.unref(c)},{...l.$props,provider:n.unref(a),icon:n.unref(u)}),null,16,["class"])):n.createCommentVNode("",!0)}});function q(e){const t=n.inject(e,void 0),r=n.computed(()=>y.isNotEmpty(t));function i(o,c,a){if(t!=null&&t.value){const u=n.unref(t.value)[o];return n.computed({get(){return u==null?void 0:u.value},set(f){u.value=f}})}else{const u=n.toRef(c,o);return n.computed({get(){return u.value},set(f){a&&a(`update:${o}`,f)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:i}}const D=Symbol("VV_BUTTON_GROUP");function I(e){const{group:t,isInGroup:r,getGroupOrLocalRef:i}=q(D),{modifiers:o,fullBleed:c,iconPosition:a,icon:u,label:f,block:p,selected:l}=n.toRefs(e),s=i("modelValue",e),d=i("disabled",e),m=i("toggle",e),h=i("rounded",e),S=i("action",e),C=i("actionQuiet",e);return{modelValue:s,disabled:d,toggle:m,isInGroup:r,group:t,modifiers:o,action:S,actionQuiet:C,selected:l,block:p,rounded:h,fullBleed:c,iconPosition:a,icon:u,label:f}}const R={key:1,class:"vv-button__label"},x={key:1,class:"vv-button__label"};return n.defineComponent({__name:"VvButton",props:j,setup(e){const t=e,r=n.useAttrs(),i=(r==null?void 0:r.name)||B.v4(),{modifiers:o,action:c,actionQuiet:a,block:u,rounded:f,fullBleed:p,iconPosition:l,icon:s,label:d,modelValue:m,disabled:h,toggle:S,isInGroup:C}=I(t),$=n.computed(()=>{switch(!0){case h.value:return k.button;case t.to!==void 0:return k.routerLink;case t.href!==void 0:return k.a;default:return k.button}}),P=n.computed(()=>S.value?Array.isArray(m.value)?y.contains(i,m.value):y.equals(i,m.value):t.active),F=n.computed(()=>S.value?Array.isArray(m.value)?y.contains(i,m.value):y.equals(i,m.value):t.selected),{bemCssClasses:N}=E("vv-button",{modifiers:o,active:P,action:c,actionQuiet:a,selected:F,block:u,rounded:f,fullBleed:p,disabled:h,reverse:n.computed(()=>[b.right,b.bottom].includes(l.value)),column:n.computed(()=>[b.top,b.bottom].includes(l.value)),iconOnly:n.computed(()=>(s==null?void 0:s.value)&&!(d!=null&&d.value))}),G=n.computed(()=>({...M.value,"aria-label":t.label||r["aria-label"],"aria-disabled":h.value,role:"button",class:N.value,to:t.to})),M=n.computed(()=>{const g=$.value===k.a;let A={};return g&&(A=h.value?{href:"javascript:;"}:{target:t.target,href:t.href}),A});function T(){C.value&&(m.value=i)}return(g,A)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref($)),n.mergeProps(n.unref(G),{onClickPassive:T}),{default:n.withCtx(()=>[n.renderSlot(g.$slots,"default",{},()=>[g.loading?n.renderSlot(g.$slots,"loading",{key:0},()=>[g.loadingIcon?(n.openBlock(),n.createBlock(w,{key:0,class:"vv-button__loading-icon",name:g.loadingIcon},null,8,["name"])):n.createCommentVNode("",!0),g.loadingLabel?(n.openBlock(),n.createElementBlock("span",R,n.toDisplayString(g.loadingLabel),1)):n.createCommentVNode("",!0)]):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.renderSlot(g.$slots,"before"),n.unref(s)?(n.openBlock(),n.createBlock(w,{key:0,class:"vv-button__icon",name:n.unref(s)},null,8,["name"])):n.createCommentVNode("",!0),n.unref(d)?(n.openBlock(),n.createElementBlock("span",x,[n.renderSlot(g.$slots,"label",{},()=>[n.createTextVNode(n.toDisplayString(n.unref(d)),1)])])):n.createCommentVNode("",!0),n.renderSlot(g.$slots,"after")],64))])]),_:3},16))}})});
+(function(n,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("vue"),require("uuid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","uuid","@iconify/vue"],S):(n=typeof globalThis<"u"?globalThis:n||self,n.VvButton=S(n.vue,n.uuid,n.vue$1))})(this,function(n,S,k){"use strict";const w={disabled:Boolean},$={modifiers:[String,Array]};var y=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(y||{}),h=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(h||{}),A=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(A||{});const j={...$,...w,icon:String,iconPosition:{type:String,default:"left",validator:e=>e in y},label:String,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:e=>e in A},active:Boolean,selected:Boolean},p={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),s=Array.isArray(t);let o,c,l;if(r&&s){if(c=e.length,c!=t.length)return!1;for(o=c;o--!==0;)if(!this.deepEquals(e[o],t[o]))return!1;return!0}if(r!=s)return!1;const a=e instanceof Date,u=t instanceof Date;if(a!=u)return!1;if(a&&u)return e.getTime()==t.getTime();const d=e instanceof RegExp,i=t instanceof RegExp;if(d!=i)return!1;if(d&&i)return e.toString()==t.toString();const f=Object.keys(e);if(c=f.length,c!==Object.keys(t).length)return!1;for(o=c;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,f[o]))return!1;for(o=c;o--!==0;)if(l=f[o],!this.deepEquals(e[l],t[l]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let s=e;for(let o=0,c=r.length;o<c;++o){if(e==null)return null;s=s[r[o]]}return s}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let s=0;s<t.length;s++)if(this.equals(t[s],e)){r=s;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((s,o)=>o!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var s,o,c,l,a;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(s=e[r])!=null&&s.type&&(Array.isArray(e[r].type)?t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type[0]()):t[r]=((l=e[r])==null?void 0:l.default)||((a=e[r])==null?void 0:a.type())),t},{})},filterArray(e,t,r){return e.filter(s=>t.some(o=>typeof o=="string"?s[r]==o:this.equals(s[r],o[r])))},kebabCase(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()}},L="ds",V={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 B(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((o,c)=>{const l=n.unref(t[c])||!1;if(!l)return o;if(c==="modifiers"){const a=Array.isArray(l)?l:[l];return{...o,...a.reduce((u,d)=>({...u,[`${e}--${p.kebabCase(d)}`]:!0}),{})}}else return{...o,[`${e}--${p.kebabCase(c)}`]:l}},r)||{})}}const O=n.defineComponent({__name:"VvIcon",props:V,setup(e){const t=e,r=n.ref(!0),{modifiers:s}=n.toRefs(t),o=n.inject(L),{bemCssClasses:c}=B("vv-icon",{modifiers:s}),l=n.computed(()=>t.provider||(o==null?void 0:o.provider)),a=n.computed(()=>{const i=t.name||"",f=`@${l.value}:${t.prefix}:${t.name}`;return k.iconExists(i)?i:k.iconExists(f)?f:(o==null?void 0:o.iconsCollections.find(g=>{const b=`@${l.value}:${g.prefix}:${i}`;if(k.iconExists(b))return b}))||i});function u(i){let f=null;if(typeof window>"u"){const{JSDOM:_}=require("jsdom");f=new _().window}return(f?new f.DOMParser:new window.DOMParser).parseFromString(i,"text/html").querySelector("svg")}function d(i){const f=u(i),g=(f==null?void 0:f.innerHTML.trim())||"";f&&g&&k.addIcon(`@${l.value}:${t.prefix}:${t.name}`,{body:g,height:f.viewBox.baseVal.height,width:f.viewBox.baseVal.width})}return o&&(t.src?(r.value=!1,o.fetchIcon(t.src).then(i=>{i&&(d(i),r.value=!0)}).catch(i=>{throw new Error(`During fetch icon: ${i==null?void 0:i.message}`)})):t.svg&&d(t.svg)),(i,f)=>r.value?(n.openBlock(),n.createBlock(n.unref(k.Icon),n.mergeProps({key:0,class:n.unref(c)},{...i.$props,provider:n.unref(l),icon:n.unref(a)}),null,16,["class"])):n.createCommentVNode("",!0)}});function q(e){const t=n.inject(e,void 0),r=n.computed(()=>p.isNotEmpty(t));function s(o,c,l){if(t!=null&&t.value){const a=n.unref(t.value)[o];return n.computed({get(){return a==null?void 0:a.value},set(u){a.value=u}})}else{const a=n.toRef(c,o);return n.computed({get(){return a.value},set(u){l&&l(`update:${o}`,u)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:s}}const D=Symbol("VV_BUTTON_GROUP");function P(e){const{group:t,isInGroup:r,getGroupOrLocalRef:s}=q(D),{iconPosition:o,icon:c,label:l,selected:a}=n.toRefs(e),u=s("modelValue",e),d=s("disabled",e),i=s("toggle",e),f=s("modifiers",e);return{modelValue:u,disabled:d,toggle:i,isInGroup:r,group:t,modifiers:f,selected:a,iconPosition:o,icon:c,label:l}}const I={key:1,class:"vv-button__label"},R={key:1,class:"vv-button__label"};return n.defineComponent({__name:"VvButton",props:j,setup(e){const t=e,r=n.useAttrs(),s=n.useSlots(),o=(r==null?void 0:r.name)||S.v4(),{modifiers:c,iconPosition:l,icon:a,label:u,modelValue:d,disabled:i,toggle:f,isInGroup:g}=P(t),b=n.computed(()=>{switch(!0){case i.value:return h.button;case t.to!==void 0:return h.routerLink;case t.href!==void 0:return h.a;default:return h.button}}),E=n.computed(()=>f.value?Array.isArray(d.value)?p.contains(o,d.value):p.equals(o,d.value):t.active),_=n.computed(()=>f.value?Array.isArray(d.value)?p.contains(o,d.value):p.equals(o,d.value):t.selected),{bemCssClasses:x}=B("vv-button",{modifiers:c,active:E,selected:_,disabled:i,reverse:n.computed(()=>[y.right,y.bottom].includes(l.value)),column:n.computed(()=>[y.top,y.bottom].includes(l.value)),iconOnly:n.computed(()=>(a==null?void 0:a.value)&&!(u!=null&&u.value)&&!s.default)}),F=n.computed(()=>({...N.value,"aria-label":t.label||r["aria-label"],"aria-disabled":i.value,role:"button",class:x.value,to:t.to})),N=n.computed(()=>{const m=b.value===h.a;let C={};return m&&(C=i.value?{href:"javascript:;"}:{target:t.target,href:t.href}),C});function G(){g.value&&(d.value=o)}return(m,C)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref(b)),n.mergeProps(n.unref(F),{onClickPassive:G}),{default:n.withCtx(()=>[n.renderSlot(m.$slots,"default",{},()=>[m.loading?n.renderSlot(m.$slots,"loading",{key:0},()=>[m.loadingIcon?(n.openBlock(),n.createBlock(O,{key:0,class:"vv-button__loading-icon",name:m.loadingIcon},null,8,["name"])):n.createCommentVNode("",!0),m.loadingLabel?(n.openBlock(),n.createElementBlock("span",I,n.toDisplayString(m.loadingLabel),1)):n.createCommentVNode("",!0)]):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.renderSlot(m.$slots,"before"),n.unref(a)?(n.openBlock(),n.createBlock(O,{key:0,class:"vv-button__icon",name:n.unref(a)},null,8,["name"])):n.createCommentVNode("",!0),n.unref(u)?(n.openBlock(),n.createElementBlock("span",R,[n.renderSlot(m.$slots,"label",{},()=>[n.createTextVNode(n.toDisplayString(n.unref(u)),1)])])):n.createCommentVNode("",!0),n.renderSlot(m.$slots,"after")],64))])]),_:3},16))}})});