@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.16

package/dist/components/VvRadioGroup/VvRadioGroup.es.js

@@ -1,441 +1,403 @@
-import { isRef as z, provide as Z, computed as f, toRefs as S, unref as O, inject as M, toRef as T, watch as U, defineComponent as I, useAttrs as W, ref as J, openBlock as V, createElementBlock as E, mergeProps as B, createElementVNode as P, renderSlot as D, createTextVNode as K, toDisplayString as G, h as Q, useSlots as X, normalizeClass as Y, createCommentVNode as L, Fragment as ee, renderList as te, createBlock as re, createVNode as ne } from "vue";
-import { useFocus as se, toReactive as oe, useVModel as ue } from "@vueuse/core";
-const $ = {
-  valid: Boolean,
-  validLabel: [String, Array]
-}, q = {
-  error: Boolean,
-  errorLabel: [String, Array]
-}, ae = {
-  hintLabel: { type: String, default: "" }
-}, le = {
-  options: { type: Array, default: () => [] },
-  optionLabel: { type: [String, Function], default: () => "label" },
-  optionValue: { type: [String, Function], default: () => "value" }
-}, ie = ["update:modelValue"], ce = {
-  ...$,
-  ...q,
-  ...le,
-  ...ae,
-  modelValue: null,
-  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 }
-};
-function fe(e) {
-  if (Object.keys(e).some(
-    (t) => t !== "key" && !z(e[t])
+import { isRef as G, provide as K, computed as c, toRefs as j, unref as f, h as Q, inject as W, toRef as X, defineComponent as D, useSlots as x, ref as Y, openBlock as A, createElementBlock as C, normalizeClass as I, withDirectives as L, createElementVNode as H, vModelRadio as ee, renderSlot as F, createTextVNode as te, toDisplayString as N, createVNode as M, createCommentVNode as ne, Fragment as re, renderList as oe, createBlock as se, mergeProps as le } from "vue";
+import { toReactive as ue, useVModel as ae } from "@vueuse/core";
+function ie(t) {
+  if (Object.keys(t).some(
+    (e) => e !== "key" && !G(t[e])
   ))
     throw Error("One or more groupState props aren't ref.");
-  Z(
-    e.key,
-    f(() => e)
+  K(
+    t.key,
+    c(() => t)
   );
 }
-function de(e) {
-  const { options: t, optionLabel: r, optionValue: s } = S(e);
+function ce(t) {
+  const { options: e, optionLabel: r, optionValue: s } = j(t);
   return {
-    options: t,
-    getOptionLabel: (o) => typeof o != "object" && o !== null ? o : typeof r.value == "function" ? r.value(o) : o[r.value],
-    getOptionValue: (o) => typeof o != "object" && o !== null ? o : typeof s.value == "function" ? s.value(o) : o[s.value]
+    options: e,
+    getOptionLabel: (n) => typeof n != "object" && n !== null ? n : typeof r.value == "function" ? r.value(n) : n[r.value],
+    getOptionValue: (n) => typeof n != "object" && n !== null ? n : typeof s.value == "function" ? s.value(n) : n[s.value]
   };
 }
-const h = {
-  equals(e, t, r) {
-    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      const r = Array.isArray(e), s = Array.isArray(t);
-      let n, a, o;
-      if (r && s) {
-        if (a = e.length, a != t.length)
-          return !1;
-        for (n = a; n-- !== 0; )
-          if (!this.deepEquals(e[n], t[n]))
-            return !1;
-        return !0;
-      }
-      if (r != s)
-        return !1;
-      const l = e instanceof Date, u = t instanceof Date;
-      if (l != u)
-        return !1;
-      if (l && u)
-        return e.getTime() == t.getTime();
-      const p = e instanceof RegExp, y = t instanceof RegExp;
-      if (p != y)
-        return !1;
-      if (p && y)
-        return e.toString() == t.toString();
-      const c = Object.keys(e);
-      if (a = c.length, a !== Object.keys(t).length)
+function $(t, e, r) {
+  return r ? R(t, r) === R(e, r) : P(t, e);
+}
+function P(t, e) {
+  if (t === e)
+    return !0;
+  if (t && e && typeof t == "object" && typeof e == "object") {
+    const r = Array.isArray(t), s = Array.isArray(e);
+    let o, l, n;
+    if (r && s) {
+      if (l = t.length, l != e.length)
         return !1;
-      for (n = a; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, c[n]))
-          return !1;
-      for (n = a; n-- !== 0; )
-        if (o = c[n], !this.deepEquals(e[o], t[o]))
+      for (o = l; o-- !== 0; )
+        if (!P(t[o], e[o]))
           return !1;
       return !0;
     }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (t.indexOf(".") === -1)
-        return e[t];
-      {
-        const r = t.split(".");
-        let s = e;
-        for (let n = 0, a = r.length; n < a; ++n) {
-          if (e == null)
-            return null;
-          s = s[r[n]];
-        }
-        return s;
+    if (r != s)
+      return !1;
+    const v = t instanceof Date, u = e instanceof Date;
+    if (v != u)
+      return !1;
+    if (v && u)
+      return t.getTime() == e.getTime();
+    const i = t instanceof RegExp, p = e instanceof RegExp;
+    if (i != p)
+      return !1;
+    if (i && p)
+      return t.toString() == e.toString();
+    const a = Object.keys(t);
+    if (l = a.length, l !== Object.keys(e).length)
+      return !1;
+    for (o = l; o-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(e, a[o]))
+        return !1;
+    for (o = l; o-- !== 0; )
+      if (n = a[o], !P(t[n], e[n]))
+        return !1;
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function R(t, e) {
+  if (t && Object.keys(t).length && e) {
+    if (e.indexOf(".") === -1)
+      return t[e];
+    {
+      const r = e.split(".");
+      let s = t;
+      for (let o = 0, l = r.length; o < l; ++o) {
+        if (t == null)
+          return null;
+        s = s[r[o]];
       }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let s = 0; s < t.length; s++)
-        if (this.equals(t[s], e)) {
-          r = s;
-          break;
-        }
-    }
-    return r;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (const r of t)
-        if (this.equals(e, r))
-          return !0;
+      return s;
     }
-    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, t) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([r]) => t(r))
-    );
-  },
-  removeFromList(e, t) {
-    const r = this.findIndexInList(e, t);
-    return r > -1 ? t.filter((s, n) => n !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var s, n, a, o, l;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (s = e[r]) != null && s.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((a = e[r]) == null ? void 0 : a.type[0]()) : t[r] = ((o = e[r]) == null ? void 0 : o.default) || ((l = e[r]) == null ? void 0 : l.type())), t;
-    }, {});
-  },
-  filterArray(e, t, r) {
-    return e.filter((s) => t.some((n) => typeof n == "string" ? s[r] == n : this.equals(
-      s[r],
-      n[r]
-    )));
-  },
-  kebabCase(e) {
-    var t, r;
-    if (e)
-      return (r = (t = e.match(
-        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
+  } else
+    return null;
+}
+function fe(t, e) {
+  let r = -1;
+  if (e) {
+    for (let s = 0; s < e.length; s++)
+      if ($(e[s], t)) {
+        r = s;
+        break;
+      }
   }
-};
-function F(e, t) {
-  const r = { [`${e}`]: !0 };
+  return r;
+}
+function de(t, e) {
+  if (t != null && e && e.length) {
+    for (const r of e)
+      if ($(t, r))
+        return !0;
+  }
+  return !1;
+}
+function T(t) {
+  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(f(t));
+}
+function ve(t, e) {
+  const r = fe(t, e);
+  return r > -1 ? e.filter((s, o) => o !== r) : e;
+}
+function pe(t) {
+  return typeof t == "string" || t instanceof String;
+}
+function E(t) {
+  var e, r;
+  if (t)
+    return (r = (e = t.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : e.join("-")) == null ? void 0 : r.toLowerCase();
+}
+function q(t, e) {
+  const r = { [`${t}`]: !0 };
   return {
-    bemCssClasses: f(() => Object.keys(t).reduce((n, a) => {
-      const o = O(t[a]) || !1;
-      if (!o)
-        return n;
-      if (a === "modifiers") {
-        const l = Array.isArray(o) ? o : [o];
+    bemCssClasses: c(() => Object.keys(e).reduce((o, l) => {
+      const n = f(e[l]) || !1;
+      if (!n)
+        return o;
+      if (l === "modifiers") {
+        const v = Array.isArray(n) ? n : n.split(" ");
         return {
-          ...n,
-          ...l.reduce(
-            (u, p) => ({
+          ...o,
+          ...v.reduce(
+            (u, i) => ({
               ...u,
-              [`${e}--${h.kebabCase(
-                p
-              )}`]: !0
+              [`${t}--${E(i)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${h.kebabCase(a)}`]: o
+          ...o,
+          [`${t}--${E(l)}`]: n
         };
     }, r) || {})
   };
 }
-const w = Symbol("VV_RADIO_GROUP"), pe = {
-  ...$,
-  ...q,
-  value: null,
-  modelValue: { type: [Object, Number, Boolean, String] },
-  label: { type: String, default: "" },
-  disabled: Boolean,
-  readonly: Boolean
-}, ye = [
-  "click",
-  "update:modelValue",
-  "change",
-  "focus",
-  "blur"
-];
-function ve(e) {
-  const t = M(e, void 0), r = f(() => h.isNotEmpty(t));
-  function s(n, a, o) {
-    if (t != null && t.value) {
-      const l = O(t.value)[n];
-      return f({
-        get() {
-          return l == null ? void 0 : l.value;
-        },
-        set(u) {
-          l.value = u;
+const w = "VV_RADIO_GROUP";
+function k(t) {
+  return Array.isArray(t) ? t.filter((e) => pe(e)).join(" ") : t;
+}
+function z(t, e) {
+  const {
+    error: r,
+    valid: s,
+    hint: o,
+    loading: l
+  } = e, {
+    hintLabel: n,
+    modelValue: v,
+    valid: u,
+    validLabel: i,
+    error: p,
+    errorLabel: a,
+    ..._
+  } = j(t), y = R(_, "loading"), m = R(_, "loadingLabel"), h = c(() => p.value ? !!(p.value && r || a != null && a.value && Array.isArray(a.value) && a.value.length > 0 || a != null && a.value && !T(a)) : !1), d = c(
+    () => !!(n && n.value || o)
+  ), V = c(
+    () => !!(i && i.value || s)
+  ), b = c(
+    () => !!(y != null && y.value && l || y != null && y.value && (m != null && m.value))
+  ), g = c(
+    () => d.value || V || h.value || b.value
+  );
+  return {
+    hasErrors: h,
+    hasHint: d,
+    hasValid: V,
+    hasLoading: b,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
         }
-      });
-    } else {
-      const l = T(a, n);
-      return f({
+      },
+      setup(O) {
+        const B = c(() => {
+          const S = ue({
+            hintLabel: n,
+            modelValue: v,
+            valid: u,
+            validLabel: i,
+            error: p,
+            errorLabel: a,
+            loading: y,
+            loadingLabel: m,
+            ...O.params
+          });
+          return p != null && p.value ? (r == null ? void 0 : r(S)) || k(a == null ? void 0 : a.value) || (n == null ? void 0 : n.value) : u != null && u.value ? (s == null ? void 0 : s(S)) || k(i == null ? void 0 : i.value) || (n == null ? void 0 : n.value) : y != null && y.value ? (l == null ? void 0 : l(S)) || k(m == null ? void 0 : m.value) || (n == null ? void 0 : n.value) : (o == null ? void 0 : o(S)) || k(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
+        });
+        return {
+          isVisible: g,
+          hasErrors: h,
+          hasValid: V,
+          hintContent: B
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return Q(
+            "small",
+            {
+              role: this.hasErrors || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
+  };
+}
+const Z = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, U = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, J = {
+  hintLabel: { type: String, default: "" }
+}, ye = {
+  options: { type: Array, default: () => [] },
+  optionLabel: { type: [String, Function], default: () => "label" },
+  optionValue: { type: [String, Function], default: () => "value" }
+};
+function me(t) {
+  const e = W(t, void 0), r = c(() => !T(e));
+  function s(o, l, n) {
+    if (e != null && e.value) {
+      const u = f(e.value)[o];
+      return c({
         get() {
-          return l.value;
+          return u == null ? void 0 : u.value;
         },
-        set(u) {
-          o && o(`update:${n}`, u);
+        set(i) {
+          u.value = i;
         }
       });
     }
+    const v = X(l, o);
+    return c({
+      get() {
+        return v.value;
+      },
+      set(u) {
+        n && n(`update:${o}`, u);
+      }
+    });
   }
   return {
-    group: t,
+    group: e,
     isInGroup: r,
     getGroupOrLocalRef: s
   };
 }
-function me(e, t) {
-  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = ve(w), { valid: a, error: o } = S(e), l = n("modelValue", e, t), u = n("readonly", e), p = n("disabled", e);
+const ge = {
+  ...Z,
+  ...U,
+  ...J,
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  value: [String, Number, Boolean],
+  modelValue: [Object, Number, Boolean, String],
+  label: String,
+  disabled: Boolean,
+  readonly: Boolean,
+  tabindex: { type: [String, Number], default: 0 }
+}, he = ["click", "update:modelValue", "change", "blur"];
+function Ve(t, e) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: o } = me(w), { valid: l, error: n } = j(t), v = o("modelValue", t, e), u = o("readonly", t), i = o("disabled", t);
   return {
+    valid: l,
+    error: n,
     group: r,
     isInGroup: s,
-    valid: a,
-    error: o,
-    modelValue: l,
+    modelValue: v,
     readonly: u,
-    disabled: p
-  };
-}
-function ge(e, t) {
-  const { focused: r } = se(e);
-  return U(r, (s) => {
-    t(s ? "focus" : "blur", e.value);
-  }), {
-    focused: r
+    disabled: i
   };
 }
-const he = {
-  inheritAttrs: !1
-}, Ae = /* @__PURE__ */ I({
-  ...he,
-  __name: "VvRadio",
-  props: pe,
-  emits: ye,
-  setup(e, { emit: t }) {
-    const r = e, s = W(), { disabled: n, readonly: a, modelValue: o, valid: l, error: u } = me(
+const _e = ["for"], be = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ae = {
+  name: "VvRadio"
+}, Oe = /* @__PURE__ */ D({
+  ...Ae,
+  props: ge,
+  emits: he,
+  setup(t, { emit: e }) {
+    const r = t, s = x(), { disabled: o, readonly: l, modelValue: n, valid: v, error: u } = Ve(
       r,
-      t
-    ), p = J(), y = f(() => Array.isArray(o.value) ? h.contains(r.value, o.value) : h.equals(r.value, o.value)), { focused: c } = ge(p, t), { bemCssClasses: A } = F("vv-input-radio", {
-      valid: l,
-      invalid: u
-    }), { bemCssClasses: i } = F(
-      "vv-input-radio__input",
-      {
-        checked: y,
-        disabled: n,
-        readonly: a
+      e
+    ), i = Y(), p = c(
+      () => r.id !== void 0 ? String(r.id) : void 0
+    ), a = c(() => o.value || l.value), _ = c(() => a.value ? -1 : r.tabindex), y = c(() => {
+      if (r.error === !0)
+        return !0;
+      if (r.valid === !0)
+        return !1;
+    }), m = c(
+      () => Array.isArray(n.value) ? de(r.value, n.value) : $(r.value, n.value)
+    ), h = c(
+      () => ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0
+    ), d = c({
+      get() {
+        return m.value ? h.value : null;
+      },
+      set(g) {
+        if (Array.isArray(n.value)) {
+          n.value = g ? [...n.value, r.value] : ve(r.value, n.value);
+          return;
+        }
+        n.value = r.value, e("change", g);
       }
-    ), d = f(() => {
-      const { class: m } = s;
-      return {
-        class: m,
-        ...A.value
-      };
-    }), g = f(() => ({
-      "focus-visible": c.value,
-      ...i.value
-    })), v = f(() => {
-      const { id: m, name: k, style: j } = s, N = h.pickBy(
-        s,
-        (x) => x.startsWith("data-")
-      );
-      return {
-        for: m || k,
-        style: j,
-        ...N
-      };
-    }), b = f(() => {
-      const { id: m = "", name: k = "" } = s;
-      return {
-        type: "radio",
-        id: m || k,
-        name: k,
-        value: r.value,
-        disabled: n.value,
-        readonly: a.value,
-        checked: y.value,
-        ..._.value
-      };
-    }), _ = f(() => {
-      const { name: m } = s, k = h.pickBy(
-        s,
-        (j) => j.startsWith("aria-")
-      );
-      return {
-        "aria-label": m,
-        "aria-checked": y.value,
-        ...k
-      };
-    });
-    function C() {
-      y.value || t("change", r.value), o.value = r.value;
-    }
-    function H(m) {
-      n.value || (t("click", m), c.value = !0);
-    }
-    return (m, k) => (V(), E("label", B({ class: O(d) }, O(v), { onClick: H }), [
-      P("input", B({
+    }), { bemCssClasses: V } = q("vv-radio", {
+      valid: v,
+      invalid: u,
+      disabled: o,
+      readonly: l
+    }), { HintSlot: b } = z(r, s);
+    return (g, O) => (A(), C("label", {
+      class: I(f(V)),
+      for: f(p)
+    }, [
+      L(H("input", {
+        id: f(p),
         ref_key: "input",
-        ref: p,
-        class: O(g)
-      }, O(b), { onInput: C }), null, 16),
-      D(m.$slots, "default", { value: O(o) }, () => [
-        K(G(m.label), 1)
-      ])
-    ], 16));
+        ref: i,
+        "onUpdate:modelValue": O[0] || (O[0] = (B) => G(d) ? d.value = B : null),
+        type: "radio",
+        class: "vv-radio__input",
+        name: g.name,
+        disabled: f(a),
+        value: f(h),
+        tabindex: f(_),
+        "aria-invalid": f(y)
+      }, null, 8, be), [
+        [ee, f(d)]
+      ]),
+      F(g.$slots, "default", { value: f(n) }, () => [
+        te(N(g.label), 1)
+      ]),
+      M(f(b), {
+        class: "vv-radio__hint",
+        params: { value: f(n) }
+      }, null, 8, ["params"])
+    ], 10, _e));
   }
-});
-function R(e) {
-  return Array.isArray(e) ? e.filter((t) => h.isString(t)).reduce((t, r) => t.length > 0 ? t + `
-` + r : r, "") : e;
-}
-function Ce(e, t) {
-  return {
-    name: "HintSlot",
-    props: {
-      params: {
-        type: Object,
-        default: () => ({})
-      }
-    },
-    setup(r) {
-      const s = S(e), {
-        error: n,
-        valid: a,
-        hint: o,
-        loading: l
-      } = t, {
-        hintLabel: u,
-        modelValue: p,
-        valid: y,
-        validLabel: c,
-        error: A,
-        errorLabel: i
-      } = s, d = h.resolveFieldData(s, "loading"), g = h.resolveFieldData(
-        s,
-        "loadingLabel"
-      ), v = f(() => A.value ? !!(A.value && n || (i == null ? void 0 : i.value) && Array.isArray(i.value) && i.value.length > 0 || (i == null ? void 0 : i.value) && h.isNotEmpty(i.value)) : !1), b = f(() => !!(u && u.value || o || a || c && c.value || v.value || (d == null ? void 0 : d.value) && l || (d == null ? void 0 : d.value) && (g == null ? void 0 : g.value))), _ = f(() => {
-        const C = oe({
-          hintLabel: u,
-          modelValue: p,
-          valid: y,
-          validLabel: c,
-          error: A,
-          errorLabel: i,
-          loading: d,
-          loadingLabel: g,
-          ...r.params
-        });
-        return A != null && A.value ? (n == null ? void 0 : n(C)) || R(i == null ? void 0 : i.value) || (u == null ? void 0 : u.value) : y != null && y.value ? (a == null ? void 0 : a(C)) || R(c == null ? void 0 : c.value) || (u == null ? void 0 : u.value) : d != null && d.value ? (l == null ? void 0 : l(C)) || R(g == null ? void 0 : g.value) || (u == null ? void 0 : u.value) : (o == null ? void 0 : o(C)) || R(u == null ? void 0 : u.value) || (u == null ? void 0 : u.value);
-      });
-      return {
-        hasHint: b,
-        hintContent: _
-      };
-    },
-    render() {
-      if (this.hasHint)
-        return Q(
-          "pre",
-          { style: { "white-space": "pre" } },
-          this.hintContent
-        );
-    }
-  };
-}
-const Oe = ["textContent"], ke = { class: "vv-input-radio-group__wrapper" }, Ve = /* @__PURE__ */ I({
-  __name: "VvRadioGroup",
-  props: ce,
-  emits: ie,
-  setup(e, { emit: t }) {
-    const r = e, s = X(), n = ue(r, "modelValue", t), { disabled: a, readonly: o, vertical: l, valid: u, error: p } = S(r);
-    fe({
+}), Se = ["update:modelValue"], ke = {
+  ...Z,
+  ...U,
+  ...ye,
+  ...J,
+  modelValue: null,
+  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 }
+}, Ce = ["textContent"], Re = { class: "vv-radio-group__wrapper" }, je = {
+  name: "VvRadioGroup"
+}, $e = /* @__PURE__ */ D({
+  ...je,
+  props: ke,
+  emits: Se,
+  setup(t, { emit: e }) {
+    const r = t, s = x(), { HintSlot: o } = z(r, s), l = ae(r, "modelValue", e), { disabled: n, readonly: v, vertical: u, valid: i, error: p } = j(r);
+    ie({
       key: w,
-      modelValue: n,
-      disabled: a,
-      readonly: o
+      modelValue: l,
+      disabled: n,
+      readonly: v
     });
-    const { getOptionLabel: c, getOptionValue: A } = de(r), { bemCssClasses: i } = F("vv-input-radio-group", {
-      horizontal: f(() => !l.value),
-      valid: u,
+    const { getOptionLabel: _, getOptionValue: y } = ce(r), { bemCssClasses: m } = q("vv-radio-group", {
+      horizontal: c(() => !u.value),
+      valid: i,
       invalid: p
+    }), h = (d, V) => ({
+      id: `${r.name}_opt${V}`,
+      name: r.name,
+      label: _(d),
+      value: y(d)
     });
-    function d(v, b) {
-      return {
-        id: `${r.name}_opt${b}`,
-        name: r.name,
-        label: c(v),
-        value: A(v)
-      };
-    }
-    const g = Ce(r, s);
-    return (v, b) => (V(), E("fieldset", {
-      class: Y(O(i))
+    return (d, V) => (A(), C("fieldset", {
+      class: I(f(m))
     }, [
-      v.label ? (V(), E("legend", {
+      d.label ? (A(), C("legend", {
         key: 0,
-        textContent: G(v.label)
-      }, null, 8, Oe)) : L("", !0),
-      P("div", ke, [
-        v.options.length > 0 ? (V(!0), E(ee, { key: 0 }, te(v.options, (_, C) => (V(), re(Ae, B({ key: C }, d(_, C)), null, 16))), 128)) : D(v.$slots, "default", { key: 1 })
+        textContent: N(d.label)
+      }, null, 8, Ce)) : ne("", !0),
+      H("div", Re, [
+        d.options.length > 0 ? (A(!0), C(re, { key: 0 }, oe(d.options, (b, g) => (A(), se(Oe, le({ key: g }, h(b, g)), null, 16))), 128)) : F(d.$slots, "default", { key: 1 })
       ]),
-      ne(O(g), { class: "vv-input-radio-group__hint" })
+      M(f(o), { class: "vv-radio-group__hint" })
     ], 2));
   }
 });
 export {
-  Ve as default
+  $e as default
 };