@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

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

@@ -1,7 +1,7 @@
-import { Fragment as Ne, computed as i, createBlock as Le, createCommentVNode as ke, createElementBlock as j, createElementVNode as le, createSlots as oe, createTextVNode as Ie, createVNode as ne, defineComponent as H, guardReactiveProps as m, h as G, inject as ie, isRef as ue, mergeProps as Be, normalizeClass as se, normalizeProps as S, onMounted as Ee, openBlock as k, provide as Ae, ref as $e, renderList as Ge, renderSlot as h, toDisplayString as de, toRef as je, toRefs as D, unref as u, useId as De, useSlots as ve, vModelCheckbox as Re, watch as we, watchEffect as Te, withCtx as O, withDirectives as xe } from "vue";
-import { useVModel as Ke } from "@vueuse/core";
-import { getProperty as q } from "dot-prop";
-var qe = {
+import { Fragment as Ce, computed as i, createBlock as Be, createCommentVNode as $e, createElementBlock as E, createElementVNode as le, createSlots as ne, createTextVNode as Ae, createVNode as oe, defineComponent as M, guardReactiveProps as m, h as w, inject as ie, isRef as ue, mergeProps as _e, normalizeClass as se, normalizeProps as S, onMounted as je, openBlock as $, provide as Ne, ref as Ie, renderList as we, renderSlot as h, toDisplayString as de, toRef as Ee, toRefs as x, unref as u, useId as xe, useSlots as ve, vModelCheckbox as De, watch as Ge, watchEffect as Re, withCtx as O, withDirectives as qe } from "vue";
+import { useVModel as He } from "@vueuse/core";
+import { getProperty as K } from "dot-prop";
+var Ke = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
   showDatePicker: "calendar",
@@ -12,25 +12,21 @@ var qe = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, Je = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), Bt = { prefix: Je.normal }, W = /* @__PURE__ */ (function(e) {
+}, W = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), He = /* @__PURE__ */ (function(e) {
+})({}), Fe = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), Q = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), Fe = /* @__PURE__ */ (function(e) {
+})({}), Me = /* @__PURE__ */ (function(e) {
   return 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;
 })({}), X = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
 })({}), Z = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), Ye = /* @__PURE__ */ (function(e) {
+})({}), Te = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), Ue = /* @__PURE__ */ Symbol.for("volver");
-var fe = /* @__PURE__ */ Symbol.for("checkGroup");
-var Me = {
+})({}), ze = /* @__PURE__ */ Symbol.for("volver"), fe = /* @__PURE__ */ Symbol.for("checkGroup"), Je = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -38,7 +34,7 @@ var Me = {
     type: String,
     default: "noopener noreferrer"
   }
-}, F = {
+}, T = {
   valid: {
     type: Boolean,
     default: !1
@@ -47,7 +43,7 @@ var Me = {
     type: [String, Array],
     default: void 0
   }
-}, Y = {
+}, z = {
   invalid: {
     type: Boolean,
     default: !1
@@ -56,7 +52,7 @@ var Me = {
     type: [String, Array],
     default: void 0
   }
-}, U = {
+}, J = {
   loading: {
     type: Boolean,
     default: !1
@@ -65,47 +61,47 @@ var Me = {
     type: String,
     default: "Loading..."
   }
-}, R = { disabled: {
+}, D = { disabled: {
   type: Boolean,
   default: !1
 } }, ce = { required: {
   type: Boolean,
   default: !1
-} }, ze = { active: {
+} }, Ue = { active: {
   type: Boolean,
   default: !1
-} }, We = { current: {
+} }, Ye = { current: {
   type: Boolean,
   default: !1
-} }, Et = {
+} }, At = {
   showClearAction: {
     type: Boolean,
     default: !1
   },
   iconClear: {
     type: [String, Object],
-    default: qe.clear
+    default: Ke.clear
   },
   labelClear: {
     type: String,
     default: "Clear"
   }
-}, Qe = { pressed: {
+}, We = { pressed: {
   type: Boolean,
   default: !1
-} }, w = { label: {
+} }, G = { label: {
   type: [String, Number],
   default: void 0
-} }, M = { readonly: {
+} }, U = { readonly: {
   type: Boolean,
   default: !1
-} }, T = { modifiers: {
+} }, R = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, z = { hintLabel: {
+} }, Y = { hintLabel: {
   type: String,
   default: ""
-} }, Xe = {
+} }, Qe = {
   options: {
     type: Array,
     default: () => []
@@ -122,7 +118,7 @@ var Me = {
     type: [String, Function],
     default: "disabled"
   }
-}, Ze = { count: {
+}, Xe = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -131,10 +127,10 @@ var Me = {
     "limit",
     "countdown"
   ].includes(e)
-} }, et = { debounce: {
+} }, Ze = { debounce: {
   type: [Number, String],
   default: void 0
-} }, tt = {
+} }, et = {
   icon: {
     type: [String, Object],
     default: void 0
@@ -147,19 +143,19 @@ var Me = {
 }, pe = { tabindex: {
   type: [String, Number],
   default: 0
-} }, at = { floating: {
+} }, tt = { floating: {
   type: Boolean,
   default: !1
-} }, rt = { id: [String, Number] }, At = {
+} }, at = { id: [String, Number] }, _t = {
   placement: {
     type: String,
     default: Q.bottom,
-    validator: (e) => Object.values(Q).includes(e) || Object.values(Fe).includes(e)
+    validator: (e) => Object.values(Q).includes(e) || Object.values(Me).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(He).includes(e)
+    validator: (e) => Object.values(Fe).includes(e)
   },
   transitionName: {
     type: String,
@@ -206,34 +202,34 @@ var Me = {
     default: !1
   }
 }, be = {
-  ...rt,
+  ...at,
   name: {
     type: String,
     required: !0
   }
-}, lt = { autofocus: {
+}, rt = { autofocus: {
   type: Boolean,
   default: !1
-} }, ot = { autocomplete: {
+} }, lt = { autocomplete: {
   type: String,
   default: "off"
-} }, $t = {
+} }, jt = {
   ...be,
+  ...rt,
   ...lt,
-  ...ot,
   ...pe,
-  ...R,
-  ...M,
-  ...F,
-  ...Y,
-  ...z,
+  ...D,
   ...U,
   ...T,
+  ...z,
+  ...Y,
+  ...J,
+  ...R,
+  ...Xe,
   ...Ze,
   ...et,
   ...tt,
-  ...at,
-  ...w,
+  ...G,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -250,14 +246,14 @@ var Me = {
 }, nt = {
   ...be,
   ...pe,
-  ...F,
-  ...Y,
-  ...z,
-  ...R,
-  ...M,
   ...T,
-  ...w,
+  ...z,
+  ...Y,
+  ...D,
   ...U,
+  ...R,
+  ...G,
+  ...J,
   value: {
     type: [
       String,
@@ -275,16 +271,16 @@ var Me = {
     ],
     default: void 0
   }
-}, it = {
-  ...F,
-  ...Y,
-  ...Xe,
-  ...z,
-  ...R,
-  ...M,
+}, ot = {
   ...T,
-  ...w,
+  ...z,
+  ...Qe,
+  ...Y,
+  ...D,
   ...U,
+  ...R,
+  ...G,
+  ...J,
   ...ce,
   modelValue: {
     type: [
@@ -304,13 +300,13 @@ var Me = {
     type: Boolean,
     default: !1
   }
-}, Gt = {
-  ...R,
-  ...w,
-  ...Qe,
-  ...ze,
+}, Nt = {
+  ...D,
+  ...G,
   ...We,
-  ...Me,
+  ...Ue,
+  ...Ye,
+  ...Je,
   type: {
     type: String,
     default: Z.button,
@@ -322,30 +318,30 @@ var Me = {
   },
   defaultTag: {
     type: String,
-    default: Ye.button
+    default: Te.button
   }
-}, jt = {
+}, It = {
   storageType: {
     type: String,
     default: W.local,
     validator: (e) => Object.values(W).includes(e)
   },
   storageKey: String
-}, ee = it, ut = ["update:modelValue", "change"];
+}, ee = ot, it = ["update:modelValue", "change"];
 function ge(e, r, t) {
-  return t ? te(e, t) === te(r, t) : J(e, r);
+  return t ? te(e, t) === te(r, t) : F(e, r);
 }
-function J(e, r) {
+function F(e, r) {
   if (e === r) return !0;
   if (e && r && typeof e == "object" && typeof r == "object") {
-    const t = Array.isArray(e), n = Array.isArray(r);
-    let l, o, s;
-    if (t && n) {
-      if (o = e.length, o !== r.length) return !1;
-      for (l = o; l-- !== 0; ) if (!J(e[l], r[l])) return !1;
+    const t = Array.isArray(e), o = Array.isArray(r);
+    let l, n, s;
+    if (t && o) {
+      if (n = e.length, n !== r.length) return !1;
+      for (l = n; l-- !== 0; ) if (!F(e[l], r[l])) return !1;
       return !0;
     }
-    if (t !== n) return !1;
+    if (t !== o) return !1;
     const d = e instanceof Date, v = r instanceof Date;
     if (d !== v) return !1;
     if (d && v) return e.getTime() === r.getTime();
@@ -353,10 +349,10 @@ function J(e, r) {
     if (a !== b) return !1;
     if (a && b) return e.toString() === r.toString();
     const f = Object.keys(e);
-    if (o = f.length, o !== Object.keys(r).length) return !1;
-    for (l = o; l-- !== 0; ) if (!Object.hasOwn(r, f[l])) return !1;
-    for (l = o; l-- !== 0; )
-      if (s = f[l], !J(e[s], r[s])) return !1;
+    if (n = f.length, n !== Object.keys(r).length) return !1;
+    for (l = n; l-- !== 0; ) if (!Object.hasOwn(r, f[l])) return !1;
+    for (l = n; l-- !== 0; )
+      if (s = f[l], !F(e[s], r[s])) return !1;
     return !0;
   }
   return Number.isNaN(e) && Number.isNaN(r);
@@ -364,30 +360,30 @@ function J(e, r) {
 function te(e, r) {
   if (e && Object.keys(e).length && r) if (r.includes(".")) {
     const t = r.split(".");
-    let n = e;
-    for (let l = 0, o = t.length; l < o; ++l) {
+    let o = e;
+    for (let l = 0, n = t.length; l < n; ++l) {
       if (e == null) return null;
-      n = n[t[l]];
+      o = o[t[l]];
     }
-    return n;
+    return o;
   } else
     return e[r];
   else return null;
 }
-function st(e, r) {
+function ut(e, r) {
   if (e != null && r && r.length) {
     for (const t of r) if (ge(e, t)) return !0;
   }
   return !1;
 }
-function dt(e) {
+function st(e) {
   return typeof e == "string";
 }
 function ae(e) {
-  return Array.isArray(e) ? e.filter((r) => dt(r)).join(" ") : e;
+  return Array.isArray(e) ? e.filter((r) => st(r)).join(" ") : e;
 }
 function ye(e, r) {
-  const t = i(() => ue(e) ? e.value : e), n = i(() => ae(t.value.invalidLabel)), l = i(() => ae(t.value.validLabel)), o = i(() => t.value.loadingLabel), s = i(() => t.value.hintLabel), d = i(() => !!(t.value.loading && (r.loading || o.value))), v = i(() => !d.value && !!(t.value.invalid && (r.invalid || n.value))), a = i(() => !d.value && !v.value && !!(t.value.valid && (r.valid || l.value))), b = i(() => !d.value && !v.value && !a.value && !!(r.hint || s.value)), f = i(() => v.value || a.value || d.value || b.value);
+  const t = i(() => ue(e) ? e.value : e), o = i(() => ae(t.value.invalidLabel)), l = i(() => ae(t.value.validLabel)), n = i(() => t.value.loadingLabel), s = i(() => t.value.hintLabel), d = i(() => !!(t.value.loading && (r.loading || n.value))), v = i(() => !d.value && !!(t.value.invalid && (r.invalid || o.value))), a = i(() => !d.value && !v.value && !!(t.value.valid && (r.valid || l.value))), b = i(() => !d.value && !v.value && !a.value && !!(r.hint || s.value)), f = i(() => v.value || a.value || d.value || b.value);
   return {
     hasInvalidLabelOrSlot: v,
     hasHintLabelOrSlot: b,
@@ -399,7 +395,7 @@ function ye(e, r) {
       invalid: t.value.invalid,
       loading: t.value.loading
     })),
-    HintSlot: H({
+    HintSlot: M({
       name: "HintSlot",
       props: { tag: {
         type: String,
@@ -408,9 +404,9 @@ function ye(e, r) {
       setup() {
         return {
           isVisible: f,
-          invalidLabel: n,
+          invalidLabel: o,
           validLabel: l,
-          loadingLabel: o,
+          loadingLabel: n,
           hintLabel: s,
           hasInvalidLabelOrSlot: v,
           hasValidLabelOrSlot: a,
@@ -421,16 +417,16 @@ function ye(e, r) {
       render() {
         if (this.isVisible) {
           let c;
-          return this.hasInvalidLabelOrSlot && (c = "alert"), this.hasValidLabelOrSlot && (c = "status"), this.hasLoadingLabelOrSlot ? G(this.tag, { role: c }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? G(this.tag, { role: c }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? G(this.tag, { role: c }, this.$slots.valid?.() ?? this.validLabel) : G(this.tag, { role: c }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
+          return this.hasInvalidLabelOrSlot && (c = "alert"), this.hasValidLabelOrSlot && (c = "status"), this.hasLoadingLabelOrSlot ? w(this.tag, { role: c }, this.$slots.loading?.() ?? this.loadingLabel) : this.hasInvalidLabelOrSlot ? w(this.tag, { role: c }, this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel) : this.hasValidLabelOrSlot ? w(this.tag, { role: c }, this.$slots.valid?.() ?? this.validLabel) : w(this.tag, { role: c }, this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel);
         }
         return null;
       }
     })
   };
 }
-function vt(e) {
+function dt(e) {
   const r = ie(e, void 0), t = i(() => r !== void 0);
-  function n(l, o, s) {
+  function o(l, n, s) {
     const d = r?.[l];
     if (d) return i({
       get() {
@@ -440,7 +436,7 @@ function vt(e) {
         d.value = a;
       }
     });
-    const v = je(o, l);
+    const v = Ee(n, l);
     return i({
       get() {
         return v.value;
@@ -453,12 +449,12 @@ function vt(e) {
   return {
     group: r,
     isInGroup: t,
-    getGroupOrLocalRef: n
+    getGroupOrLocalRef: o
   };
 }
 var re = {
   ...nt,
-  ...T,
+  ...R,
   indeterminate: Boolean,
   uncheckedValue: [
     String,
@@ -466,20 +462,20 @@ var re = {
     Boolean
   ],
   switch: Boolean
-}, ft = [
+}, vt = [
   "click",
   "update:modelValue",
   "change",
   "blur"
 ];
-function ct(e, r) {
-  const { group: t, isInGroup: n, getGroupOrLocalRef: l } = vt(fe), { id: o, switch: s, indeterminate: d } = D(e);
+function ft(e, r) {
+  const { group: t, isInGroup: o, getGroupOrLocalRef: l } = dt(fe), { id: n, switch: s, indeterminate: d } = x(e);
   return {
-    id: o,
+    id: n,
     propsSwitch: s,
     indeterminate: d,
     group: t,
-    isInGroup: n,
+    isInGroup: o,
     modelValue: l("modelValue", e, r),
     valid: l("valid", e),
     invalid: l("invalid", e),
@@ -487,51 +483,51 @@ function ct(e, r) {
     disabled: i(() => !!(e.disabled || t?.disabled.value))
   };
 }
-function pt() {
-  return ie(Ue, void 0);
+function ct() {
+  return ie(ze, void 0);
 }
 function he(e, r, t) {
-  const n = pt(), l = i(() => {
-    if (!(!n || !n.defaults.value?.[e]))
-      return n.defaults.value[e];
+  const o = ct(), l = i(() => {
+    if (!(!o || !o.defaults.value?.[e]))
+      return o.defaults.value[e];
   });
   return i(() => {
     if (l.value === void 0) return t;
-    const o = l.value, s = r, d = t;
+    const n = l.value, s = r, d = t;
     return Object.keys(s).reduce((v, a) => {
       const b = d[a];
-      if (v[a] = b, a in o) {
+      if (v[a] = b, a in n) {
         if (Array.isArray(s[a])) {
           const f = s[a];
-          f.length && f[0] === b && (v[a] = o[a]);
+          f.length && f[0] === b && (v[a] = n[a]);
         }
         if (typeof s[a] == "function") {
           const f = s[a];
-          f() === b && (v[a] = o[a]);
+          f() === b && (v[a] = n[a]);
         }
         if (typeof s[a] == "object") {
           let f = s[a].default;
-          typeof f == "function" && (f = f()), typeof f == "object" ? JSON.stringify(f) === JSON.stringify(b) && (v[a] = o[a]) : f === b && (v[a] = o[a]);
+          typeof f == "function" && (f = f()), typeof f == "object" ? JSON.stringify(f) === JSON.stringify(b) && (v[a] = n[a]) : f === b && (v[a] = n[a]);
         }
       }
       return v;
     }, {});
   });
 }
-function bt(e) {
-  return i(() => String(e?.value || De()));
+function pt(e) {
+  return i(() => String(e?.value || xe()));
 }
 function me(e, r, t) {
   return i(() => {
-    const n = { [e]: !0 }, l = typeof r?.value == "string" ? r.value.split(" ") : r?.value;
-    return l && Array.isArray(l) && l.forEach((o) => {
-      o && (n[`${e}--${o}`] = !0);
-    }), t && Object.keys(t.value).forEach((o) => {
-      n[`${e}--${o}`] = u(t.value[o]);
-    }), n;
+    const o = { [e]: !0 }, l = typeof r?.value == "string" ? r.value.split(" ") : r?.value;
+    return l && Array.isArray(l) && l.forEach((n) => {
+      n && (o[`${e}--${n}`] = !0);
+    }), t && Object.keys(t.value).forEach((n) => {
+      o[`${e}--${n}`] = u(t.value[n]);
+    }), o;
   });
 }
-var gt = ["for"], yt = [
+var bt = ["for"], gt = [
   "id",
   "name",
   "disabled",
@@ -540,124 +536,124 @@ var gt = ["for"], yt = [
   "aria-invalid",
   "aria-describedby",
   "aria-errormessage"
-], ht = { name: "VvCheckbox" }, mt = /* @__PURE__ */ H({
-  ...ht,
+], yt = { name: "VvCheckbox" }, ht = /* @__PURE__ */ M({
+  ...yt,
   props: re,
-  emits: ft,
+  emits: vt,
   setup(e, { emit: r }) {
-    const t = e, n = r, l = ve(), o = he("VvCheckbox", re, t), { id: s, disabled: d, readonly: v, valid: a, invalid: b, propsSwitch: f, modelValue: c, indeterminate: I, isInGroup: B } = ct(t, n), V = bt(s), P = i(() => `${V.value}-hint`), x = i(() => p.value ? -1 : t.tabindex), C = $e(), y = i(() => t.uncheckedValue !== void 0 && !B.value), p = i(() => d.value || v.value), E = i(() => {
+    const t = e, o = r, l = ve(), n = he("VvCheckbox", re, t), { id: s, disabled: d, readonly: v, valid: a, invalid: b, propsSwitch: f, modelValue: c, indeterminate: A, isInGroup: _ } = ft(t, o), L = pt(s), P = i(() => `${L.value}-hint`), q = i(() => p.value ? -1 : t.tabindex), V = Ie(), y = i(() => t.uncheckedValue !== void 0 && !_.value), p = i(() => d.value || v.value), j = i(() => {
       if (b.value === !0) return !0;
       if (a.value === !0) return !1;
-    }), A = i(() => y.value ? c.value === t.value : Array.isArray(c.value) ? st(t.value, c.value) : ge(t.value, c.value)), N = i(() => !!(I.value || !A.value && y.value && t.uncheckedValue !== c.value)), Se = i(() => {
+    }), N = i(() => y.value ? c.value === t.value : Array.isArray(c.value) ? ut(t.value, c.value) : ge(t.value, c.value)), C = i(() => !!(A.value || !N.value && y.value && t.uncheckedValue !== c.value)), Se = i(() => {
       if (!y.value)
         return [
           "string",
           "number",
           "boolean"
         ].includes(typeof t.value) ? t.value : !0;
-    }), K = i({
+    }), H = i({
       get() {
-        return A.value;
+        return N.value;
       },
       set(g) {
         if (y.value) c.value = g ? t.value : t.uncheckedValue;
-        else if (Array.isArray(c.value) || B.value) {
-          const _ = c.value ?? [], L = new Set(Array.isArray(_) ? _ : [_]);
-          g ? L.add(t.value) : L.delete(t.value), c.value = [...L];
+        else if (Array.isArray(c.value) || _.value) {
+          const k = c.value ?? [], B = new Set(Array.isArray(k) ? k : [k]);
+          g ? B.add(t.value) : B.delete(t.value), c.value = [...B];
         } else c.value = g ? t.value : void 0;
-        n("change", g);
+        o("change", g);
       }
-    }), { modifiers: Oe } = D(t), Ce = me("vv-checkbox", Oe, i(() => ({
+    }), { modifiers: Oe } = x(t), Ve = me("vv-checkbox", Oe, i(() => ({
       switch: f.value,
       valid: a.value,
       invalid: b.value,
       disabled: d.value,
       readonly: v.value,
-      indeterminate: I.value
+      indeterminate: A.value
     })));
-    Te(() => {
+    Re(() => {
       y.value && Array.isArray(c.value) && console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.");
-    }), we(() => N.value, (g) => {
-      g ? C.value.indeterminate = !0 : C.value.indeterminate = !1;
-    }), Ee(() => {
-      N.value && (C.value.indeterminate = !0);
+    }), Ge(() => C.value, (g) => {
+      g ? V.value.indeterminate = !0 : V.value.indeterminate = !1;
+    }), je(() => {
+      C.value && (V.value.indeterminate = !0);
     });
-    const { HintSlot: _e, hasHintLabelOrSlot: Ve, hasInvalidLabelOrSlot: Pe, hintSlotScope: $ } = ye(o, l);
-    return (g, _) => (k(), j("label", {
-      class: se(u(Ce)),
-      for: u(V)
+    const { HintSlot: ke, hasHintLabelOrSlot: Le, hasInvalidLabelOrSlot: Pe, hintSlotScope: I } = ye(n, l);
+    return (g, k) => ($(), E("label", {
+      class: se(u(Ve)),
+      for: u(L)
     }, [
-      xe(le("input", {
-        id: u(V),
+      qe(le("input", {
+        id: u(L),
         ref_key: "input",
-        ref: C,
-        "onUpdate:modelValue": _[0] || (_[0] = (L) => ue(K) ? K.value = L : null),
+        ref: V,
+        "onUpdate:modelValue": k[0] || (k[0] = (B) => ue(H) ? H.value = B : null),
         type: "checkbox",
         class: "vv-checkbox__input",
         name: g.name,
         disabled: u(p),
         value: u(Se),
-        tabindex: u(x),
-        "aria-invalid": u(E),
-        "aria-describedby": u(Ve) ? u(P) : void 0,
+        tabindex: u(q),
+        "aria-invalid": u(j),
+        "aria-describedby": u(Le) ? u(P) : void 0,
         "aria-errormessage": u(Pe) ? u(P) : void 0
-      }, null, 8, yt), [[Re, u(K)]]),
-      h(g.$slots, "default", { value: u(c) }, () => [Ie(de(g.label), 1)]),
-      ne(u(_e), {
+      }, null, 8, gt), [[De, u(H)]]),
+      h(g.$slots, "default", { value: u(c) }, () => [Ae(de(g.label), 1)]),
+      oe(u(ke), {
         id: u(P),
         class: "vv-checkbox__hint"
-      }, oe({ _: 2 }, [
+      }, ne({ _: 2 }, [
         g.$slots.hint ? {
           name: "hint",
-          fn: O(() => [h(g.$slots, "hint", S(m(u($))))]),
+          fn: O(() => [h(g.$slots, "hint", S(m(u(I))))]),
           key: "0"
         } : void 0,
         g.$slots.loading ? {
           name: "loading",
-          fn: O(() => [h(g.$slots, "loading", S(m(u($))))]),
+          fn: O(() => [h(g.$slots, "loading", S(m(u(I))))]),
           key: "1"
         } : void 0,
         g.$slots.valid ? {
           name: "valid",
-          fn: O(() => [h(g.$slots, "valid", S(m(u($))))]),
+          fn: O(() => [h(g.$slots, "valid", S(m(u(I))))]),
           key: "2"
         } : void 0,
         g.$slots.invalid ? {
           name: "invalid",
-          fn: O(() => [h(g.$slots, "invalid", S(m(u($))))]),
+          fn: O(() => [h(g.$slots, "invalid", S(m(u(I))))]),
           key: "3"
         } : void 0
       ]), 1032, ["id"])
-    ], 10, gt));
+    ], 10, bt));
   }
-}), St = mt;
-function Ot(e, r) {
-  Ae(e, r);
+}), mt = ht;
+function St(e, r) {
+  Ne(e, r);
 }
-function Ct(e) {
-  const { options: r, labelKey: t, valueKey: n, disabledKey: l } = D(e);
+function Ot(e) {
+  const { options: r, labelKey: t, valueKey: o, disabledKey: l } = x(e);
   return {
     options: r,
-    getOptionLabel: (a) => typeof a == "string" ? a : typeof t.value == "function" ? t.value(a) : String(t.value ? q(a, t.value) : a),
-    getOptionValue: (a) => typeof a == "string" ? a : typeof n.value == "function" ? n.value(a) : n.value ? q(a, n.value) : a,
-    isOptionDisabled: (a) => typeof a == "string" ? !1 : typeof l.value == "function" ? l.value(a) : l.value ? !!q(a, l.value) : !1,
+    getOptionLabel: (a) => typeof a == "string" ? a : typeof t.value == "function" ? t.value(a) : String(t.value ? K(a, t.value) : a),
+    getOptionValue: (a) => typeof a == "string" ? a : typeof o.value == "function" ? o.value(a) : o.value ? K(a, o.value) : a,
+    isOptionDisabled: (a) => typeof a == "string" ? !1 : typeof l.value == "function" ? l.value(a) : l.value ? !!K(a, l.value) : !1,
     getOptionGrouped: (a) => typeof a == "string" ? [] : typeof a == "object" && a && "options" in a ? a.options : []
   };
 }
-var _t = ["textContent"], Vt = { class: "vv-checkbox-group__wrapper" }, Pt = { name: "VvCheckboxGroup" }, Nt = /* @__PURE__ */ H({
-  ...Pt,
+var Vt = ["textContent"], kt = { class: "vv-checkbox-group__wrapper" }, Lt = { name: "VvCheckboxGroup" }, Pt = /* @__PURE__ */ M({
+  ...Lt,
   props: ee,
-  emits: ut,
+  emits: it,
   setup(e, { emit: r }) {
-    const t = e, n = r, l = ve(), o = he("VvCheckboxGroup", ee, t), s = Ke(t, "modelValue", n), { disabled: d, readonly: v, vertical: a, valid: b, invalid: f, modifiers: c } = D(t);
-    Ot(fe, {
+    const t = e, o = r, l = ve(), n = he("VvCheckboxGroup", ee, t), s = He(t, "modelValue", o), { disabled: d, readonly: v, vertical: a, valid: b, invalid: f, modifiers: c } = x(t);
+    St(fe, {
       modelValue: s,
       disabled: d,
       readonly: v,
       valid: b,
       invalid: f
     });
-    const { getOptionLabel: I, getOptionValue: B, isOptionDisabled: V } = Ct(t), P = me("vv-checkbox-group", c, i(() => ({
+    const { getOptionLabel: A, getOptionValue: _, isOptionDisabled: L } = Ot(t), P = me("vv-checkbox-group", c, i(() => ({
       disabled: d.value,
       readonly: v.value,
       required: t.required,
@@ -665,24 +661,24 @@ var _t = ["textContent"], Vt = { class: "vv-checkbox-group__wrapper" }, Pt = { n
       valid: b.value,
       invalid: f.value
     })));
-    function x(p, E) {
+    function q(p, j) {
       return {
-        id: `${t.name}_opt${E}`,
+        id: `${t.name}_opt${j}`,
         name: t.name,
-        label: I(p),
-        value: B(p),
+        label: A(p),
+        value: _(p),
         required: t.required,
-        disabled: V(p)
+        disabled: L(p)
       };
     }
-    const { HintSlot: C, hintSlotScope: y } = ye(o, l);
-    return (p, E) => (k(), j("fieldset", { class: se(u(P)) }, [
-      p.label ? (k(), j("legend", {
+    const { HintSlot: V, hintSlotScope: y } = ye(n, l);
+    return (p, j) => ($(), E("fieldset", { class: se(u(P)) }, [
+      p.label ? ($(), E("legend", {
         key: 0,
         textContent: de(p.label)
-      }, null, 8, _t)) : ke("v-if", !0),
-      le("div", Vt, [p.options.length > 0 ? (k(!0), j(Ne, { key: 0 }, Ge(p.options, (A, N) => (k(), Le(St, Be({ key: N }, { ref_for: !0 }, x(A, N)), null, 16))), 128)) : h(p.$slots, "default", { key: 1 })]),
-      ne(u(C), { class: "vv-checkbox-group__hint" }, oe({ _: 2 }, [
+      }, null, 8, Vt)) : $e("v-if", !0),
+      le("div", kt, [p.options.length > 0 ? ($(!0), E(Ce, { key: 0 }, we(p.options, (N, C) => ($(), Be(mt, _e({ key: C }, { ref_for: !0 }, q(N, C)), null, 16))), 128)) : h(p.$slots, "default", { key: 1 })]),
+      oe(u(V), { class: "vv-checkbox-group__hint" }, ne({ _: 2 }, [
         p.$slots.hint ? {
           name: "hint",
           fn: O(() => [h(p.$slots, "hint", S(m(u(y))))]),
@@ -706,7 +702,7 @@ var _t = ["textContent"], Vt = { class: "vv-checkbox-group__wrapper" }, Pt = { n
       ]), 1024)
     ], 2));
   }
-}), Dt = Nt;
+}), wt = Pt;
 export {
-  Dt as default
+  wt as default
 };