@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/index.es.js

@@ -0,0 +1,1120 @@
+import { computed as b, unref as m, defineComponent as w, ref as M, toRefs as P, inject as ne, openBlock as y, createBlock as j, mergeProps as E, createCommentVNode as B, toRef as pe, useAttrs as Q, resolveDynamicComponent as re, withCtx as x, renderSlot as k, createElementBlock as V, toDisplayString as O, Fragment as U, createTextVNode as N, normalizeClass as F, isRef as me, provide as ge, createElementVNode as A, renderList as T, watch as ye, h as be, useSlots as he, createVNode as se, Transition as _e, toHandlers as Ve, withDirectives as ke, withModifiers as Ce, vShow as Se } from "vue";
+import { v4 as ee } from "uuid";
+import { iconExists as X, Icon as $e, addIcon as Ae } from "@iconify/vue";
+import { useVModel as Z, useFocus as Be, toReactive as Oe, onClickOutside as we } from "@vueuse/core";
+var L = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(L || {}), q = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(q || {}), ae = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(ae || {});
+const Pe = {
+  icon: String,
+  iconPosition: {
+    type: String,
+    default: "left",
+    validator: (e) => e in L
+  },
+  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 ae
+  },
+  block: Boolean,
+  active: Boolean,
+  rounded: Boolean,
+  disabled: Boolean,
+  fullBleed: Boolean,
+  action: Boolean,
+  actionQuiet: Boolean,
+  selected: Boolean,
+  modifiers: [Array, String]
+}, h = {
+  equals(e, o, t) {
+    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(o, t) : this.deepEquals(e, o);
+  },
+  deepEquals(e, o) {
+    if (e === o)
+      return !0;
+    if (e && o && typeof e == "object" && typeof o == "object") {
+      const t = Array.isArray(e), r = Array.isArray(o);
+      let n, l, a;
+      if (t && r) {
+        if (l = e.length, l != o.length)
+          return !1;
+        for (n = l; n-- !== 0; )
+          if (!this.deepEquals(e[n], o[n]))
+            return !1;
+        return !0;
+      }
+      if (t != r)
+        return !1;
+      const c = e instanceof Date, i = o instanceof Date;
+      if (c != i)
+        return !1;
+      if (c && i)
+        return e.getTime() == o.getTime();
+      const v = e instanceof RegExp, u = o instanceof RegExp;
+      if (v != u)
+        return !1;
+      if (v && u)
+        return e.toString() == o.toString();
+      const s = Object.keys(e);
+      if (l = s.length, l !== Object.keys(o).length)
+        return !1;
+      for (n = l; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(o, s[n]))
+          return !1;
+      for (n = l; n-- !== 0; )
+        if (a = s[n], !this.deepEquals(e[a], o[a]))
+          return !1;
+      return !0;
+    }
+    return e !== e && o !== o;
+  },
+  resolveFieldData(e, o) {
+    if (e && Object.keys(e).length && o) {
+      if (o.indexOf(".") === -1)
+        return e[o];
+      {
+        const t = o.split(".");
+        let r = e;
+        for (let n = 0, l = t.length; n < l; ++n) {
+          if (e == null)
+            return null;
+          r = r[t[n]];
+        }
+        return r;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, o) {
+    let t = -1;
+    if (o) {
+      for (let r = 0; r < o.length; r++)
+        if (this.equals(o[r], e)) {
+          t = r;
+          break;
+        }
+    }
+    return t;
+  },
+  contains(e, o) {
+    if (e != null && o && o.length) {
+      for (const t of o)
+        if (this.equals(e, t))
+          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, o) {
+    return Object.fromEntries(
+      Object.entries(e).filter(([t]) => o(t))
+    );
+  },
+  removeFromList(e, o) {
+    const t = this.findIndexInList(e, o);
+    return t > -1 ? o.filter((r, n) => n !== t) : o;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((o, t) => {
+      var r, n, l, a, c;
+      return this.isFunction(e[t]) ? o[t] = e[t]() : Array.isArray(e[t]) ? o[t] = e[t][0]() : (r = e[t]) != null && r.type && (Array.isArray(e[t].type) ? o[t] = ((n = e[t]) == null ? void 0 : n.default) || ((l = e[t]) == null ? void 0 : l.type[0]()) : o[t] = ((a = e[t]) == null ? void 0 : a.default) || ((c = e[t]) == null ? void 0 : c.type())), o;
+    }, {});
+  },
+  filterArray(e, o, t) {
+    return e.filter((r) => o.some((n) => typeof n == "string" ? r[t] == n : this.equals(
+      r[t],
+      n[t]
+    )));
+  },
+  kebabCase(e) {
+    var o, t;
+    if (e)
+      return (t = (o = 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 : o.join("-")) == null ? void 0 : t.toLowerCase();
+  }
+}, Ge = "ds", Ee = {
+  color: String,
+  width: {
+    type: [String, Number]
+  },
+  height: {
+    type: [String, Number]
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  provider: {
+    type: String
+  },
+  prefix: {
+    type: String,
+    default: "normal"
+  },
+  src: String,
+  horizontalFlip: Boolean,
+  verticalFlip: Boolean,
+  flip: String,
+  mode: String,
+  inline: Boolean,
+  rotate: [Number, String],
+  onLoad: Function,
+  svg: String,
+  modifiers: {
+    type: [String, Array]
+  }
+};
+function G(e, o) {
+  const t = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: b(() => Object.keys(o).reduce((n, l) => {
+      const a = m(o[l]) || !1;
+      if (!a)
+        return n;
+      if (l === "modifiers") {
+        const c = Array.isArray(a) ? a : [a];
+        return {
+          ...n,
+          ...c.reduce(
+            (i, v) => ({
+              ...i,
+              [`${e}--${h.kebabCase(
+                v
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${h.kebabCase(l)}`]: a
+        };
+    }, t) || {})
+  };
+}
+const Y = /* @__PURE__ */ w({
+  __name: "VvIcon",
+  props: Ee,
+  setup(e) {
+    const o = e, t = M(!0), { modifiers: r } = P(o), n = ne(Ge), { bemCssClasses: l } = G("vv-icon", {
+      modifiers: r
+    }), a = b(() => o.provider || (n == null ? void 0 : n.provider)), c = b(() => {
+      const u = o.name || "", s = `@${a.value}:${o.prefix}:${o.name}`;
+      return X(u) ? u : X(s) ? s : (n == null ? void 0 : n.iconsCollections.find((f) => {
+        const d = `@${a.value}:${f.prefix}:${u}`;
+        if (X(d))
+          return d;
+      })) || u;
+    });
+    function i(u) {
+      let s = null;
+      if (typeof window > "u") {
+        const { JSDOM: p } = require("jsdom");
+        s = new p().window;
+      }
+      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
+    }
+    function v(u) {
+      const s = i(u), f = (s == null ? void 0 : s.innerHTML.trim()) || "";
+      s && f && Ae(`@${a.value}:${o.prefix}:${o.name}`, {
+        body: f,
+        height: s.viewBox.baseVal.height,
+        width: s.viewBox.baseVal.width
+      });
+    }
+    return n && (o.src ? (t.value = !1, n.fetchIcon(o.src).then((u) => {
+      u && (v(u), t.value = !0);
+    }).catch((u) => {
+      throw new Error(`During fetch icon: ${u == null ? void 0 : u.message}`);
+    })) : o.svg && v(o.svg)), (u, s) => t.value ? (y(), j(m($e), E({
+      key: 0,
+      class: m(l)
+    }, {
+      ...u.$props,
+      provider: m(a),
+      icon: m(c)
+    }), null, 16, ["class"])) : B("", !0);
+  }
+});
+function te(e) {
+  const o = ne(e, void 0), t = b(() => h.isNotEmpty(o));
+  function r(n, l, a) {
+    if (o != null && o.value) {
+      const c = m(o.value)[n];
+      return b({
+        get() {
+          return c == null ? void 0 : c.value;
+        },
+        set(i) {
+          c.value = i;
+        }
+      });
+    } else {
+      const c = pe(l, n);
+      return b({
+        get() {
+          return c.value;
+        },
+        set(i) {
+          a && a(`update:${n}`, i);
+        }
+      });
+    }
+  }
+  return {
+    group: o,
+    isInGroup: t,
+    getGroupOrLocalRef: r
+  };
+}
+const le = Symbol("VV_BUTTON_GROUP"), ie = Symbol("VV_CHECK_GROUP"), ue = Symbol("VV_ACCORDION_GROUP");
+function Re(e) {
+  const { group: o, isInGroup: t, getGroupOrLocalRef: r } = te(le), { modifiers: n, fullBleed: l, iconPosition: a, icon: c, label: i, block: v, selected: u } = P(e), s = r("modelValue", e), f = r("disabled", e), d = r("toggle", e), g = r("rounded", e), p = r("action", e), _ = r("actionQuiet", e);
+  return {
+    modelValue: s,
+    disabled: f,
+    toggle: d,
+    isInGroup: t,
+    group: o,
+    modifiers: n,
+    action: p,
+    actionQuiet: _,
+    selected: u,
+    block: v,
+    rounded: g,
+    fullBleed: l,
+    iconPosition: a,
+    icon: c,
+    label: i
+  };
+}
+const De = {
+  key: 1,
+  class: "vv-button__label"
+}, Ie = {
+  key: 1,
+  class: "vv-button__label"
+}, Pt = /* @__PURE__ */ w({
+  __name: "VvButton",
+  props: Pe,
+  setup(e) {
+    const o = e, t = Q(), r = (t == null ? void 0 : t.name) || ee(), {
+      modifiers: n,
+      action: l,
+      actionQuiet: a,
+      block: c,
+      rounded: i,
+      fullBleed: v,
+      iconPosition: u,
+      icon: s,
+      label: f,
+      modelValue: d,
+      disabled: g,
+      toggle: p,
+      isInGroup: _
+    } = Re(o), S = b(() => {
+      switch (!0) {
+        case g.value:
+          return q.button;
+        case o.to !== void 0:
+          return q.routerLink;
+        case o.href !== void 0:
+          return q.a;
+        default:
+          return q.button;
+      }
+    }), D = b(() => p.value ? Array.isArray(d.value) ? h.contains(r, d.value) : h.equals(r, d.value) : o.active), I = b(() => p.value ? Array.isArray(d.value) ? h.contains(r, d.value) : h.equals(r, d.value) : o.selected), { bemCssClasses: W } = G("vv-button", {
+      modifiers: n,
+      active: D,
+      action: l,
+      actionQuiet: a,
+      selected: I,
+      block: c,
+      rounded: i,
+      fullBleed: v,
+      disabled: g,
+      reverse: b(
+        () => [L.right, L.bottom].includes(
+          u.value
+        )
+      ),
+      column: b(
+        () => [L.top, L.bottom].includes(
+          u.value
+        )
+      ),
+      iconOnly: b(() => (s == null ? void 0 : s.value) && !(f != null && f.value))
+    }), J = b(() => ({
+      ...$.value,
+      "aria-label": o.label || t["aria-label"],
+      "aria-disabled": g.value,
+      role: "button",
+      class: W.value,
+      to: o.to
+    })), $ = b(() => {
+      const C = S.value === q.a;
+      let H = {};
+      return C && (H = g.value ? {
+        href: "javascript:;"
+      } : {
+        target: o.target,
+        href: o.href
+      }), H;
+    });
+    function R() {
+      _.value && (d.value = r);
+    }
+    return (C, H) => (y(), j(re(m(S)), E(m(J), { onClickPassive: R }), {
+      default: x(() => [
+        k(C.$slots, "default", {}, () => [
+          C.loading ? k(C.$slots, "loading", { key: 0 }, () => [
+            C.loadingIcon ? (y(), j(Y, {
+              key: 0,
+              class: "vv-button__loading-icon",
+              name: C.loadingIcon
+            }, null, 8, ["name"])) : B("", !0),
+            C.loadingLabel ? (y(), V("span", De, O(C.loadingLabel), 1)) : B("", !0)
+          ]) : (y(), V(U, { key: 1 }, [
+            k(C.$slots, "before"),
+            m(s) ? (y(), j(Y, {
+              key: 0,
+              class: "vv-button__icon",
+              name: m(s)
+            }, null, 8, ["name"])) : B("", !0),
+            m(f) ? (y(), V("span", Ie, [
+              k(C.$slots, "label", {}, () => [
+                N(O(m(f)), 1)
+              ])
+            ])) : B("", !0),
+            k(C.$slots, "after")
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), je = {
+  value: [String, Number],
+  color: String
+}, Gt = /* @__PURE__ */ w({
+  __name: "VvBadge",
+  props: je,
+  setup(e) {
+    const o = e, t = b(() => o.color ? `vv-badge--${o.color}` : "");
+    return (r, n) => (y(), V("span", {
+      class: F(["vv-badge", m(t)]),
+      role: "status"
+    }, O(r.value), 3));
+  }
+}), Ne = {
+  disabled: { type: Boolean, default: !1 },
+  vertical: { type: Boolean, default: !1 },
+  compact: { type: Boolean, default: !1 },
+  toggle: { type: Boolean, default: !1 },
+  block: { type: Boolean, default: !1 },
+  rounded: { type: Boolean, default: !1 },
+  action: Boolean,
+  actionQuiet: Boolean,
+  modelValue: { type: String, default: void 0 }
+}, Fe = ["update:modelValue"];
+function oe(e) {
+  if (Object.keys(e).some(
+    (o) => o !== "key" && !me(e[o])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  ge(
+    e.key,
+    b(() => e)
+  );
+}
+const Et = /* @__PURE__ */ w({
+  __name: "VvButtonGroup",
+  props: Ne,
+  emits: Fe,
+  setup(e, { emit: o }) {
+    const t = e, r = Z(t, "modelValue", o), {
+      disabled: n,
+      vertical: l,
+      compact: a,
+      block: c,
+      rounded: i,
+      toggle: v,
+      action: u,
+      actionQuiet: s
+    } = P(t), { bemCssClasses: f } = G("vv-button-group", {
+      vertical: l,
+      compact: a,
+      block: c
+    });
+    return oe({
+      key: le,
+      modelValue: r,
+      disabled: n,
+      toggle: v,
+      rounded: i,
+      action: u,
+      actionQuiet: s
+    }), (g, p) => (y(), V("div", {
+      class: F(m(f)),
+      role: "group"
+    }, [
+      k(g.$slots, "default")
+    ], 2));
+  }
+}), qe = {
+  title: String,
+  content: String,
+  open: Boolean,
+  iconRight: Boolean,
+  bordered: Boolean,
+  modifiers: [String, Array],
+  disabled: Boolean
+}, Le = ["update:open"];
+function He(e, o) {
+  const { group: t, isInGroup: r, getGroupOrLocalRef: n } = te(ue), { modifiers: l } = P(e), a = n("modelValue", e, o), c = n("bordered", e), i = n("disabled", e), v = n("iconRight", e), u = n("accordion", e);
+  return {
+    modelValue: a,
+    disabled: i,
+    bordered: c,
+    iconRight: v,
+    isInGroup: r,
+    group: t,
+    accordion: u,
+    modifiers: l
+  };
+}
+const Me = ["open"], Ue = ["aria-controls", "aria-expanded"], ze = ["aria-hidden"], Ke = /* @__PURE__ */ w({
+  __name: "VvAccordion",
+  props: qe,
+  emits: Le,
+  setup(e, { emit: o }) {
+    const t = e, r = Q(), n = (r == null ? void 0 : r.name) || ee(), {
+      modelValue: l,
+      modifiers: a,
+      bordered: c,
+      disabled: i = M(!1),
+      iconRight: v,
+      isInGroup: u,
+      accordion: s
+    } = He(t, o), f = b(() => u.value ? s.value ? h.equals(n, l.value) : h.contains(n, l.value) : t.open), { bemCssClasses: d } = G("vv-accordion", {
+      modifiers: a,
+      disabled: i,
+      markerRight: b(() => v.value),
+      bordered: c
+    }), g = (_) => {
+      const S = _.target;
+      o("update:open", S.open);
+    }, p = (_) => {
+      u.value && (s.value ? l.value = f.value ? null : n : l.value = f.value ? h.removeFromList(
+        n,
+        l.value
+      ) : [...l.value, n], _.preventDefault());
+    };
+    return (_, S) => (y(), V("details", {
+      class: F(m(d)),
+      open: m(f),
+      onToggle: g,
+      onClick: p
+    }, [
+      A("summary", {
+        "aria-controls": `#${m(n)}`,
+        "aria-expanded": m(f),
+        class: "vv-collapse__summary"
+      }, [
+        k(_.$slots, "header", {}, () => [
+          N(O(_.title), 1)
+        ])
+      ], 8, Ue),
+      A("div", {
+        "aria-hidden": !m(f),
+        class: "vv-collapse__content"
+      }, [
+        k(_.$slots, "details", {}, () => [
+          N(O(_.content), 1)
+        ])
+      ], 8, ze)
+    ], 42, Me));
+  }
+}), Qe = {
+  modelValue: [String, Array],
+  iconRight: Boolean,
+  bordered: Boolean,
+  items: { type: Array, default: () => [] },
+  accordion: Boolean,
+  modifiers: [String, Array],
+  disabled: Boolean
+}, Te = ["update:open"], Rt = /* @__PURE__ */ w({
+  __name: "VvAccordionGroup",
+  props: Qe,
+  emits: Te,
+  setup(e, { emit: o }) {
+    const t = e, r = Z(t, "modelValue", o), { disabled: n, bordered: l, iconRight: a, accordion: c, modifiers: i, items: v } = P(t);
+    oe({
+      key: ue,
+      modelValue: r,
+      disabled: n,
+      bordered: l,
+      iconRight: a,
+      accordion: c
+    });
+    const { bemCssClasses: s } = G("vv-accordion-group", {
+      modifiers: i,
+      disabled: n
+    });
+    return (f, d) => {
+      var g;
+      return y(), V("div", {
+        class: F(m(s))
+      }, [
+        ((g = t.items) == null ? void 0 : g.length) > 0 ? (y(!0), V(U, { key: 0 }, T(m(v), (p) => (y(), j(Ke, E({
+          key: p.title
+        }, {
+          name: p.name,
+          title: p.title,
+          content: p.content,
+          ...t
+        }), null, 16))), 128)) : k(f.$slots, "default", { key: 1 })
+      ], 2);
+    };
+  }
+}), ce = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, de = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, Ze = {
+  disabled: Boolean
+}, fe = {
+  modifiers: [String, Array]
+}, We = {
+  hintLabel: { type: String, default: "" }
+}, Je = {
+  options: { type: Array, default: () => [] },
+  optionLabel: { type: [String, Function], default: () => "label" },
+  optionValue: { type: [String, Function], default: () => "value" }
+}, Xe = {
+  ...fe,
+  routes: Array,
+  multiline: Boolean
+}, Ye = { class: "vv-breadcrumb__list" }, xe = ["content"], Dt = /* @__PURE__ */ w({
+  __name: "VvBreadcrumb",
+  props: Xe,
+  setup(e) {
+    const o = e, { modifiers: t, multiline: r } = P(o), { bemCssClasses: n } = G("vv-breadcrumb", {
+      modifiers: t,
+      multiline: r
+    });
+    return (l, a) => (y(), V("nav", {
+      class: F(m(n)),
+      "aria-label": "breadcrumbs"
+    }, [
+      A("ol", Ye, [
+        (y(!0), V(U, null, T(l.routes, (c, i) => {
+          var v, u, s, f;
+          return y(), V("li", {
+            key: `${c.label}-${i}`,
+            class: F({
+              "vv-breadcrumb__item": i < Number((v = l.routes) == null ? void 0 : v.length) - 1,
+              "vv-breadcrumb__item-active": i === Number((u = l.routes) == null ? void 0 : u.length) - 1
+            }),
+            itemprop: "itemListElement",
+            itemtype: "https://schema.org/ListItem",
+            itemscope: ""
+          }, [
+            (y(), j(re(c.to ? "router-link" : c.href ? "a" : "span"), E(c, {
+              class: {
+                "vv-breadcrumb__link": i < Number((s = l.routes) == null ? void 0 : s.length) - 1
+              },
+              "aria-current": i === Number((f = l.routes) == null ? void 0 : f.length) - 1 ? "page" : void 0,
+              itemprop: "item"
+            }), {
+              default: x(() => [
+                N(O(c.label) + " ", 1)
+              ]),
+              _: 2
+            }, 1040, ["class", "aria-current"])),
+            A("meta", {
+              itemprop: "position",
+              content: `${i + 1}`
+            }, null, 8, xe)
+          ], 2);
+        }), 128))
+      ])
+    ], 2));
+  }
+}), et = {
+  title: String,
+  modifiers: [String, Array]
+}, tt = {
+  key: 0,
+  class: "vv-card__header"
+}, ot = {
+  key: 1,
+  class: "vv-card__content"
+}, nt = {
+  key: 2,
+  class: "vv-card__footer"
+}, It = /* @__PURE__ */ w({
+  __name: "VvCard",
+  props: et,
+  setup(e) {
+    const o = e, t = Q(), { modifiers: r } = P(o), { bemCssClasses: n } = G("vv-card", {
+      modifiers: r
+    }), l = b(() => t);
+    return (a, c) => (y(), V("article", E({ class: m(n) }, m(l)), [
+      a.$slots.header || a.title ? (y(), V("header", tt, [
+        k(a.$slots, "header", {}, () => [
+          N(O(a.title), 1)
+        ])
+      ])) : B("", !0),
+      k(a.$slots, "default"),
+      a.$slots.content ? (y(), V("div", ot, [
+        k(a.$slots, "content")
+      ])) : B("", !0),
+      a.$slots.footer ? (y(), V("footer", nt, [
+        k(a.$slots, "footer")
+      ])) : B("", !0)
+    ], 16));
+  }
+}), rt = {
+  ...ce,
+  ...de,
+  value: null,
+  modelValue: null,
+  binary: Boolean,
+  trueValue: { type: null, default: !0 },
+  falseValue: { type: null, default: !1 },
+  switch: Boolean,
+  label: String,
+  disabled: Boolean,
+  readonly: Boolean
+}, st = [
+  "click",
+  "update:modelValue",
+  "change",
+  "focus",
+  "blur"
+];
+function at(e, o) {
+  const { group: t, isInGroup: r, getGroupOrLocalRef: n } = te(ie), { valid: l, error: a, switch: c } = P(e), i = n("modelValue", e, o), v = n("readonly", e), u = n("disabled", e);
+  return {
+    group: t,
+    isInGroup: r,
+    valid: l,
+    error: a,
+    propsSwitch: c,
+    modelValue: i,
+    readonly: v,
+    disabled: u
+  };
+}
+function lt(e, o) {
+  const { focused: t } = Be(e);
+  return ye(t, (r) => {
+    o(r ? "focus" : "blur", e.value);
+  }), {
+    focused: t
+  };
+}
+const it = {
+  inheritAttrs: !1
+}, ut = /* @__PURE__ */ w({
+  ...it,
+  __name: "VvCheck",
+  props: rt,
+  emits: st,
+  setup(e, { emit: o }) {
+    const t = e, r = Q(), { disabled: n, readonly: l, valid: a, error: c, propsSwitch: i, modelValue: v } = at(t, o), u = M(), { focused: s } = lt(u, o), f = b(() => t.binary ? h.equals(v.value, t.trueValue) : Array.isArray(v.value) ? h.contains(t.value, v.value) : h.equals(t.value, v.value)), { bemCssClasses: d } = G("vv-input-checkbox", {
+      switch: i,
+      valid: a,
+      invalid: c
+    }), { bemCssClasses: g } = G(
+      "vv-input-check__input",
+      {
+        checked: f,
+        disabled: n,
+        readonly: l
+      }
+    ), p = b(() => ({
+      [r.class]: !0,
+      ...d.value
+    })), _ = b(() => ({
+      ...g.value,
+      "focus-visible": s.value
+    })), S = b(() => {
+      const { id: $, name: R, style: C } = r, H = h.pickBy(
+        r,
+        (ve) => ve.startsWith("data-")
+      );
+      return {
+        for: $ || R,
+        style: C,
+        ...H
+      };
+    }), D = b(() => {
+      const { id: $ = "", name: R = "" } = r;
+      return {
+        type: "checkbox",
+        id: $ || R,
+        name: R,
+        value: t.value,
+        disabled: n.value,
+        readonly: l.value,
+        checked: f.value,
+        ...I.value
+      };
+    }), I = b(() => {
+      const { name: $ } = r, R = h.pickBy(
+        r,
+        (C) => C.startsWith("aria-")
+      );
+      return {
+        "aria-label": $,
+        "aria-checked": f.value,
+        ...R
+      };
+    });
+    function W() {
+      if (t.binary) {
+        v.value = f.value ? t.falseValue : t.trueValue;
+        return;
+      }
+      if (v.value === null) {
+        v.value = [t.value];
+        return;
+      }
+      if (Array.isArray(v.value)) {
+        v.value = f.value ? h.removeFromList(t.value, v.value) : [...v.value, t.value];
+        return;
+      }
+    }
+    function J($) {
+      n.value || (o("click", $), o("change", f.value ? t.value : null), s.value = !0);
+    }
+    return ($, R) => (y(), V("label", E({ class: m(p) }, m(S), { onClick: J }), [
+      A("input", E({
+        ref_key: "input",
+        ref: u,
+        class: m(_)
+      }, m(D), { onInput: W }), null, 16),
+      k($.$slots, "default", { value: m(v) }, () => [
+        N(O($.label), 1)
+      ])
+    ], 16));
+  }
+}), ct = {
+  ...ce,
+  ...de,
+  ...We,
+  ...Je,
+  modelValue: { type: Array },
+  label: { type: String, default: "" },
+  name: { type: String, default: "", required: !0 },
+  disabled: { type: Boolean, default: !1 },
+  readonly: { type: Boolean, default: !1 },
+  vertical: { type: Boolean, default: !1 }
+}, dt = ["update:modelValue", "change"];
+function ft(e) {
+  const { options: o, optionLabel: t, optionValue: r } = P(e);
+  return {
+    options: o,
+    getOptionLabel: (a) => typeof a != "object" && a !== null ? a : typeof t.value == "function" ? t.value(a) : a[t.value],
+    getOptionValue: (a) => typeof a != "object" && a !== null ? a : typeof r.value == "function" ? r.value(a) : a[r.value]
+  };
+}
+function z(e) {
+  return Array.isArray(e) ? e.filter((o) => h.isString(o)).reduce((o, t) => o.length > 0 ? o + `
+` + t : t, "") : e;
+}
+function vt(e, o) {
+  return {
+    name: "HintSlot",
+    props: {
+      params: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    setup(t) {
+      const r = P(e), {
+        error: n,
+        valid: l,
+        hint: a,
+        loading: c
+      } = o, {
+        hintLabel: i,
+        modelValue: v,
+        valid: u,
+        validLabel: s,
+        error: f,
+        errorLabel: d
+      } = r, g = h.resolveFieldData(r, "loading"), p = h.resolveFieldData(
+        r,
+        "loadingLabel"
+      ), _ = b(() => f.value ? !!(f.value && n || (d == null ? void 0 : d.value) && Array.isArray(d.value) && d.value.length > 0 || (d == null ? void 0 : d.value) && h.isNotEmpty(d.value)) : !1), S = b(() => !!(i && i.value || a || l || s && s.value || _.value || (g == null ? void 0 : g.value) && c || (g == null ? void 0 : g.value) && (p == null ? void 0 : p.value))), D = b(() => {
+        const I = Oe({
+          hintLabel: i,
+          modelValue: v,
+          valid: u,
+          validLabel: s,
+          error: f,
+          errorLabel: d,
+          loading: g,
+          loadingLabel: p,
+          ...t.params
+        });
+        return f != null && f.value ? (n == null ? void 0 : n(I)) || z(d == null ? void 0 : d.value) || (i == null ? void 0 : i.value) : u != null && u.value ? (l == null ? void 0 : l(I)) || z(s == null ? void 0 : s.value) || (i == null ? void 0 : i.value) : g != null && g.value ? (c == null ? void 0 : c(I)) || z(p == null ? void 0 : p.value) || (i == null ? void 0 : i.value) : (a == null ? void 0 : a(I)) || z(i == null ? void 0 : i.value) || (i == null ? void 0 : i.value);
+      });
+      return {
+        hasHint: S,
+        hintContent: D
+      };
+    },
+    render() {
+      if (this.hasHint)
+        return be(
+          "pre",
+          { style: { "white-space": "pre" } },
+          this.hintContent
+        );
+    }
+  };
+}
+const pt = ["textContent"], mt = { class: "vv-input-checkbox-group__wrapper" }, jt = /* @__PURE__ */ w({
+  __name: "VvCheckGroup",
+  props: ct,
+  emits: dt,
+  setup(e, { emit: o }) {
+    const t = e, r = he(), n = Z(t, "modelValue", o), { disabled: l, readonly: a, error: c, valid: i } = P(t);
+    oe({
+      key: ie,
+      modelValue: n,
+      disabled: l,
+      readonly: a
+    });
+    const { getOptionLabel: u, getOptionValue: s } = ft(t), { bemCssClasses: f } = G(
+      "vv-input-checkbox-group",
+      {
+        horizontal: b(() => !t.vertical),
+        valid: i,
+        invalid: c
+      }
+    ), d = (p, _) => ({
+      id: `${t.name}_opt${_}`,
+      name: t.name,
+      label: u(p),
+      value: s(p)
+    }), g = vt(t, r);
+    return (p, _) => (y(), V("fieldset", {
+      class: F(m(f))
+    }, [
+      p.label ? (y(), V("legend", {
+        key: 0,
+        textContent: O(p.label)
+      }, null, 8, pt)) : B("", !0),
+      A("div", mt, [
+        p.options.length > 0 ? (y(!0), V(U, { key: 0 }, T(p.options, (S, D) => (y(), j(ut, E({ key: D }, d(S, D)), null, 16))), 128)) : k(p.$slots, "default", { key: 1 })
+      ]),
+      se(m(g), { class: "vv-input-checkbox-group__hint" })
+    ], 2));
+  }
+}), K = {
+  normal: "",
+  small: "small",
+  fullscreen: "fullscreen"
+}, gt = ["open", "close", "update:open"], yt = {
+  id: { type: String, required: !0 },
+  title: String,
+  open: Boolean,
+  transition: { type: String, default: "fade-block" },
+  size: {
+    type: String,
+    default: K.normal,
+    validator: (e) => Object.values(K).includes(e)
+  },
+  autoClose: { type: Boolean, default: !0 }
+}, bt = {
+  key: 0,
+  class: "vv-dialog__header"
+}, ht = ["onClick"], _t = { class: "vv-dialog__content" }, Vt = {
+  key: 1,
+  class: "vv-dialog__footer"
+}, Nt = /* @__PURE__ */ w({
+  __name: "VvDialog",
+  props: yt,
+  emits: gt,
+  setup(e, { emit: o }) {
+    const t = e, r = Z(t, "open", o), n = M(!0), l = M(null), a = b(() => {
+      const { id: s } = t;
+      return {
+        id: s,
+        open: n.value
+      };
+    }), c = b(() => ({
+      "vv-dialog": !0,
+      "vv-dialog--small": t.size === K.small,
+      "vv-dialog--fullscreen": t.size === K.fullscreen
+    })), i = b(() => `vv-dialog--${t.transition}`), v = {
+      "after-enter": () => {
+        n.value = !0, o("open");
+      },
+      "after-leave": () => {
+        n.value = !1, o("close");
+      }
+    };
+    we(l, () => {
+      t.autoClose && (r.value = !1);
+    });
+    function u() {
+      r.value = !1;
+    }
+    return (s, f) => (y(), j(_e, E({ name: m(i) }, Ve(v)), {
+      default: x(() => [
+        ke(A("dialog", E(m(a), { class: m(c) }), [
+          A("article", {
+            ref_key: "modalWrapper",
+            ref: l,
+            class: "vv-dialog__wrapper"
+          }, [
+            s.$slots.header || s.title ? (y(), V("header", bt, [
+              k(s.$slots, "header", {}, () => [
+                N(O(s.title) + " ", 1),
+                A("button", {
+                  type: "button",
+                  "aria-label": "Close",
+                  class: "vv-dialog__close",
+                  onClick: Ce(u, ["prevent"])
+                }, [
+                  se(Y, { name: "close" })
+                ], 8, ht)
+              ])
+            ])) : B("", !0),
+            A("div", _t, [
+              k(s.$slots, "default")
+            ]),
+            s.$slots.footer ? (y(), V("footer", Vt, [
+              k(s.$slots, "footer")
+            ])) : B("", !0)
+          ], 512)
+        ], 16), [
+          [Se, m(r)]
+        ])
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+}), kt = {
+  ...Ze,
+  ...fe,
+  modelValue: [String, Array, Object],
+  labelNoResult: { type: String, default: "No results" },
+  options: {
+    type: Array,
+    required: !0
+  },
+  useObject: Boolean,
+  multiple: Boolean,
+  maxValues: [Number, String],
+  labelKey: { type: String, default: "label" },
+  valueKey: { type: String, default: "value" }
+}, Ct = { key: 0 }, St = ["for"], $t = ["id", "type", "value", "checked", "disabled"], Ft = /* @__PURE__ */ w({
+  __name: "VvDropdown",
+  props: kt,
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, r = ee(), { modifiers: n, disabled: l } = P(t), { bemCssClasses: a } = G("vv-dropdown", {
+      modifiers: n,
+      disabled: l
+    });
+    function c(s) {
+      return Array.isArray(t.modelValue) ? h.contains(s, t.modelValue) || h.contains(i(s), t.modelValue) : h.equals(s, t.modelValue) || h.equals(i(s), t.modelValue);
+    }
+    function i(s) {
+      return typeof s == "string" ? s : String(s[t.valueKey]);
+    }
+    function v(s) {
+      return typeof s == "string" ? s : s[t.labelKey];
+    }
+    function u(s) {
+      var p, _;
+      const f = s.target;
+      let d = f.value;
+      if (d = (t.useObject ? (p = t.options) == null ? void 0 : p.find(
+        (S) => S[t.valueKey] == d
+      ) : null) || d, t.multiple) {
+        if (typeof t.maxValues < "u" && t.maxValues >= 0 && ((_ = t.modelValue) == null ? void 0 : _.length) >= t.maxValues && (Array.isArray(t.modelValue) && !h.contains(d, t.modelValue) || t.maxValues == 0)) {
+          f.checked = !1;
+          return;
+        }
+        Array.isArray(t.modelValue) ? d = h.contains(d, t.modelValue) ? h.removeFromList(d, t.modelValue) : [...t.modelValue, d] : d = [d];
+      }
+      o("update:modelValue", d);
+    }
+    return (s, f) => {
+      var d;
+      return y(), V("ul", {
+        class: F(m(a)),
+        role: "listbox"
+      }, [
+        (d = s.options) != null && d.length ? B("", !0) : (y(), V("li", Ct, [
+          A("label", null, O(s.labelNoResult), 1)
+        ])),
+        (y(!0), V(U, null, T(s.options, (g, p) => {
+          var _;
+          return y(), V("li", { key: p }, [
+            A("label", {
+              for: `dropdown-${p}-${m(r)}`
+            }, [
+              A("input", {
+                id: `dropdown-${p}-${m(r)}`,
+                type: s.multiple ? "checkbox" : "radio",
+                value: i(g),
+                checked: c(g),
+                disabled: typeof g == "object" ? (_ = g.disabled) != null ? _ : m(l) : m(l),
+                onInput: u
+              }, null, 40, $t),
+              N(" " + O(v(g)), 1)
+            ], 8, St)
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  Ke as VvAccordion,
+  Rt as VvAccordionGroup,
+  Gt as VvBadge,
+  Dt as VvBreadcrumb,
+  Pt as VvButton,
+  Et as VvButtonGroup,
+  It as VvCard,
+  ut as VvCheck,
+  jt as VvCheckGroup,
+  Nt as VvDialog,
+  Ft as VvDropdown,
+  Y as VvIcon
+};