@volverjs/ui-vue 0.0.3 → 0.0.4

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js

@@ -1,36 +1,111 @@
-import { defineComponent as E, openBlock as B, createElementBlock as A, normalizeClass as G, unref as i, withDirectives as X, createElementVNode as R, isRef as Z, vModelCheckbox as L, renderSlot as w, createTextVNode as ee, toDisplayString as F, createVNode as H, createCommentVNode as te, Fragment as ae, renderList as oe, createBlock as re, mergeProps as ne } from "vue";
-var j = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(j || {}), $ = /* @__PURE__ */ ((e) => (e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e))($ || {}), I = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(I || {});
-const M = Symbol.for("checkGroup");
-function O(e) {
-  return Array.isArray(e) ? e.filter((p) => isString(p)).join(" ") : e;
+import { unref as d, toRefs as A, computed as c, h as se, inject as ie, toRef as ce, defineComponent as H, useSlots as K, ref as ve, watchEffect as fe, watch as de, onMounted as pe, openBlock as j, createElementBlock as x, normalizeClass as F, withDirectives as ye, createElementVNode as M, isRef as q, vModelCheckbox as be, renderSlot as z, createTextVNode as ge, toDisplayString as U, createVNode as J, provide as he, createCommentVNode as me, Fragment as ke, renderList as Se, createBlock as Oe, mergeProps as _e } from "vue";
+import { toReactive as Ve, useVModel as je } from "@vueuse/core";
+import { nanoid as Ae } from "nanoid";
+var I = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(I || {}), T = /* @__PURE__ */ ((e) => (e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e))(T || {}), R = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(R || {}), G = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(G || {}), W = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(W || {});
+const Y = Symbol.for("checkGroup");
+function Q(e, t, n) {
+  return n ? P(e, n) === P(t, n) : N(e, t);
 }
-function D(e, p) {
+function N(e, t) {
+  if (e === t)
+    return !0;
+  if (e && t && typeof e == "object" && typeof t == "object") {
+    const n = Array.isArray(e), s = Array.isArray(t);
+    let r, l, o;
+    if (n && s) {
+      if (l = e.length, l != t.length)
+        return !1;
+      for (r = l; r-- !== 0; )
+        if (!N(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (n != s)
+      return !1;
+    const y = e instanceof Date, a = t instanceof Date;
+    if (y != a)
+      return !1;
+    if (y && a)
+      return e.getTime() == t.getTime();
+    const v = e instanceof RegExp, u = t instanceof RegExp;
+    if (v != u)
+      return !1;
+    if (v && u)
+      return e.toString() == t.toString();
+    const i = Object.keys(e);
+    if (l = i.length, l !== Object.keys(t).length)
+      return !1;
+    for (r = l; r-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, i[r]))
+        return !1;
+    for (r = l; r-- !== 0; )
+      if (o = i[r], !N(e[o], t[o]))
+        return !1;
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function P(e, t) {
+  if (e && Object.keys(e).length && t) {
+    if (t.indexOf(".") === -1)
+      return e[t];
+    {
+      const n = t.split(".");
+      let s = e;
+      for (let r = 0, l = n.length; r < l; ++r) {
+        if (e == null)
+          return null;
+        s = s[n[r]];
+      }
+      return s;
+    }
+  } else
+    return null;
+}
+function Be(e, t) {
+  if (e != null && t && t.length) {
+    for (const n of t)
+      if (Q(e, n))
+        return !0;
+  }
+  return !1;
+}
+function X(e) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(d(e));
+}
+function Ce(e) {
+  return typeof e == "string" || e instanceof String;
+}
+function C(e) {
+  return Array.isArray(e) ? e.filter((t) => Ce(t)).join(" ") : e;
+}
+function Z(e, t) {
   const {
-    invalid: t,
-    valid: f,
-    hint: u,
-    loading: d
-  } = p, {
+    invalid: n,
+    valid: s,
+    hint: r,
+    loading: l
+  } = t, {
     hintLabel: o,
-    modelValue: S,
-    valid: c,
-    validLabel: s,
-    invalid: a,
-    invalidLabel: r,
-    ...y
-  } = toRefs(e), l = resolveFieldData(y, "loading"), v = resolveFieldData(y, "loadingLabel"), m = computed(() => a.value ? !!(a.value && t || r != null && r.value && Array.isArray(r.value) && r.value.length > 0 || r != null && r.value && !isEmpty(r)) : !1), n = computed(
-    () => !!(o && o.value || u)
-  ), g = computed(
-    () => !!(s && s.value || f)
-  ), _ = computed(
-    () => !!(l != null && l.value && d || l != null && l.value && (v != null && v.value))
-  ), V = computed(
-    () => n.value || g.value || m.value || _.value
+    modelValue: y,
+    valid: a,
+    validLabel: v,
+    invalid: u,
+    invalidLabel: i,
+    ...m
+  } = A(e), p = P(m, "loading"), b = P(m, "loadingLabel"), g = c(() => u.value ? !!(u.value && n || i != null && i.value && Array.isArray(i.value) && i.value.length > 0 || i != null && i.value && !X(i)) : !1), f = c(
+    () => !!(o && o.value || r)
+  ), k = c(
+    () => !!(v && v.value || s)
+  ), _ = c(
+    () => !!(p != null && p.value && l || p != null && p.value && (b != null && b.value))
+  ), O = c(
+    () => f.value || k.value || g.value || _.value
   );
   return {
-    hasInvalid: m,
-    hasHint: n,
-    hasValid: g,
+    hasInvalid: g,
+    hasHint: f,
+    hasValid: k,
     hasLoading: _,
     HintSlot: {
       name: "HintSlot",
@@ -40,31 +115,31 @@ function D(e, p) {
           default: () => ({})
         }
       },
-      setup(x) {
-        const P = computed(() => {
-          const k = toReactive({
+      setup(B) {
+        const E = c(() => {
+          const S = Ve({
             hintLabel: o,
-            modelValue: S,
-            valid: c,
-            validLabel: s,
-            invalid: a,
-            invalidLabel: r,
-            loading: l,
-            loadingLabel: v,
-            ...x.params
+            modelValue: y,
+            valid: a,
+            validLabel: v,
+            invalid: u,
+            invalidLabel: i,
+            loading: p,
+            loadingLabel: b,
+            ...B.params
           });
-          return a != null && a.value ? (t == null ? void 0 : t(k)) || O(r == null ? void 0 : r.value) || (o == null ? void 0 : o.value) : c != null && c.value ? (f == null ? void 0 : f(k)) || O(s == null ? void 0 : s.value) || (o == null ? void 0 : o.value) : l != null && l.value ? (d == null ? void 0 : d(k)) || O(v == null ? void 0 : v.value) || (o == null ? void 0 : o.value) : (u == null ? void 0 : u(k)) || O(o == null ? void 0 : o.value) || (o == null ? void 0 : o.value);
+          return u != null && u.value ? (n == null ? void 0 : n(S)) || C(i == null ? void 0 : i.value) || (o == null ? void 0 : o.value) : a != null && a.value ? (s == null ? void 0 : s(S)) || C(v == null ? void 0 : v.value) || (o == null ? void 0 : o.value) : p != null && p.value ? (l == null ? void 0 : l(S)) || C(b == null ? void 0 : b.value) || (o == null ? void 0 : o.value) : (r == null ? void 0 : r(S)) || C(o == null ? void 0 : o.value) || (o == null ? void 0 : o.value);
         });
         return {
-          isVisible: V,
-          hasInvalid: m,
-          hasValid: g,
-          hintContent: P
+          isVisible: O,
+          hasInvalid: g,
+          hasValid: k,
+          hintContent: E
         };
       },
       render() {
         if (this.isVisible)
-          return h(
+          return se(
             "small",
             {
               role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
@@ -75,30 +150,83 @@ function D(e, p) {
     }
   };
 }
-const K = {
+const xe = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (e) => Object.values(W).includes(e)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, L = {
+  /**
+   * Valid status
+   */
   valid: Boolean,
+  /**
+   * Valid label
+   */
   validLabel: [String, Array]
-}, q = {
+}, ee = {
+  /**
+   * Invalid status
+   */
   invalid: Boolean,
+  /**
+   * Invalid label
+   */
   invalidLabel: [String, Array]
-}, T = {
+}, $ = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, z = {
+}, Pe = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, Ee = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, w = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, te = {
   /**
    * The value is not editable
    */
   readonly: Boolean
-}, N = {
+}, D = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
-}, U = {
+}, ne = {
   hintLabel: { type: String, default: "" }
-}, le = {
+}, Ie = {
   /**
    * List of options, can be string[] or object[]
    */
@@ -119,38 +247,39 @@ const K = {
    */
   disabledKey: { type: [String, Function], default: "disabled" }
 };
-I.before;
-const ue = {
+R.before;
+const Re = {
   /**
    * Global attribute tabindex
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
    */
   tabindex: { type: [String, Number], default: 0 }
-}, se = {
+}, Ge = {
   /**
    * Global attribute id
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
    */
   id: [String, Number]
 };
-j.bottom;
-const ie = {
-  ...se,
+I.bottom;
+const Ne = {
+  ...Ge,
   /**
    * Input / Textarea name
    * Name of the form control. Submitted with the form as part of a name/value pair
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
    */
   name: { type: String, required: !0 }
-}, de = {
-  ...ie,
-  ...ue,
-  ...K,
-  ...q,
-  ...U,
-  ...T,
-  ...z,
-  ...N,
+}, $e = {
+  ...Ne,
+  ...Re,
+  ...L,
+  ...ee,
+  ...ne,
+  ...$,
+  ...te,
+  ...D,
+  ...w,
   /**
    * Input value
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
@@ -159,27 +288,20 @@ const ie = {
   /**
    * Input value
    */
-  modelValue: [Object, Number, Boolean, String],
-  /**
-   * <label> for input
-   */
-  label: String
-}, ce = {
-  ...K,
-  ...q,
-  ...le,
-  ...U,
-  ...T,
-  ...z,
-  ...N,
+  modelValue: [Object, Number, Boolean, String]
+}, we = {
+  ...L,
+  ...ee,
+  ...Ie,
+  ...ne,
+  ...$,
+  ...te,
+  ...D,
+  ...w,
   /**
    * Input value
    */
   modelValue: [String, Array],
-  /**
-   * Input label
-   */
-  label: String,
   /**
    * Input name
    */
@@ -188,9 +310,51 @@ const ie = {
    * If true, the group will be displayed in a vertical column
    */
   vertical: Boolean
-}, ve = {
-  ...de,
-  ...N,
+};
+({
+  ...$,
+  ...w,
+  ...Ee,
+  ...Pe,
+  ...xe,
+  /**
+   * Button type
+   */
+  type: G.button
+});
+function De(e) {
+  const t = ie(e, void 0), n = c(() => !X(t));
+  function s(r, l, o) {
+    if (t != null && t.value) {
+      const a = d(t.value)[r];
+      return c({
+        get() {
+          return a == null ? void 0 : a.value;
+        },
+        set(v) {
+          a.value = v;
+        }
+      });
+    }
+    const y = ce(l, r);
+    return c({
+      get() {
+        return y.value;
+      },
+      set(a) {
+        o && o(`update:${r}`, a);
+      }
+    });
+  }
+  return {
+    group: t,
+    isInGroup: n,
+    getGroupOrLocalRef: s
+  };
+}
+const He = {
+  ...$e,
+  ...D,
   /**
    * If true, the input will be indeterminated
    */
@@ -203,166 +367,199 @@ const ie = {
    * If true, the input will be displayed as a switch
    */
   switch: Boolean
-}, pe = ["click", "update:modelValue", "change", "blur"];
-function fe(e, p) {
-  const { group: t, isInGroup: f, getGroupOrLocalRef: u } = useInjectedGroupState(M), { id: d, switch: o, indeterminate: S } = toRefs(e), c = u("modelValue", e, p), s = u("readonly", e), a = u("disabled", e), r = u("valid", e), y = u("invalid", e);
+}, Ke = ["click", "update:modelValue", "change", "blur"];
+function Fe(e, t) {
+  const { group: n, isInGroup: s, getGroupOrLocalRef: r } = De(Y), { id: l, switch: o, indeterminate: y } = A(e), a = r("modelValue", e, t), v = r("readonly", e), u = r("disabled", e), i = r("valid", e), m = r("invalid", e);
   return {
     // local props
-    id: d,
+    id: l,
     propsSwitch: o,
-    indeterminate: S,
+    indeterminate: y,
     // global props
-    group: t,
-    isInGroup: f,
-    modelValue: c,
-    readonly: s,
-    disabled: a,
-    valid: r,
-    invalid: y
+    group: n,
+    isInGroup: s,
+    modelValue: a,
+    readonly: v,
+    disabled: u,
+    valid: i,
+    invalid: m
   };
 }
-const me = ["for"], be = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ye = {
+const Me = (e) => c(() => String((e == null ? void 0 : e.value) || Ae()));
+function re(e, t, n) {
+  return c(() => {
+    const s = {
+      [e]: !0
+    }, r = typeof (t == null ? void 0 : t.value) == "string" ? t.value.split(" ") : t == null ? void 0 : t.value;
+    return r && Array.isArray(r) && r.forEach((l) => {
+      s[`${e}--${l}`] = !0;
+    }), n && Object.keys(n.value).forEach((l) => {
+      s[`${e}--${l}`] = d(n.value[l]);
+    }), s;
+  });
+}
+const qe = ["for"], ze = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ue = {
   name: "VvCheckbox"
-}, he = /* @__PURE__ */ E({
-  ...ye,
-  props: ve,
-  emits: pe,
-  setup(e, { emit: p }) {
-    const t = e, f = useSlots(), {
-      id: u,
-      disabled: d,
+}, Je = /* @__PURE__ */ H({
+  ...Ue,
+  props: He,
+  emits: Ke,
+  setup(e, { emit: t }) {
+    const n = e, s = K(), {
+      id: r,
+      disabled: l,
       readonly: o,
-      valid: S,
-      invalid: c,
-      propsSwitch: s,
-      modelValue: a,
-      indeterminate: r,
-      isInGroup: y
-    } = fe(t, p), l = useUniqueId(u), v = computed(() => g.value ? -1 : t.tabindex), m = ref(), n = computed(
-      () => t.uncheckedValue !== void 0 && !y.value
-    ), g = computed(() => d.value || o.value), _ = computed(() => {
-      if (c.value === !0)
+      valid: y,
+      invalid: a,
+      propsSwitch: v,
+      modelValue: u,
+      indeterminate: i,
+      isInGroup: m
+    } = Fe(n, t), p = Me(r), b = c(() => k.value ? -1 : n.tabindex), g = ve(), f = c(
+      () => n.uncheckedValue !== void 0 && !m.value
+    ), k = c(() => l.value || o.value), _ = c(() => {
+      if (a.value === !0)
         return !0;
-      if (S.value === !0)
+      if (y.value === !0)
         return !1;
-    }), V = computed(() => n.value ? a.value === t.value : Array.isArray(a.value) ? contains(t.value, a.value) : equals(t.value, a.value)), x = computed(() => !!(r.value || !V.value && n.value && t.uncheckedValue !== a.value)), P = computed(() => {
-      if (!n.value)
-        return ["string", "number", "boolean"].includes(typeof t.value) ? t.value : !0;
-    }), k = computed({
+    }), O = c(() => f.value ? u.value === n.value : Array.isArray(u.value) ? Be(n.value, u.value) : Q(n.value, u.value)), B = c(() => !!(i.value || !O.value && f.value && n.uncheckedValue !== u.value)), E = c(() => {
+      if (!f.value)
+        return ["string", "number", "boolean"].includes(typeof n.value) ? n.value : !0;
+    }), S = c({
       get() {
-        return V.value;
+        return O.value;
       },
-      set(b) {
-        if (n.value)
-          a.value = b ? t.value : t.uncheckedValue;
-        else if (Array.isArray(a.value) || y.value) {
-          const C = new Set(
-            Array.isArray(a.value) ? a.value : a.value !== void 0 ? [a.value] : []
+      set(h) {
+        if (f.value)
+          u.value = h ? n.value : n.uncheckedValue;
+        else if (Array.isArray(u.value) || m.value) {
+          const V = new Set(
+            Array.isArray(u.value) ? u.value : u.value !== void 0 ? [u.value] : []
           );
-          b ? C.add(t.value) : C.delete(t.value), a.value = [...C];
+          h ? V.add(n.value) : V.delete(n.value), u.value = [...V];
         } else
-          a.value = b ? t.value : void 0;
-        p("change", b);
+          u.value = h ? n.value : void 0;
+        t("change", h);
       }
-    }), { modifiers: J } = toRefs(t), W = useBemModifiers(
+    }), { modifiers: ae } = A(n), oe = re(
       "vv-checkbox",
-      J,
-      computed(() => ({
-        switch: s.value,
-        valid: S.value,
-        invalid: c.value,
-        disabled: d.value,
+      ae,
+      c(() => ({
+        switch: v.value,
+        valid: y.value,
+        invalid: a.value,
+        disabled: l.value,
         readonly: o.value,
-        indeterminate: r.value
+        indeterminate: i.value
       }))
     );
-    watchEffect(() => {
-      n.value && Array.isArray(a.value) && console.warn(
+    fe(() => {
+      f.value && Array.isArray(u.value) && console.warn(
         "[VvCheckbox] The model value is an array but the component is in binary mode."
       );
-    }), watch(
-      () => x.value,
-      (b) => {
-        b ? m.value.indeterminate = !0 : m.value.indeterminate = !1;
+    }), de(
+      () => B.value,
+      (h) => {
+        h ? g.value.indeterminate = !0 : g.value.indeterminate = !1;
       }
-    ), onMounted(() => {
-      x.value && (m.value.indeterminate = !0);
+    ), pe(() => {
+      B.value && (g.value.indeterminate = !0);
     });
-    const { HintSlot: Y } = D(t, f);
-    return (b, C) => (B(), A("label", {
-      class: G(i(W)),
-      for: i(l)
+    const { HintSlot: le } = Z(n, s);
+    return (h, V) => (j(), x("label", {
+      class: F(d(oe)),
+      for: d(p)
     }, [
-      X(R("input", {
-        id: i(l),
+      ye(M("input", {
+        id: d(p),
         ref_key: "input",
-        ref: m,
-        "onUpdate:modelValue": C[0] || (C[0] = (Q) => Z(k) ? k.value = Q : null),
+        ref: g,
+        "onUpdate:modelValue": V[0] || (V[0] = (ue) => q(S) ? S.value = ue : null),
         type: "checkbox",
         class: "vv-checkbox__input",
-        name: b.name,
-        disabled: i(g),
-        value: i(P),
-        tabindex: i(v),
-        "aria-invalid": i(_)
-      }, null, 8, be), [
-        [L, i(k)]
+        name: h.name,
+        disabled: d(k),
+        value: d(E),
+        tabindex: d(b),
+        "aria-invalid": d(_)
+      }, null, 8, ze), [
+        [be, d(S)]
       ]),
-      w(b.$slots, "default", { value: i(a) }, () => [
-        ee(F(b.label), 1)
+      z(h.$slots, "default", { value: d(u) }, () => [
+        ge(U(h.label), 1)
       ]),
-      H(i(Y), {
+      J(d(le), {
         class: "vv-checkbox__hint",
-        params: { value: i(a) }
+        params: { value: d(u) }
       }, null, 8, ["params"])
-    ], 10, me));
+    ], 10, qe));
   }
-}), ge = ce, Se = ["update:modelValue", "change"], ke = ["textContent"], Ve = { class: "vv-checkbox-group__wrapper" }, _e = {
+}), Te = we, We = ["update:modelValue", "change"];
+function Ye(e) {
+  if (Object.keys(e).some(
+    (t) => t !== "key" && !q(e[t])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  he(
+    e.key,
+    c(() => e)
+  );
+}
+function Qe(e) {
+  const { options: t, labelKey: n, valueKey: s, disabledKey: r } = A(e);
+  return {
+    options: t,
+    getOptionLabel: (a) => typeof a != "object" && a !== null ? a : typeof n.value == "function" ? n.value(a) : a[n.value],
+    getOptionValue: (a) => typeof a != "object" && a !== null ? a : typeof s.value == "function" ? s.value(a) : a[s.value],
+    getOptionDisabled: (a) => typeof a != "object" && a !== null ? !1 : typeof r.value == "function" ? r.value(a) : a[r.value]
+  };
+}
+const Xe = ["textContent"], Ze = { class: "vv-checkbox-group__wrapper" }, Le = {
   name: "VvCheckboxGroup"
-}, Be = /* @__PURE__ */ E({
-  ..._e,
-  props: ge,
-  emits: Se,
-  setup(e, { emit: p }) {
-    const t = e, f = useSlots(), u = useVModel(t, "modelValue", p), { disabled: d, readonly: o, vertical: S, valid: c, invalid: s, modifiers: a } = toRefs(t);
-    useProvideGroupState({
-      key: M,
-      modelValue: u,
-      disabled: d,
+}, rt = /* @__PURE__ */ H({
+  ...Le,
+  props: Te,
+  emits: We,
+  setup(e, { emit: t }) {
+    const n = e, s = K(), r = je(n, "modelValue", t), { disabled: l, readonly: o, vertical: y, valid: a, invalid: v, modifiers: u } = A(n);
+    Ye({
+      key: Y,
+      modelValue: r,
+      disabled: l,
       readonly: o,
-      valid: c,
-      invalid: s
+      valid: a,
+      invalid: v
     });
-    const { getOptionLabel: r, getOptionValue: y } = useOptions(t), l = useBemModifiers(
+    const { getOptionLabel: i, getOptionValue: m } = Qe(n), p = re(
       "vv-checkbox-group",
-      a,
-      computed(() => ({
-        disabled: d.value,
+      u,
+      c(() => ({
+        disabled: l.value,
         readonly: o.value,
-        horizontal: !S.value,
-        valid: c.value,
-        invalid: s.value
+        horizontal: !y.value,
+        valid: a.value,
+        invalid: v.value
       }))
-    ), v = (n, g) => ({
-      id: `${t.name}_opt${g}`,
-      name: t.name,
-      label: r(n),
-      value: y(n)
-    }), { HintSlot: m } = D(t, f);
-    return (n, g) => (B(), A("fieldset", {
-      class: G(i(l))
+    ), b = (f, k) => ({
+      id: `${n.name}_opt${k}`,
+      name: n.name,
+      label: i(f),
+      value: m(f)
+    }), { HintSlot: g } = Z(n, s);
+    return (f, k) => (j(), x("fieldset", {
+      class: F(d(p))
     }, [
-      n.label ? (B(), A("legend", {
+      f.label ? (j(), x("legend", {
         key: 0,
-        textContent: F(n.label)
-      }, null, 8, ke)) : te("", !0),
-      R("div", Ve, [
-        n.options.length > 0 ? (B(!0), A(ae, { key: 0 }, oe(n.options, (_, V) => (B(), re(he, ne({ key: V }, v(_, V)), null, 16))), 128)) : w(n.$slots, "default", { key: 1 })
+        textContent: U(f.label)
+      }, null, 8, Xe)) : me("", !0),
+      M("div", Ze, [
+        f.options.length > 0 ? (j(!0), x(ke, { key: 0 }, Se(f.options, (_, O) => (j(), Oe(Je, _e({ key: O }, b(_, O)), null, 16))), 128)) : z(f.$slots, "default", { key: 1 })
       ]),
-      H(i(m), { class: "vv-checkbox-group__hint" })
+      J(d(g), { class: "vv-checkbox-group__hint" })
     ], 2));
   }
 });
 export {
-  Be as default
+  rt as default
 };