@volverjs/ui-vue 0.0.1-beta.11

package/dist/index.es.js

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