@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1

package/dist/components/VvRadioGroup/vv-radio-group.es.js

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

package/dist/components/VvRadioGroup/vv-radio-group.umd.js

@@ -1,2 +0,0 @@
-(function(r,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],_):(r=typeof globalThis<"u"?globalThis:r||self,r.VvRadioGroup=_(r.vue,r.core))})(this,function(r,_){"use strict";const E={valid:Boolean,validLabel:[String,Array]},b={error:Boolean,errorLabel:[String,Array]},j={hintLabel:{type:String,default:""}},I={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},P=["update:modelValue"],F={...E,...b,...I,...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}};function q(e){if(Object.keys(e).some(t=>t!=="key"&&!r.isRef(e[t])))throw Error("One or more groupState props aren't ref.");console.log("PRovide - ",e),r.provide(e.key,r.computed(()=>e))}function D(e){const{options:t,optionLabel:n,optionValue:o}=r.toRefs(e);return{options:t,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof n.value=="function"?n.value(l):l[n.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof o.value=="function"?o.value(l):l[o.value]}}const h={equals(e,t,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const n=Array.isArray(e),o=Array.isArray(t);let s,a,l;if(n&&o){if(a=e.length,a!=t.length)return!1;for(s=a;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(n!=o)return!1;const i=e instanceof Date,c=t instanceof Date;if(i!=c)return!1;if(i&&c)return e.getTime()==t.getTime();const f=e instanceof RegExp,p=t instanceof RegExp;if(f!=p)return!1;if(f&&p)return e.toString()==t.toString();const d=Object.keys(e);if(a=d.length,a!==Object.keys(t).length)return!1;for(s=a;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,d[s]))return!1;for(s=a;s--!==0;)if(l=d[s],!this.deepEquals(e[l],t[l]))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 n=t.split(".");let o=e;for(let s=0,a=n.length;s<a;++s){if(e==null)return null;o=o[n[s]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){n=o;break}}return n},contains(e,t){if(e!=null&&t&&t.length){for(const n of t)if(this.equals(e,n))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,t){return Object.fromEntries(Object.entries(e).filter(([n])=>t(n)))},removeFromList(e,t){const n=this.findIndexInList(e,t);return n>-1?t.filter((o,s)=>s!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var o,s,a,l,i;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(o=e[n])!=null&&o.type&&(Array.isArray(e[n].type)?t[n]=((s=e[n])==null?void 0:s.default)||((a=e[n])==null?void 0:a.type[0]()):t[n]=((l=e[n])==null?void 0:l.default)||((i=e[n])==null?void 0:i.type())),t},{})},filterArray(e,t,n){return e.filter(o=>t.some(s=>typeof s=="string"?o[n]==s:this.equals(o[n],s[n])))},kebabCase(e){var t,n;if(e)return(n=(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:n.toLowerCase()}};function v(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((s,a)=>{const l=r.unref(t[a])||!1;if(!l)return s;if(a==="modifiers"){const i=Array.isArray(l)?l:[l];return{...s,...i.reduce((c,f)=>({...c,[`${e}--${h.kebabCase(f)}`]:!0}),{})}}else return{...s,[`${e}--${h.kebabCase(a)}`]:l}},n)||{})}}const S=Symbol("VV_RADIO_GROUP"),G={...E,...b,value:null,modelValue:{type:[Object,Number,Boolean,String]},label:{type:String,default:""},disabled:Boolean,readonly:Boolean},$=["click","update:modelValue","change","focus","blur"];function N(e){const t=r.inject(e,void 0);console.log("Inject - ",t);const n=r.computed(()=>h.isNotEmpty(t));function o(s,a,l){if(t!=null&&t.value){const i=r.unref(t.value)[s];return r.computed({get(){return i==null?void 0:i.value},set(c){i.value=c}})}else{const i=r.toRef(a,s);return r.computed({get(){return i.value},set(c){l&&l(`update:${s}`,c)}})}}return{group:t,isInGroup:n,getGroupOrLocalRef:o}}function x(e,t){const{group:n,isInGroup:o,getGroupOrLocalRef:s}=N(S),{valid:a,error:l}=r.toRefs(e),i=s("modelValue",e,t),c=s("readonly",e),f=s("disabled",e);return{group:n,isInGroup:o,valid:a,error:l,modelValue:i,readonly:c,disabled:f}}function H(e,t){const{focused:n}=_.useFocus(e);return r.watch(n,o=>{t(o?"focus":"blur",e.value)}),{focused:n}}const w={inheritAttrs:!1},T=r.defineComponent({...w,__name:"VvRadio",props:G,emits:$,setup(e,{emit:t}){const n=e,o=r.useAttrs(),{disabled:s,readonly:a,modelValue:l,valid:i,error:c}=x(n,t),f=r.ref(),p=r.computed(()=>Array.isArray(l.value)?h.contains(n.value,l.value):h.equals(n.value,l.value)),{focused:d}=H(f,t),{bemCssClasses:u}=v("vv-input-radio",{valid:i,invalid:c}),{bemCssClasses:y}=v("vv-input-radio__input",{checked:p,disabled:s,readonly:a}),A=r.computed(()=>{const{class:g}=o;return{class:g,...u.value}}),R=r.computed(()=>({"focus-visible":d.value,...y.value})),m=r.computed(()=>{const{id:g,name:O,style:B}=o,J=h.pickBy(o,K=>K.startsWith("data-"));return{for:g||O,style:B,...J}}),C=r.computed(()=>{const{id:g="",name:O=""}=o;return{type:"radio",id:g||O,name:O,value:n.value,disabled:s.value,readonly:a.value,checked:p.value,...V.value}}),V=r.computed(()=>{const{name:g}=o,O=h.pickBy(o,B=>B.startsWith("aria-"));return{"aria-label":g,"aria-checked":p.value,...O}});function k(){p.value||t("change",n.value),l.value=n.value}function W(g){s.value||(t("click",g),d.value=!0)}return(g,O)=>(r.openBlock(),r.createElementBlock("label",r.mergeProps({class:r.unref(A)},r.unref(m),{onClick:W}),[r.createElementVNode("input",r.mergeProps({ref_key:"input",ref:f,class:r.unref(R)},r.unref(C),{onInput:k}),null,16),r.renderSlot(g.$slots,"default",{value:r.unref(l)},()=>[r.createTextVNode(r.toDisplayString(g.label),1)])],16))}});function z(e){return Array.isArray(e)?e.filter(t=>h.isString(t)).reduce((t,n)=>t.length>0?t+`
-`+n:n,""):e}function Z(e,t){return{name:"HintSlot",setup(){const n=r.toRefs(e),{error:o,valid:s,hint:a,loading:l}=t,{hintLabel:i,modelValue:c,valid:f,validLabel:p,error:d,errorLabel:u}=n,y=h.resolveFieldData(n,"loading"),A=h.resolveFieldData(n,"loadingLabel"),R=r.computed(()=>d.value?!!(d.value&&o||(u==null?void 0:u.value)&&Array.isArray(u.value)&&u.value.length>0||(u==null?void 0:u.value)&&h.isNotEmpty(u.value)):!1),m=r.computed(()=>!!(i&&i.value||a||s||p&&p.value||R.value||(y==null?void 0:y.value)&&l||(y==null?void 0:y.value)&&(A==null?void 0:A.value))),C=r.computed(()=>Array.isArray(u==null?void 0:u.value)?z((u==null?void 0:u.value)||""):u==null?void 0:u.value),V=r.computed(()=>{const k={modelValue:c,error:d,valid:f};return d!=null&&d.value?(o==null?void 0:o(k))||(C==null?void 0:C.value)||(i==null?void 0:i.value):f!=null&&f.value?(s==null?void 0:s(k))||(p==null?void 0:p.value)||(i==null?void 0:i.value):y!=null&&y.value?(l==null?void 0:l(k))||(A==null?void 0:A.value)||(i==null?void 0:i.value):(a==null?void 0:a(k))||(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:m,hintContent:V}},render(){if(this.hasHint)return r.h("span",null,this.hintContent)}}}const U=["textContent"],M={class:"vv-input-radio-group__wrapper"};return r.defineComponent({__name:"VvRadioGroup",props:F,emits:P,setup(e,{emit:t}){const n=e,o=r.useSlots(),s=_.useVModel(n,"modelValue",t),{disabled:a,readonly:l,vertical:i,valid:c,error:f}=r.toRefs(n);q({key:S,modelValue:s,disabled:a,readonly:l});const{getOptionLabel:d,getOptionValue:u}=D(n),{bemCssClasses:y}=v("vv-input-radio-group",{horizontal:r.computed(()=>!i.value),valid:c,invalid:f});function A(m,C){return{id:`${n.name}_opt${C}`,name:n.name,label:d(m),value:u(m)}}const R=Z(n,o);return(m,C)=>(r.openBlock(),r.createElementBlock("fieldset",{class:r.normalizeClass(r.unref(y))},[m.label?(r.openBlock(),r.createElementBlock("legend",{key:0,textContent:r.toDisplayString(m.label)},null,8,U)):r.createCommentVNode("",!0),r.createElementVNode("div",M,[m.options.length>0?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(m.options,(V,k)=>(r.openBlock(),r.createBlock(T,r.mergeProps({key:k},A(V,k)),null,16))),128)):r.renderSlot(m.$slots,"default",{key:1})]),r.createVNode(r.unref(R),{class:"vv-input-radio-group__hint"})],2))}})});