@volverjs/ui-vue 0.0.2 → 0.0.3-beta.3

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

@@ -1,163 +1,37 @@
-import { isRef as G, provide as W, computed as c, toRefs as B, unref as f, h as X, inject as Y, toRef as L, defineComponent as D, useSlots as I, ref as ee, openBlock as A, createElementBlock as C, normalizeClass as E, withDirectives as te, createElementVNode as x, vModelRadio as ne, renderSlot as H, createTextVNode as re, toDisplayString as N, createVNode as w, createCommentVNode as oe, Fragment as se, renderList as ae, createBlock as le, mergeProps as ue } from "vue";
-import { toReactive as ie, useVModel as ce } from "@vueuse/core";
-import { nanoid as fe } from "nanoid";
-function de(t) {
-  if (Object.keys(t).some(
-    (e) => e !== "key" && !G(t[e])
-  ))
-    throw Error("One or more groupState props aren't ref.");
-  W(
-    t.key,
-    c(() => t)
-  );
-}
-function ve(t) {
-  const { options: e, labelKey: r, valueKey: a } = B(t);
-  return {
-    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 a.value == "function" ? a.value(n) : n[a.value]
-  };
-}
-function F(t, e, r) {
-  return r ? R(t, r) === R(e, r) : j(t, e);
-}
-function j(t, e) {
-  if (t === e)
-    return !0;
-  if (t && e && typeof t == "object" && typeof e == "object") {
-    const r = Array.isArray(t), a = Array.isArray(e);
-    let o, s, n;
-    if (r && a) {
-      if (s = t.length, s != e.length)
-        return !1;
-      for (o = s; o-- !== 0; )
-        if (!j(t[o], e[o]))
-          return !1;
-      return !0;
-    }
-    if (r != a)
-      return !1;
-    const d = t instanceof Date, l = e instanceof Date;
-    if (d != l)
-      return !1;
-    if (d && l)
-      return t.getTime() == e.getTime();
-    const u = t instanceof RegExp, y = e instanceof RegExp;
-    if (u != y)
-      return !1;
-    if (u && y)
-      return t.toString() == e.toString();
-    const i = Object.keys(t);
-    if (s = i.length, s !== Object.keys(e).length)
-      return !1;
-    for (o = s; o-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(e, i[o]))
-        return !1;
-    for (o = s; o-- !== 0; )
-      if (n = i[o], !j(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 a = t;
-      for (let o = 0, s = r.length; o < s; ++o) {
-        if (t == null)
-          return null;
-        a = a[r[o]];
-      }
-      return a;
-    }
-  } else
-    return null;
-}
-function pe(t, e) {
-  if (t != null && e && e.length) {
-    for (const r of e)
-      if (F(t, r))
-        return !0;
-  }
-  return !1;
-}
-function M(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 ye(t) {
-  return typeof t == "string" || t instanceof String;
-}
-function $(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: c(() => Object.keys(e).reduce((o, s) => {
-      const n = f(e[s]) || !1;
-      if (!n)
-        return o;
-      if (s === "modifiers") {
-        const d = Array.isArray(n) ? n : n.split(" ");
-        return {
-          ...o,
-          ...d.reduce(
-            (l, u) => ({
-              ...l,
-              [`${t}--${$(u)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...o,
-          [`${t}--${$(s)}`]: n
-        };
-    }, r) || {})
-  };
-}
-const z = "VV_RADIO_GROUP";
-function k(t) {
-  return Array.isArray(t) ? t.filter((e) => ye(e)).join(" ") : t;
+import { defineComponent as B, openBlock as S, createElementBlock as A, normalizeClass as O, unref as u, withDirectives as q, createElementVNode as G, isRef as U, vModelRadio as w, renderSlot as I, createTextVNode as z, toDisplayString as N, createVNode as D, createCommentVNode as K, Fragment as T, renderList as J, createBlock as Q, mergeProps as W } from "vue";
+import { nanoid as X } from "nanoid";
+const $ = "VV_RADIO_GROUP";
+function C(a) {
+  return Array.isArray(a) ? a.filter((v) => isString(v)).join(" ") : a;
 }
-function K(t, e) {
+function H(a, v) {
   const {
-    invalid: r,
-    valid: a,
-    hint: o,
-    loading: s
-  } = e, {
-    hintLabel: n,
-    modelValue: d,
-    valid: l,
-    validLabel: u,
-    invalid: y,
-    invalidLabel: i,
-    ...b
-  } = B(t), p = R(b, "loading"), m = R(b, "loadingLabel"), h = c(() => y.value ? !!(y.value && r || i != null && i.value && Array.isArray(i.value) && i.value.length > 0 || i != null && i.value && !M(i)) : !1), v = c(
-    () => !!(n && n.value || o)
-  ), V = c(
-    () => !!(u && u.value || a)
-  ), _ = c(
-    () => !!(p != null && p.value && s || p != null && p.value && (m != null && m.value))
-  ), g = c(
-    () => v.value || V.value || h.value || _.value
+    invalid: t,
+    valid: p,
+    hint: n,
+    loading: i
+  } = v, {
+    hintLabel: e,
+    modelValue: y,
+    valid: d,
+    validLabel: r,
+    invalid: m,
+    invalidLabel: o,
+    ..._
+  } = toRefs(a), l = resolveFieldData(_, "loading"), c = resolveFieldData(_, "loadingLabel"), V = computed(() => m.value ? !!(m.value && t || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !isEmpty(o)) : !1), s = computed(
+    () => !!(e && e.value || n)
+  ), g = computed(
+    () => !!(r && r.value || p)
+  ), b = computed(
+    () => !!(l != null && l.value && i || l != null && l.value && (c != null && c.value))
+  ), f = computed(
+    () => s.value || g.value || V.value || b.value
   );
   return {
-    hasInvalid: h,
-    hasHint: v,
-    hasValid: V,
-    hasLoading: _,
+    hasInvalid: V,
+    hasHint: s,
+    hasValid: g,
+    hasLoading: b,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -166,31 +40,31 @@ function K(t, e) {
           default: () => ({})
         }
       },
-      setup(O) {
-        const P = c(() => {
-          const S = ie({
-            hintLabel: n,
-            modelValue: d,
-            valid: l,
-            validLabel: u,
-            invalid: y,
-            invalidLabel: i,
-            loading: p,
-            loadingLabel: m,
-            ...O.params
+      setup(P) {
+        const k = computed(() => {
+          const R = toReactive({
+            hintLabel: e,
+            modelValue: y,
+            valid: d,
+            validLabel: r,
+            invalid: m,
+            invalidLabel: o,
+            loading: l,
+            loadingLabel: c,
+            ...P.params
           });
-          return y != null && y.value ? (r == null ? void 0 : r(S)) || k(i == null ? void 0 : i.value) || (n == null ? void 0 : n.value) : l != null && l.value ? (a == null ? void 0 : a(S)) || k(u == null ? void 0 : u.value) || (n == null ? void 0 : n.value) : p != null && p.value ? (s == null ? void 0 : s(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 m != null && m.value ? (t == null ? void 0 : t(R)) || C(o == null ? void 0 : o.value) || (e == null ? void 0 : e.value) : d != null && d.value ? (p == null ? void 0 : p(R)) || C(r == null ? void 0 : r.value) || (e == null ? void 0 : e.value) : l != null && l.value ? (i == null ? void 0 : i(R)) || C(c == null ? void 0 : c.value) || (e == null ? void 0 : e.value) : (n == null ? void 0 : n(R)) || C(e == null ? void 0 : e.value) || (e == null ? void 0 : e.value);
         });
         return {
-          isVisible: g,
-          hasInvalid: h,
-          hasValid: V,
-          hintContent: P
+          isVisible: f,
+          hasInvalid: V,
+          hasValid: g,
+          hintContent: k
         };
       },
       render() {
         if (this.isVisible)
-          return X(
+          return h(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -201,198 +75,167 @@ function K(t, e) {
     }
   };
 }
-const T = {
+const F = {
   valid: Boolean,
   validLabel: [String, Array]
-}, Z = {
+}, j = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, U = {
+}, x = {
   disabled: Boolean
-}, J = {
+}, E = {
   readonly: Boolean
-}, Q = {
+}, M = {
   hintLabel: { type: String, default: "" }
-}, me = {
+}, Y = {
   options: {
     type: Array,
     default: () => []
   },
   labelKey: { type: [String, Function], default: "label" },
   valueKey: { type: [String, Function], default: "value" }
-}, ge = {
+}, Z = {
   tabindex: { type: [String, Number], default: 0 }
-}, he = {
+}, L = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, Ve = {
-  ...he,
-  ...ge,
-  ...T,
+}, ee = {
+  ...L,
   ...Z,
-  ...Q,
-  ...U,
-  ...J,
+  ...F,
+  ...j,
+  ...M,
+  ...x,
+  ...E,
   value: [String, Number, Boolean],
   modelValue: [Object, Number, Boolean, String],
   label: String
-}, be = {
-  ...T,
-  ...Z,
-  ...me,
-  ...Q,
-  ...U,
-  ...J,
+}, te = {
+  ...F,
+  ...j,
+  ...Y,
+  ...M,
+  ...x,
+  ...E,
   modelValue: [String, Array],
   label: String,
   name: { type: String, required: !0 },
   vertical: Boolean
-};
-function _e(t) {
-  const e = Y(t, void 0), r = c(() => !M(e));
-  function a(o, s, n) {
-    if (e != null && e.value) {
-      const l = f(e.value)[o];
-      return c({
-        get() {
-          return l == null ? void 0 : l.value;
-        },
-        set(u) {
-          l.value = u;
-        }
-      });
-    }
-    const d = L(s, o);
-    return c({
-      get() {
-        return d.value;
-      },
-      set(l) {
-        n && n(`update:${o}`, l);
-      }
-    });
-  }
-  return {
-    group: e,
-    isInGroup: r,
-    getGroupOrLocalRef: a
-  };
-}
-const Ae = Ve, Oe = ["click", "update:modelValue", "change", "blur"];
-function Se(t, e) {
-  const { group: r, isInGroup: a, getGroupOrLocalRef: o } = _e(z), s = o("modelValue", t, e), n = o("readonly", t), d = o("disabled", t), l = o("valid", t), u = o("invalid", t);
+}, oe = ee, ae = ["click", "update:modelValue", "change", "blur"];
+function ne(a, v) {
+  const { group: t, isInGroup: p, getGroupOrLocalRef: n } = useInjectedGroupState($), i = n("modelValue", a, v), e = n("readonly", a), y = n("disabled", a), d = n("valid", a), r = n("invalid", a);
   return {
-    group: r,
-    isInGroup: a,
-    modelValue: s,
-    readonly: n,
-    disabled: d,
-    valid: l,
-    invalid: u
+    group: t,
+    isInGroup: p,
+    modelValue: i,
+    readonly: e,
+    disabled: y,
+    valid: d,
+    invalid: r
   };
 }
-const ke = ["for"], Ce = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Re = {
+const se = ["for"], re = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], le = {
   name: "VvRadio"
-}, Pe = /* @__PURE__ */ D({
-  ...Re,
-  props: Ae,
-  emits: Oe,
-  setup(t, { emit: e }) {
-    const r = t, a = I(), { disabled: o, readonly: s, modelValue: n, valid: d, invalid: l } = Se(
-      r,
-      e
-    ), u = c(() => String(r.id || fe())), y = c(() => b.value ? -1 : r.tabindex), i = ee(), b = c(() => o.value || s.value), p = c(() => {
-      if (l.value === !0)
-        return !0;
+}, ue = /* @__PURE__ */ B({
+  ...le,
+  props: oe,
+  emits: ae,
+  setup(a, { emit: v }) {
+    const t = a, p = useSlots(), { disabled: n, readonly: i, modelValue: e, valid: y, invalid: d } = ne(
+      t,
+      v
+    ), r = computed(() => String(t.id || X())), m = computed(() => _.value ? -1 : t.tabindex), o = ref(), _ = computed(() => n.value || i.value), l = computed(() => {
       if (d.value === !0)
+        return !0;
+      if (y.value === !0)
         return !1;
-    }), m = c(
-      () => Array.isArray(n.value) ? pe(r.value, n.value) : F(r.value, n.value)
-    ), h = c(
-      () => ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0
-    ), v = c({
+    }), c = computed(
+      () => Array.isArray(e.value) ? contains(t.value, e.value) : equals(t.value, e.value)
+    ), V = computed(
+      () => ["string", "number", "boolean"].includes(typeof t.value) ? t.value : !0
+    ), s = computed({
       get() {
-        return m.value ? h.value : null;
+        return c.value ? V.value : null;
       },
-      set(g) {
-        Array.isArray(n.value) ? n.value = [r.value] : n.value = r.value, e("change", g);
+      set(f) {
+        Array.isArray(e.value) ? e.value = [t.value] : e.value = t.value, v("change", f);
       }
-    }), { bemCssClasses: V } = q("vv-radio", {
-      valid: d,
-      invalid: l,
-      disabled: o,
-      readonly: s
-    }), { HintSlot: _ } = K(r, a);
-    return (g, O) => (A(), C("label", {
-      class: E(f(V)),
-      for: f(u)
+    }), { bemCssClasses: g } = useBemModifiers("vv-radio", {
+      valid: y,
+      invalid: d,
+      disabled: n,
+      readonly: i
+    }), { HintSlot: b } = H(t, p);
+    return (f, P) => (S(), A("label", {
+      class: O(u(g)),
+      for: u(r)
     }, [
-      te(x("input", {
-        id: f(u),
+      q(G("input", {
+        id: u(r),
         ref_key: "input",
-        ref: i,
-        "onUpdate:modelValue": O[0] || (O[0] = (P) => G(v) ? v.value = P : null),
+        ref: o,
+        "onUpdate:modelValue": P[0] || (P[0] = (k) => U(s) ? s.value = k : null),
         type: "radio",
         class: "vv-radio__input",
-        name: g.name,
-        disabled: f(b),
-        value: f(h),
-        tabindex: f(y),
-        "aria-invalid": f(p)
-      }, null, 8, Ce), [
-        [ne, f(v)]
+        name: f.name,
+        disabled: u(_),
+        value: u(V),
+        tabindex: u(m),
+        "aria-invalid": u(l)
+      }, null, 8, re), [
+        [w, u(s)]
       ]),
-      H(g.$slots, "default", { value: f(n) }, () => [
-        re(N(g.label), 1)
+      I(f.$slots, "default", { value: u(e) }, () => [
+        z(N(f.label), 1)
       ]),
-      w(f(_), {
+      D(u(b), {
         class: "vv-radio__hint",
-        params: { value: f(n) }
+        params: { value: u(e) }
       }, null, 8, ["params"])
-    ], 10, ke));
+    ], 10, se));
   }
-}), je = be, Be = ["update:modelValue", "change"], $e = ["textContent"], Ge = { class: "vv-radio-group__wrapper" }, De = {
+}), ie = te, de = ["update:modelValue", "change"], ce = ["textContent"], ve = { class: "vv-radio-group__wrapper" }, pe = {
   name: "VvRadioGroup"
-}, He = /* @__PURE__ */ D({
-  ...De,
-  props: je,
-  emits: Be,
-  setup(t, { emit: e }) {
-    const r = t, a = I(), o = ce(r, "modelValue", e), { disabled: s, readonly: n, vertical: d, valid: l, invalid: u } = B(r);
-    de({
-      key: z,
-      modelValue: o,
-      disabled: s,
-      readonly: n,
-      valid: l,
-      invalid: u
-    });
-    const { getOptionLabel: i, getOptionValue: b } = ve(r), { bemCssClasses: p } = q("vv-radio-group", {
-      disabled: s,
-      readonly: n,
-      horizontal: c(() => !d.value),
-      valid: l,
-      invalid: u
-    }), m = (v, V) => ({
-      id: `${r.name}_opt${V}`,
-      name: r.name,
-      label: i(v),
-      value: b(v)
-    }), { HintSlot: h } = K(r, a);
-    return (v, V) => (A(), C("fieldset", {
-      class: E(f(p))
+}, ye = /* @__PURE__ */ B({
+  ...pe,
+  props: ie,
+  emits: de,
+  setup(a, { emit: v }) {
+    const t = a, p = useSlots(), n = useVModel(t, "modelValue", v), { disabled: i, readonly: e, vertical: y, valid: d, invalid: r } = toRefs(t), m = {
+      key: $,
+      modelValue: n,
+      disabled: i,
+      readonly: e,
+      valid: d,
+      invalid: r
+    };
+    useProvideGroupState(m);
+    const { getOptionLabel: o, getOptionValue: _ } = useOptions(t), { bemCssClasses: l } = useBemModifiers("vv-radio-group", {
+      disabled: i,
+      readonly: e,
+      horizontal: computed(() => !y.value),
+      valid: d,
+      invalid: r
+    }), c = (s, g) => ({
+      id: `${t.name}_opt${g}`,
+      name: t.name,
+      label: o(s),
+      value: _(s)
+    }), { HintSlot: V } = H(t, p);
+    return (s, g) => (S(), A("fieldset", {
+      class: O(u(l))
     }, [
-      v.label ? (A(), C("legend", {
+      s.label ? (S(), A("legend", {
         key: 0,
-        textContent: N(v.label)
-      }, null, 8, $e)) : oe("", !0),
-      x("div", Ge, [
-        v.options.length > 0 ? (A(!0), C(se, { key: 0 }, ae(v.options, (_, g) => (A(), le(Pe, ue({ key: g }, m(_, g)), null, 16))), 128)) : H(v.$slots, "default", { key: 1 })
+        textContent: N(s.label)
+      }, null, 8, ce)) : K("", !0),
+      G("div", ve, [
+        s.options.length > 0 ? (S(!0), A(T, { key: 0 }, J(s.options, (b, f) => (S(), Q(ue, W({ key: f }, c(b, f)), null, 16))), 128)) : I(s.$slots, "default", { key: 1 })
       ]),
-      w(f(h), { class: "vv-radio-group__hint" })
+      D(u(V), { class: "vv-radio-group__hint" })
     ], 2));
   }
 });
 export {
-  He as default
+  ye as default
 };

package/dist/components/VvRadioGroup/VvRadioGroup.umd.js

@@ -1 +1 @@
-(function(e,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],_):(e=typeof globalThis<"u"?globalThis:e||self,e.VvRadioGroup=_(e.vue,e.core,e.nanoid))})(this,function(e,_,H){"use strict";function T(n){if(Object.keys(n).some(t=>t!=="key"&&!e.isRef(n[t])))throw Error("One or more groupState props aren't ref.");e.provide(n.key,e.computed(()=>n))}function w(n){const{options:t,labelKey:o,valueKey:l}=e.toRefs(n);return{options:t,getOptionLabel:r=>typeof r!="object"&&r!==null?r:typeof o.value=="function"?o.value(r):r[o.value],getOptionValue:r=>typeof r!="object"&&r!==null?r:typeof l.value=="function"?l.value(r):r[l.value]}}function P(n,t,o){return o?k(n,o)===k(t,o):R(n,t)}function R(n,t){if(n===t)return!0;if(n&&t&&typeof n=="object"&&typeof t=="object"){const o=Array.isArray(n),l=Array.isArray(t);let s,a,r;if(o&&l){if(a=n.length,a!=t.length)return!1;for(s=a;s--!==0;)if(!R(n[s],t[s]))return!1;return!0}if(o!=l)return!1;const d=n instanceof Date,i=t instanceof Date;if(d!=i)return!1;if(d&&i)return n.getTime()==t.getTime();const u=n instanceof RegExp,m=t instanceof RegExp;if(u!=m)return!1;if(u&&m)return n.toString()==t.toString();const c=Object.keys(n);if(a=c.length,a!==Object.keys(t).length)return!1;for(s=a;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,c[s]))return!1;for(s=a;s--!==0;)if(r=c[s],!R(n[r],t[r]))return!1;return!0}return n!==n&&t!==t}function k(n,t){if(n&&Object.keys(n).length&&t){if(t.indexOf(".")===-1)return n[t];{const o=t.split(".");let l=n;for(let s=0,a=o.length;s<a;++s){if(n==null)return null;l=l[o[s]]}return l}}else return null}function z(n,t){if(n!=null&&t&&t.length){for(const o of t)if(P(n,o))return!0}return!1}function B(n){return(t=>t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0)(e.unref(n))}function F(n){return typeof n=="string"||n instanceof String}function j(n){var t,o;if(n)return(o=(t=n.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:o.toLowerCase()}function G(n,t){const o={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(t).reduce((s,a)=>{const r=e.unref(t[a])||!1;if(!r)return s;if(a==="modifiers"){const d=Array.isArray(r)?r:r.split(" ");return{...s,...d.reduce((i,u)=>({...i,[`${n}--${j(u)}`]:!0}),{})}}else return{...s,[`${n}--${j(a)}`]:r}},o)||{})}}const $="VV_RADIO_GROUP";function A(n){return Array.isArray(n)?n.filter(t=>F(t)).join(" "):n}function E(n,t){const{invalid:o,valid:l,hint:s,loading:a}=t,{hintLabel:r,modelValue:d,valid:i,validLabel:u,invalid:m,invalidLabel:c,...v}=e.toRefs(n),p=k(v,"loading"),y=k(v,"loadingLabel"),h=e.computed(()=>m.value?!!(m.value&&o||c!=null&&c.value&&Array.isArray(c.value)&&c.value.length>0||c!=null&&c.value&&!B(c)):!1),f=e.computed(()=>!!(r&&r.value||s)),V=e.computed(()=>!!(u&&u.value||l)),b=e.computed(()=>!!(p!=null&&p.value&&a||p!=null&&p.value&&(y!=null&&y.value))),g=e.computed(()=>f.value||V.value||h.value||b.value);return{hasInvalid:h,hasHint:f,hasValid:V,hasLoading:b,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(S){const C=e.computed(()=>{const O=_.toReactive({hintLabel:r,modelValue:d,valid:i,validLabel:u,invalid:m,invalidLabel:c,loading:p,loadingLabel:y,...S.params});return m!=null&&m.value?(o==null?void 0:o(O))||A(c==null?void 0:c.value)||(r==null?void 0:r.value):i!=null&&i.value?(l==null?void 0:l(O))||A(u==null?void 0:u.value)||(r==null?void 0:r.value):p!=null&&p.value?(a==null?void 0:a(O))||A(y==null?void 0:y.value)||(r==null?void 0:r.value):(s==null?void 0:s(O))||A(r==null?void 0:r.value)||(r==null?void 0:r.value)});return{isVisible:g,hasInvalid:h,hasValid:V,hintContent:C}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const D={valid:Boolean,validLabel:[String,Array]},I={invalid:Boolean,invalidLabel:[String,Array]},x={disabled:Boolean},N={readonly:Boolean},q={hintLabel:{type:String,default:""}},M={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},K={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...D,...I,...q,...x,...N,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},Z={...D,...I,...M,...q,...x,...N,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean};function U(n){const t=e.inject(n,void 0),o=e.computed(()=>!B(t));function l(s,a,r){if(t!=null&&t.value){const i=e.unref(t.value)[s];return e.computed({get(){return i==null?void 0:i.value},set(u){i.value=u}})}const d=e.toRef(a,s);return e.computed({get(){return d.value},set(i){r&&r(`update:${s}`,i)}})}return{group:t,isInGroup:o,getGroupOrLocalRef:l}}const J=K,Q=["click","update:modelValue","change","blur"];function W(n,t){const{group:o,isInGroup:l,getGroupOrLocalRef:s}=U($),a=s("modelValue",n,t),r=s("readonly",n),d=s("disabled",n),i=s("valid",n),u=s("invalid",n);return{group:o,isInGroup:l,modelValue:a,readonly:r,disabled:d,valid:i,invalid:u}}const X=["for"],Y=["id","name","disabled","value","tabindex","aria-invalid"],L={name:"VvRadio"},ee=e.defineComponent({...L,props:J,emits:Q,setup(n,{emit:t}){const o=n,l=e.useSlots(),{disabled:s,readonly:a,modelValue:r,valid:d,invalid:i}=W(o,t),u=e.computed(()=>String(o.id||H.nanoid())),m=e.computed(()=>v.value?-1:o.tabindex),c=e.ref(),v=e.computed(()=>s.value||a.value),p=e.computed(()=>{if(i.value===!0)return!0;if(d.value===!0)return!1}),y=e.computed(()=>Array.isArray(r.value)?z(o.value,r.value):P(o.value,r.value)),h=e.computed(()=>["string","number","boolean"].includes(typeof o.value)?o.value:!0),f=e.computed({get(){return y.value?h.value:null},set(g){Array.isArray(r.value)?r.value=[o.value]:r.value=o.value,t("change",g)}}),{bemCssClasses:V}=G("vv-radio",{valid:d,invalid:i,disabled:s,readonly:a}),{HintSlot:b}=E(o,l);return(g,S)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(V)),for:e.unref(u)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(u),ref_key:"input",ref:c,"onUpdate:modelValue":S[0]||(S[0]=C=>e.isRef(f)?f.value=C:null),type:"radio",class:"vv-radio__input",name:g.name,disabled:e.unref(v),value:e.unref(h),tabindex:e.unref(m),"aria-invalid":e.unref(p)},null,8,Y),[[e.vModelRadio,e.unref(f)]]),e.renderSlot(g.$slots,"default",{value:e.unref(r)},()=>[e.createTextVNode(e.toDisplayString(g.label),1)]),e.createVNode(e.unref(b),{class:"vv-radio__hint",params:{value:e.unref(r)}},null,8,["params"])],10,X))}}),te=Z,ne=["update:modelValue","change"],re=["textContent"],oe={class:"vv-radio-group__wrapper"},se={name:"VvRadioGroup"};return e.defineComponent({...se,props:te,emits:ne,setup(n,{emit:t}){const o=n,l=e.useSlots(),s=_.useVModel(o,"modelValue",t),{disabled:a,readonly:r,vertical:d,valid:i,invalid:u}=e.toRefs(o);T({key:$,modelValue:s,disabled:a,readonly:r,valid:i,invalid:u});const{getOptionLabel:c,getOptionValue:v}=w(o),{bemCssClasses:p}=G("vv-radio-group",{disabled:a,readonly:r,horizontal:e.computed(()=>!d.value),valid:i,invalid:u}),y=(f,V)=>({id:`${o.name}_opt${V}`,name:o.name,label:c(f),value:v(f)}),{HintSlot:h}=E(o,l);return(f,V)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(p))},[f.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(f.label)},null,8,re)):e.createCommentVNode("",!0),e.createElementVNode("div",oe,[f.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(f.options,(b,g)=>(e.openBlock(),e.createBlock(ee,e.mergeProps({key:g},y(b,g)),null,16))),128)):e.renderSlot(f.$slots,"default",{key:1})]),e.createVNode(e.unref(h),{class:"vv-radio-group__hint"})],2))}})});
+(function(e,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],S):(e=typeof globalThis<"u"?globalThis:e||self,e.VvRadioGroup=S(e.vue,e.nanoid))})(this,function(e,S){"use strict";const C="VV_RADIO_GROUP";function P(a){return Array.isArray(a)?a.filter(p=>isString(p)).join(" "):a}function A(a,p){const{invalid:o,valid:m,hint:r,loading:u}=p,{hintLabel:t,modelValue:y,valid:d,validLabel:l,invalid:f,invalidLabel:n,..._}=toRefs(a),i=resolveFieldData(_,"loading"),c=resolveFieldData(_,"loadingLabel"),V=computed(()=>f.value?!!(f.value&&o||n!=null&&n.value&&Array.isArray(n.value)&&n.value.length>0||n!=null&&n.value&&!isEmpty(n)):!1),s=computed(()=>!!(t&&t.value||r)),g=computed(()=>!!(l&&l.value||m)),b=computed(()=>!!(i!=null&&i.value&&u||i!=null&&i.value&&(c!=null&&c.value))),v=computed(()=>s.value||g.value||V.value||b.value);return{hasInvalid:V,hasHint:s,hasValid:g,hasLoading:b,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(k){const B=computed(()=>{const R=toReactive({hintLabel:t,modelValue:y,valid:d,validLabel:l,invalid:f,invalidLabel:n,loading:i,loadingLabel:c,...k.params});return f!=null&&f.value?(o==null?void 0:o(R))||P(n==null?void 0:n.value)||(t==null?void 0:t.value):d!=null&&d.value?(m==null?void 0:m(R))||P(l==null?void 0:l.value)||(t==null?void 0:t.value):i!=null&&i.value?(u==null?void 0:u(R))||P(c==null?void 0:c.value)||(t==null?void 0:t.value):(r==null?void 0:r(R))||P(t==null?void 0:t.value)||(t==null?void 0:t.value)});return{isVisible:v,hasInvalid:V,hasValid:g,hintContent:B}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const G={valid:Boolean,validLabel:[String,Array]},N={invalid:Boolean,invalidLabel:[String,Array]},O={disabled:Boolean},I={readonly:Boolean},D={hintLabel:{type:String,default:""}},E={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},$={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...G,...N,...D,...O,...I,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},x={...G,...N,...E,...D,...O,...I,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},H=$,j=["click","update:modelValue","change","blur"];function F(a,p){const{group:o,isInGroup:m,getGroupOrLocalRef:r}=useInjectedGroupState(C),u=r("modelValue",a,p),t=r("readonly",a),y=r("disabled",a),d=r("valid",a),l=r("invalid",a);return{group:o,isInGroup:m,modelValue:u,readonly:t,disabled:y,valid:d,invalid:l}}const q=["for"],M=["id","name","disabled","value","tabindex","aria-invalid"],T={name:"VvRadio"},z=e.defineComponent({...T,props:H,emits:j,setup(a,{emit:p}){const o=a,m=useSlots(),{disabled:r,readonly:u,modelValue:t,valid:y,invalid:d}=F(o,p),l=computed(()=>String(o.id||S.nanoid())),f=computed(()=>_.value?-1:o.tabindex),n=ref(),_=computed(()=>r.value||u.value),i=computed(()=>{if(d.value===!0)return!0;if(y.value===!0)return!1}),c=computed(()=>Array.isArray(t.value)?contains(o.value,t.value):equals(o.value,t.value)),V=computed(()=>["string","number","boolean"].includes(typeof o.value)?o.value:!0),s=computed({get(){return c.value?V.value:null},set(v){Array.isArray(t.value)?t.value=[o.value]:t.value=o.value,p("change",v)}}),{bemCssClasses:g}=useBemModifiers("vv-radio",{valid:y,invalid:d,disabled:r,readonly:u}),{HintSlot:b}=A(o,m);return(v,k)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(g)),for:e.unref(l)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(l),ref_key:"input",ref:n,"onUpdate:modelValue":k[0]||(k[0]=B=>e.isRef(s)?s.value=B:null),type:"radio",class:"vv-radio__input",name:v.name,disabled:e.unref(_),value:e.unref(V),tabindex:e.unref(f),"aria-invalid":e.unref(i)},null,8,M),[[e.vModelRadio,e.unref(s)]]),e.renderSlot(v.$slots,"default",{value:e.unref(t)},()=>[e.createTextVNode(e.toDisplayString(v.label),1)]),e.createVNode(e.unref(b),{class:"vv-radio__hint",params:{value:e.unref(t)}},null,8,["params"])],10,q))}}),U=x,w=["update:modelValue","change"],K=["textContent"],J={class:"vv-radio-group__wrapper"},Q={name:"VvRadioGroup"};return e.defineComponent({...Q,props:U,emits:w,setup(a,{emit:p}){const o=a,m=useSlots(),r=useVModel(o,"modelValue",p),{disabled:u,readonly:t,vertical:y,valid:d,invalid:l}=toRefs(o),f={key:C,modelValue:r,disabled:u,readonly:t,valid:d,invalid:l};useProvideGroupState(f);const{getOptionLabel:n,getOptionValue:_}=useOptions(o),{bemCssClasses:i}=useBemModifiers("vv-radio-group",{disabled:u,readonly:t,horizontal:computed(()=>!y.value),valid:d,invalid:l}),c=(s,g)=>({id:`${o.name}_opt${g}`,name:o.name,label:n(s),value:_(s)}),{HintSlot:V}=A(o,m);return(s,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(i))},[s.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(s.label)},null,8,K)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[s.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.options,(b,v)=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:v},c(b,v)),null,16))),128)):e.renderSlot(s.$slots,"default",{key:1})]),e.createVNode(e.unref(V),{class:"vv-radio-group__hint"})],2))}})});

package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts

@@ -1,6 +1,6 @@
 import type { Option } from '@/types/generic';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     label: StringConstructor;
     name: {
         type: StringConstructor;
@@ -26,11 +26,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: (StringConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     label: StringConstructor;
     name: {
         type: StringConstructor;
@@ -56,9 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: (StringConstructor | ArrayConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -67,10 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hintLabel: string;
     invalid: boolean;
     valid: boolean;
+    vertical: boolean;
     options: (string | Option)[];
     labelKey: string | Function;
     valueKey: string | Function;
-    vertical: boolean;
 }>, {
     default: (_: {}) => any;
 }>;