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

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

@@ -1,106 +1,9 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            multiline: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            routes: {
-                (arrayLength: number): import("./VvBreadcrumb").Route[];
-                (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-                new (arrayLength: number): import("./VvBreadcrumb").Route[];
-                new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-                isArray(arg: any): arg is any[];
-                readonly prototype: any[];
-                from<T>(arrayLike: ArrayLike<T>): T[];
-                from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-                from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-                from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-                of<T_4>(...items: T_4[]): T_4[];
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            multiline: BooleanConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "multiline">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            routes: {
-                (arrayLength: number): import("./VvBreadcrumb").Route[];
-                (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-                new (arrayLength: number): import("./VvBreadcrumb").Route[];
-                new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-                isArray(arg: any): arg is any[];
-                readonly prototype: any[];
-                from<T>(arrayLike: ArrayLike<T>): T[];
-                from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-                from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-                from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-                of<T_4>(...items: T_4[]): T_4[];
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            multiline: BooleanConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            multiline: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T_5 extends string | ((...args: any) => any)>(source: T_5, cb: T_5 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        routes: {
-            (arrayLength: number): import("./VvBreadcrumb").Route[];
-            (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-            new (arrayLength: number): import("./VvBreadcrumb").Route[];
-            new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        multiline: BooleanConstructor;
-        modifiers: (StringConstructor | ArrayConstructor)[];
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     routes: {
-        (arrayLength: number): import("./VvBreadcrumb").Route[];
-        (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
-        new (arrayLength: number): import("./VvBreadcrumb").Route[];
-        new (...items: import("./VvBreadcrumb").Route[]): import("./VvBreadcrumb").Route[];
+        (arrayLength: number): import("@/components/VvBreadcrumb").Route[];
+        (...items: import("@/components/VvBreadcrumb").Route[]): import("@/components/VvBreadcrumb").Route[];
+        new (arrayLength: number): import("@/components/VvBreadcrumb").Route[];
+        new (...items: import("@/components/VvBreadcrumb").Route[]): import("@/components/VvBreadcrumb").Route[];
         isArray(arg: any): arg is any[];
         readonly prototype: any[];
         from<T>(arrayLike: ArrayLike<T>): T[];
@@ -110,9 +13,32 @@ declare const _default: {
         of<T_4>(...items: T_4[]): T_4[];
         readonly [Symbol.species]: ArrayConstructor;
     };
-    multiline: BooleanConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    multiline: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    modifiers: import("vue").PropType<string | string[]>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    routes: {
+        (arrayLength: number): import("@/components/VvBreadcrumb").Route[];
+        (...items: import("@/components/VvBreadcrumb").Route[]): import("@/components/VvBreadcrumb").Route[];
+        new (arrayLength: number): import("@/components/VvBreadcrumb").Route[];
+        new (...items: import("@/components/VvBreadcrumb").Route[]): import("@/components/VvBreadcrumb").Route[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+}>>, {}>, {
+    label: (_: {
+        route: import("@/components/VvBreadcrumb").Route;
+        index: number;
+    }) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvBreadcrumb/{VvBreadcrumb.d.ts → index.d.ts}

@@ -1,7 +1,7 @@
 export interface Route {
     label: string;
     to?: string | {
-        [key: string]: any;
+        [key: string]: unknown;
     };
     title?: string;
     href?: string;
@@ -21,6 +21,5 @@ export declare const VvBreadcrumbProps: {
         of<T_4>(...items: T_4[]): T_4[];
         readonly [Symbol.species]: ArrayConstructor;
     };
-    multiline: BooleanConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
 };

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

@@ -0,0 +1,439 @@
+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 = {
+  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]
+  }
+}, le = {
+  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;
+    });
+    function s(n) {
+      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(n, "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
+      });
+    }
+    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({
+      key: 0,
+      class: g(l)
+    }, {
+      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);
+  }
+}), ie = {
+  disabled: Boolean
+}, ae = {
+  modifiers: [String, Array]
+}, ue = {
+  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,
+  icon: {
+    type: [String, Object],
+    default: ""
+  },
+  iconPosition: {
+    type: String,
+    default: "left",
+    validator: (e) => e in k
+  },
+  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: (e) => e in H
+  },
+  active: Boolean,
+  pressed: Boolean,
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  },
+  type: {
+    type: String,
+    default: "button",
+    validator: (e) => e in x
+  },
+  toggle: {
+    type: Boolean,
+    default: !1
+  },
+  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(
+    "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];
+  });
+  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
+  };
+}
+const pe = {
+  key: 1,
+  class: "vv-button__label"
+}, me = {
+  key: 1,
+  class: "vv-button__label"
+}, ye = {
+  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(() => {
+      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;
+        default:
+          return m.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
+        )
+      ),
+      column: d(
+        () => [k.top, k.bottom].includes(
+          v.value
+        )
+      ),
+      iconOnly: d(
+        () => (s == null ? void 0 : s.value) && !(a != null && a.value) && !o.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
+      };
+      switch (S.value) {
+        case m.a:
+          return {
+            ...f,
+            role: "button",
+            href: r.href,
+            target: r.target,
+            rel: r.rel
+          };
+        case m.routerLink:
+        case m.nuxtLink:
+          return {
+            ...f,
+            role: "button",
+            to: r.to,
+            target: r.target
+          };
+        default:
+          return {
+            ...f,
+            type: r.type,
+            disabled: i.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
+            ));
+            return;
+          }
+          n.value.push(l);
+          return;
+        }
+        if (j(l, n.value) && y.value) {
+          n.value = void 0;
+          return;
+        }
+        n.value = l;
+      }
+    };
+    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, {
+              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({
+              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)
+              ])
+            ])) : $("", !0),
+            _(f.$slots, "after")
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  Ae as default
+};

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

@@ -0,0 +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))}})});