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

package/dist/components/VvRadio/VvRadio.es.js

@@ -1,307 +1,332 @@
-import { inject as V, computed as c, unref as g, toRef as q, toRefs as D, watch as x, defineComponent as F, useAttrs as L, ref as G, openBlock as $, createElementBlock as P, mergeProps as A, createElementVNode as Z, renderSlot as w, createTextVNode as N, toDisplayString as T } from "vue";
-import { useFocus as U } from "@vueuse/core";
-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, o, i;
-      if (r && s) {
-        if (o = e.length, o != t.length)
-          return !1;
-        for (n = o; n-- !== 0; )
-          if (!this.deepEquals(e[n], t[n]))
-            return !1;
-        return !0;
-      }
-      if (r != s)
-        return !1;
-      const a = e instanceof Date, l = t instanceof Date;
-      if (a != l)
-        return !1;
-      if (a && l)
-        return e.getTime() == t.getTime();
-      const f = e instanceof RegExp, d = t instanceof RegExp;
-      if (f != d)
-        return !1;
-      if (f && d)
-        return e.toString() == t.toString();
-      const p = Object.keys(e);
-      if (o = p.length, o !== Object.keys(t).length)
+import { unref as f, computed as c, inject as D, toRef as I, toRefs as x, h as P, defineComponent as G, useSlots as $, ref as H, openBlock as N, createElementBlock as T, normalizeClass as M, withDirectives as Z, createElementVNode as q, isRef as z, vModelRadio as F, renderSlot as U, createTextVNode as w, toDisplayString as J, createVNode as K } from "vue";
+import { toReactive as Q } from "@vueuse/core";
+function b(t, e, r) {
+  return r ? C(t, r) === C(e, r) : k(t, e);
+}
+function k(t, e) {
+  if (t === e)
+    return !0;
+  if (t && e && typeof t == "object" && typeof e == "object") {
+    const r = Array.isArray(t), u = Array.isArray(e);
+    let s, o, n;
+    if (r && u) {
+      if (o = t.length, o != e.length)
         return !1;
-      for (n = o; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, p[n]))
-          return !1;
-      for (n = o; n-- !== 0; )
-        if (i = p[n], !this.deepEquals(e[i], t[i]))
+      for (s = o; s-- !== 0; )
+        if (!k(t[s], e[s]))
           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, o = r.length; n < o; ++n) {
-          if (e == null)
-            return null;
-          s = s[r[n]];
-        }
-        return s;
+    if (r != u)
+      return !1;
+    const d = t instanceof Date, i = e instanceof Date;
+    if (d != i)
+      return !1;
+    if (d && i)
+      return t.getTime() == e.getTime();
+    const l = t instanceof RegExp, v = e instanceof RegExp;
+    if (l != v)
+      return !1;
+    if (l && v)
+      return t.toString() == e.toString();
+    const a = Object.keys(t);
+    if (o = a.length, o !== Object.keys(e).length)
+      return !1;
+    for (s = o; s-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(e, a[s]))
+        return !1;
+    for (s = o; s-- !== 0; )
+      if (n = a[s], !k(t[n], e[n]))
+        return !1;
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function C(t, e) {
+  if (t && Object.keys(t).length && e) {
+    if (e.indexOf(".") === -1)
+      return t[e];
+    {
+      const r = e.split(".");
+      let u = t;
+      for (let s = 0, o = r.length; s < o; ++s) {
+        if (t == null)
+          return null;
+        u = u[r[s]];
       }
-    } 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 u;
     }
-    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, o, i, a;
-      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) || ((o = e[r]) == null ? void 0 : o.type[0]()) : t[r] = ((i = e[r]) == null ? void 0 : i.default) || ((a = e[r]) == null ? void 0 : a.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 W(t, e) {
+  let r = -1;
+  if (e) {
+    for (let u = 0; u < e.length; u++)
+      if (b(e[u], t)) {
+        r = u;
+        break;
+      }
   }
-}, z = {
+  return r;
+}
+function X(t, e) {
+  if (t != null && e && e.length) {
+    for (const r of e)
+      if (b(t, r))
+        return !0;
+  }
+  return !1;
+}
+function E(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 Y(t, e) {
+  const r = W(t, e);
+  return r > -1 ? e.filter((u, s) => s !== r) : e;
+}
+function L(t) {
+  return typeof t == "string" || t instanceof String;
+}
+function B(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 ee(t, e) {
+  const r = { [`${t}`]: !0 };
+  return {
+    bemCssClasses: c(() => Object.keys(e).reduce((s, o) => {
+      const n = f(e[o]) || !1;
+      if (!n)
+        return s;
+      if (o === "modifiers") {
+        const d = Array.isArray(n) ? n : n.split(" ");
+        return {
+          ...s,
+          ...d.reduce(
+            (i, l) => ({
+              ...i,
+              [`${t}--${B(l)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...s,
+          [`${t}--${B(o)}`]: n
+        };
+    }, r) || {})
+  };
+}
+const te = {
   valid: Boolean,
   validLabel: [String, Array]
-}, M = {
+}, re = {
   error: Boolean,
   errorLabel: [String, Array]
-}, W = {
-  ...z,
-  ...M,
-  value: null,
-  modelValue: { type: [Object, Number, Boolean, String] },
-  label: { type: String, default: "" },
-  disabled: Boolean,
-  readonly: Boolean
-}, H = [
-  "click",
-  "update:modelValue",
-  "change",
-  "focus",
-  "blur"
-];
-function J(e) {
-  const t = V(e, void 0), r = c(() => h.isNotEmpty(t));
-  function s(n, o, i) {
-    if (t != null && t.value) {
-      const a = g(t.value)[n];
-      return c({
-        get() {
-          return a == null ? void 0 : a.value;
-        },
-        set(l) {
-          a.value = l;
-        }
-      });
-    } else {
-      const a = q(o, n);
+}, ne = {
+  hintLabel: { type: String, default: "" }
+};
+function se(t) {
+  const e = D(t, void 0), r = c(() => !E(e));
+  function u(s, o, n) {
+    if (e != null && e.value) {
+      const i = f(e.value)[s];
       return c({
         get() {
-          return a.value;
+          return i == null ? void 0 : i.value;
         },
         set(l) {
-          i && i(`update:${n}`, l);
+          i.value = l;
         }
       });
     }
+    const d = I(o, s);
+    return c({
+      get() {
+        return d.value;
+      },
+      set(i) {
+        n && n(`update:${s}`, i);
+      }
+    });
   }
   return {
-    group: t,
+    group: e,
     isInGroup: r,
-    getGroupOrLocalRef: s
+    getGroupOrLocalRef: u
   };
 }
-const K = Symbol("VV_RADIO_GROUP");
-function Q(e, t) {
-  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = J(K), { valid: o, error: i } = D(e), a = n("modelValue", e, t), l = n("readonly", e), f = n("disabled", e);
+const oe = "VV_RADIO_GROUP", ue = {
+  ...te,
+  ...re,
+  ...ne,
+  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 }
+}, ie = ["click", "update:modelValue", "change", "blur"];
+function ae(t, e) {
+  const { group: r, isInGroup: u, getGroupOrLocalRef: s } = se(oe), { valid: o, error: n } = x(t), d = s("modelValue", t, e), i = s("readonly", t), l = s("disabled", t);
   return {
-    group: r,
-    isInGroup: s,
     valid: o,
-    error: i,
-    modelValue: a,
-    readonly: l,
-    disabled: f
+    error: n,
+    group: r,
+    isInGroup: u,
+    modelValue: d,
+    readonly: i,
+    disabled: l
   };
 }
-function X(e, t) {
-  const { focused: r } = U(e);
-  return x(r, (s) => {
-    t(s ? "focus" : "blur", e.value);
-  }), {
-    focused: r
-  };
+function O(t) {
+  return Array.isArray(t) ? t.filter((e) => L(e)).join(" ") : t;
 }
-function v(e, t) {
-  const r = { [`${e}`]: !0 };
+function le(t, e) {
+  const {
+    error: r,
+    valid: u,
+    hint: s,
+    loading: o
+  } = e, {
+    hintLabel: n,
+    modelValue: d,
+    valid: i,
+    validLabel: l,
+    error: v,
+    errorLabel: a,
+    ...V
+  } = x(t), p = C(V, "loading"), y = C(V, "loadingLabel"), g = c(() => v.value ? !!(v.value && r || a != null && a.value && Array.isArray(a.value) && a.value.length > 0 || a != null && a.value && !E(a)) : !1), h = c(
+    () => !!(n && n.value || s)
+  ), A = c(
+    () => !!(l && l.value || u)
+  ), R = c(
+    () => !!(p != null && p.value && o || p != null && p.value && (y != null && y.value))
+  ), m = c(
+    () => h.value || A || g.value || R.value
+  );
   return {
-    bemCssClasses: c(() => Object.keys(t).reduce((n, o) => {
-      const i = g(t[o]) || !1;
-      if (!i)
-        return n;
-      if (o === "modifiers") {
-        const a = Array.isArray(i) ? i : [i];
-        return {
-          ...n,
-          ...a.reduce(
-            (l, f) => ({
-              ...l,
-              [`${e}--${h.kebabCase(
-                f
-              )}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
+    hasErrors: g,
+    hasHint: h,
+    hasValid: A,
+    hasLoading: R,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(S) {
+        const j = c(() => {
+          const _ = Q({
+            hintLabel: n,
+            modelValue: d,
+            valid: i,
+            validLabel: l,
+            error: v,
+            errorLabel: a,
+            loading: p,
+            loadingLabel: y,
+            ...S.params
+          });
+          return v != null && v.value ? (r == null ? void 0 : r(_)) || O(a == null ? void 0 : a.value) || (n == null ? void 0 : n.value) : i != null && i.value ? (u == null ? void 0 : u(_)) || O(l == null ? void 0 : l.value) || (n == null ? void 0 : n.value) : p != null && p.value ? (o == null ? void 0 : o(_)) || O(y == null ? void 0 : y.value) || (n == null ? void 0 : n.value) : (s == null ? void 0 : s(_)) || O(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
+        });
         return {
-          ...n,
-          [`${e}--${h.kebabCase(o)}`]: i
+          isVisible: m,
+          hasErrors: g,
+          hasValid: A,
+          hintContent: j
         };
-    }, r) || {})
+      },
+      render() {
+        if (this.isVisible)
+          return P(
+            "small",
+            {
+              role: this.hasErrors || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
   };
 }
-const Y = {
-  inheritAttrs: !1
-}, re = /* @__PURE__ */ F({
-  ...Y,
-  __name: "VvRadio",
-  props: W,
-  emits: H,
-  setup(e, { emit: t }) {
-    const r = e, s = L(), { disabled: n, readonly: o, modelValue: i, valid: a, error: l } = Q(
+const ce = ["for"], fe = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], de = {
+  name: "VvRadio"
+}, ye = /* @__PURE__ */ G({
+  ...de,
+  props: ue,
+  emits: ie,
+  setup(t, { emit: e }) {
+    const r = t, u = $(), { disabled: s, readonly: o, modelValue: n, valid: d, error: i } = ae(
       r,
-      t
-    ), f = G(), d = c(() => Array.isArray(i.value) ? h.contains(r.value, i.value) : h.equals(r.value, i.value)), { focused: p } = X(f, t), { bemCssClasses: b } = v("vv-input-radio", {
-      valid: a,
-      invalid: l
-    }), { bemCssClasses: C } = v(
-      "vv-input-radio__input",
-      {
-        checked: d,
-        disabled: n,
-        readonly: o
+      e
+    ), l = H(), v = c(
+      () => r.id !== void 0 ? String(r.id) : void 0
+    ), a = c(() => s.value || o.value), V = c(() => a.value ? -1 : r.tabindex), p = c(() => {
+      if (r.error === !0)
+        return !0;
+      if (r.valid === !0)
+        return !1;
+    }), y = c(
+      () => Array.isArray(n.value) ? X(r.value, n.value) : b(r.value, n.value)
+    ), g = c(
+      () => ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0
+    ), h = c({
+      get() {
+        return y.value ? g.value : null;
+      },
+      set(m) {
+        if (Array.isArray(n.value)) {
+          n.value = m ? [...n.value, r.value] : Y(r.value, n.value);
+          return;
+        }
+        n.value = r.value, e("change", m);
       }
-    ), k = c(() => {
-      const { class: u } = s;
-      return {
-        class: u,
-        ...b.value
-      };
-    }), O = c(() => ({
-      "focus-visible": p.value,
-      ...C.value
-    })), R = c(() => {
-      const { id: u, name: y, style: m } = s, j = h.pickBy(
-        s,
-        (S) => S.startsWith("data-")
-      );
-      return {
-        for: u || y,
-        style: m,
-        ...j
-      };
-    }), _ = c(() => {
-      const { id: u = "", name: y = "" } = s;
-      return {
-        type: "radio",
-        id: u || y,
-        name: y,
-        value: r.value,
-        disabled: n.value,
-        readonly: o.value,
-        checked: d.value,
-        ...E.value
-      };
-    }), E = c(() => {
-      const { name: u } = s, y = h.pickBy(
-        s,
-        (m) => m.startsWith("aria-")
-      );
-      return {
-        "aria-label": u,
-        "aria-checked": d.value,
-        ...y
-      };
-    });
-    function I() {
-      d.value || t("change", r.value), i.value = r.value;
-    }
-    function B(u) {
-      n.value || (t("click", u), p.value = !0);
-    }
-    return (u, y) => ($(), P("label", A({ class: g(k) }, g(R), { onClick: B }), [
-      Z("input", A({
+    }), { bemCssClasses: A } = ee("vv-radio", {
+      valid: d,
+      invalid: i,
+      disabled: s,
+      readonly: o
+    }), { HintSlot: R } = le(r, u);
+    return (m, S) => (N(), T("label", {
+      class: M(f(A)),
+      for: f(v)
+    }, [
+      Z(q("input", {
+        id: f(v),
         ref_key: "input",
-        ref: f,
-        class: g(O)
-      }, g(_), { onInput: I }), null, 16),
-      w(u.$slots, "default", { value: g(i) }, () => [
-        N(T(u.label), 1)
-      ])
-    ], 16));
+        ref: l,
+        "onUpdate:modelValue": S[0] || (S[0] = (j) => z(h) ? h.value = j : null),
+        type: "radio",
+        class: "vv-radio__input",
+        name: m.name,
+        disabled: f(a),
+        value: f(g),
+        tabindex: f(V),
+        "aria-invalid": f(p)
+      }, null, 8, fe), [
+        [F, f(h)]
+      ]),
+      U(m.$slots, "default", { value: f(n) }, () => [
+        w(J(m.label), 1)
+      ]),
+      K(f(R), {
+        class: "vv-radio__hint",
+        params: { value: f(n) }
+      }, null, 8, ["params"])
+    ], 10, ce));
   }
 });
 export {
-  re as default
+  ye as default
 };

package/dist/components/VvRadio/VvRadio.umd.js

@@ -1 +1 @@
-(function(s,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],h):(s=typeof globalThis<"u"?globalThis:s||self,s.VvRadio=h(s.vue,s.core))})(this,function(s,h){"use strict";const d={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),o=Array.isArray(t);let n,i,a;if(r&&o){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=o)return!1;const l=e instanceof Date,c=t instanceof Date;if(l!=c)return!1;if(l&&c)return e.getTime()==t.getTime();const f=e instanceof RegExp,y=t instanceof RegExp;if(f!=y)return!1;if(f&&y)return e.toString()==t.toString();const m=Object.keys(e);if(i=m.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,m[n]))return!1;for(n=i;n--!==0;)if(a=m[n],!this.deepEquals(e[a],t[a]))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 o=e;for(let n=0,i=r.length;n<i;++n){if(e==null)return null;o=o[r[n]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){r=o;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!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((o,n)=>n!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var o,n,i,a,l;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(o=e[r])!=null&&o.type&&(Array.isArray(e[r].type)?t[r]=((n=e[r])==null?void 0:n.default)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((a=e[r])==null?void 0:a.default)||((l=e[r])==null?void 0:l.type())),t},{})},filterArray(e,t,r){return e.filter(o=>t.some(n=>typeof n=="string"?o[r]==n:this.equals(o[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()}},b={...{valid:Boolean,validLabel:[String,Array]},...{error:Boolean,errorLabel:[String,Array]},value:null,modelValue:{type:[Object,Number,Boolean,String]},label:{type:String,default:""},disabled:Boolean,readonly:Boolean},C=["click","update:modelValue","change","focus","blur"];function k(e){const t=s.inject(e,void 0),r=s.computed(()=>d.isNotEmpty(t));function o(n,i,a){if(t!=null&&t.value){const l=s.unref(t.value)[n];return s.computed({get(){return l==null?void 0:l.value},set(c){l.value=c}})}else{const l=s.toRef(i,n);return s.computed({get(){return l.value},set(c){a&&a(`update:${n}`,c)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:o}}const O=Symbol("VV_RADIO_GROUP");function _(e,t){const{group:r,isInGroup:o,getGroupOrLocalRef:n}=k(O),{valid:i,error:a}=s.toRefs(e),l=n("modelValue",e,t),c=n("readonly",e),f=n("disabled",e);return{group:r,isInGroup:o,valid:i,error:a,modelValue:l,readonly:c,disabled:f}}function R(e,t){const{focused:r}=h.useFocus(e);return s.watch(r,o=>{t(o?"focus":"blur",e.value)}),{focused:r}}function A(e,t){const r={[`${e}`]:!0};return{bemCssClasses:s.computed(()=>Object.keys(t).reduce((n,i)=>{const a=s.unref(t[i])||!1;if(!a)return n;if(i==="modifiers"){const l=Array.isArray(a)?a:[a];return{...n,...l.reduce((c,f)=>({...c,[`${e}--${d.kebabCase(f)}`]:!0}),{})}}else return{...n,[`${e}--${d.kebabCase(i)}`]:a}},r)||{})}}const E={inheritAttrs:!1};return s.defineComponent({...E,__name:"VvRadio",props:b,emits:C,setup(e,{emit:t}){const r=e,o=s.useAttrs(),{disabled:n,readonly:i,modelValue:a,valid:l,error:c}=_(r,t),f=s.ref(),y=s.computed(()=>Array.isArray(a.value)?d.contains(r.value,a.value):d.equals(r.value,a.value)),{focused:m}=R(f,t),{bemCssClasses:I}=A("vv-input-radio",{valid:l,invalid:c}),{bemCssClasses:j}=A("vv-input-radio__input",{checked:y,disabled:n,readonly:i}),B=s.computed(()=>{const{class:u}=o;return{class:u,...I.value}}),S=s.computed(()=>({"focus-visible":m.value,...j.value})),V=s.computed(()=>{const{id:u,name:p,style:g}=o,F=d.pickBy(o,L=>L.startsWith("data-"));return{for:u||p,style:g,...F}}),q=s.computed(()=>{const{id:u="",name:p=""}=o;return{type:"radio",id:u||p,name:p,value:r.value,disabled:n.value,readonly:i.value,checked:y.value,...x.value}}),x=s.computed(()=>{const{name:u}=o,p=d.pickBy(o,g=>g.startsWith("aria-"));return{"aria-label":u,"aria-checked":y.value,...p}});function D(){y.value||t("change",r.value),a.value=r.value}function P(u){n.value||(t("click",u),m.value=!0)}return(u,p)=>(s.openBlock(),s.createElementBlock("label",s.mergeProps({class:s.unref(B)},s.unref(V),{onClick:P}),[s.createElementVNode("input",s.mergeProps({ref_key:"input",ref:f,class:s.unref(S)},s.unref(q),{onInput:D}),null,16),s.renderSlot(u.$slots,"default",{value:s.unref(a)},()=>[s.createTextVNode(s.toDisplayString(u.label),1)])],16))}})});
+(function(r,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],h):(r=typeof globalThis<"u"?globalThis:r||self,r.VvRadio=h(r.vue,r.core))})(this,function(r,h){"use strict";function C(t,e,n){return n?V(t,n)===V(e,n):k(t,e)}function k(t,e){if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){const n=Array.isArray(t),u=Array.isArray(e);let s,i,o;if(n&&u){if(i=t.length,i!=e.length)return!1;for(s=i;s--!==0;)if(!k(t[s],e[s]))return!1;return!0}if(n!=u)return!1;const f=t instanceof Date,a=e instanceof Date;if(f!=a)return!1;if(f&&a)return t.getTime()==e.getTime();const c=t instanceof RegExp,d=e instanceof RegExp;if(c!=d)return!1;if(c&&d)return t.toString()==e.toString();const l=Object.keys(t);if(i=l.length,i!==Object.keys(e).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(e,l[s]))return!1;for(s=i;s--!==0;)if(o=l[s],!k(t[o],e[o]))return!1;return!0}return t!==t&&e!==e}function V(t,e){if(t&&Object.keys(t).length&&e){if(e.indexOf(".")===-1)return t[e];{const n=e.split(".");let u=t;for(let s=0,i=n.length;s<i;++s){if(t==null)return null;u=u[n[s]]}return u}}else return null}function E(t,e){let n=-1;if(e){for(let u=0;u<e.length;u++)if(C(e[u],t)){n=u;break}}return n}function D(t,e){if(t!=null&&e&&e.length){for(const n of e)if(C(t,n))return!0}return!1}function x(t){return(e=>e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0)(r.unref(t))}function I(t,e){const n=E(t,e);return n>-1?e.filter((u,s)=>s!==n):e}function P(t){return typeof t=="string"||t instanceof String}function B(t){var e,n;if(t)return(n=(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:n.toLowerCase()}function G(t,e){const n={[`${t}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(e).reduce((s,i)=>{const o=r.unref(e[i])||!1;if(!o)return s;if(i==="modifiers"){const f=Array.isArray(o)?o:o.split(" ");return{...s,...f.reduce((a,c)=>({...a,[`${t}--${B(c)}`]:!0}),{})}}else return{...s,[`${t}--${B(i)}`]:o}},n)||{})}}const T={valid:Boolean,validLabel:[String,Array]},$={error:Boolean,errorLabel:[String,Array]},H={hintLabel:{type:String,default:""}};function q(t){const e=r.inject(t,void 0),n=r.computed(()=>!x(e));function u(s,i,o){if(e!=null&&e.value){const a=r.unref(e.value)[s];return r.computed({get(){return a==null?void 0:a.value},set(c){a.value=c}})}const f=r.toRef(i,s);return r.computed({get(){return f.value},set(a){o&&o(`update:${s}`,a)}})}return{group:e,isInGroup:n,getGroupOrLocalRef:u}}const N="VV_RADIO_GROUP",M={...T,...$,...H,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}},Z=["click","update:modelValue","change","blur"];function z(t,e){const{group:n,isInGroup:u,getGroupOrLocalRef:s}=q(N),{valid:i,error:o}=r.toRefs(t),f=s("modelValue",t,e),a=s("readonly",t),c=s("disabled",t);return{valid:i,error:o,group:n,isInGroup:u,modelValue:f,readonly:a,disabled:c}}function R(t){return Array.isArray(t)?t.filter(e=>P(e)).join(" "):t}function F(t,e){const{error:n,valid:u,hint:s,loading:i}=e,{hintLabel:o,modelValue:f,valid:a,validLabel:c,error:d,errorLabel:l,..._}=r.toRefs(t),p=V(_,"loading"),m=V(_,"loadingLabel"),g=r.computed(()=>d.value?!!(d.value&&n||l!=null&&l.value&&Array.isArray(l.value)&&l.value.length>0||l!=null&&l.value&&!x(l)):!1),v=r.computed(()=>!!(o&&o.value||s)),A=r.computed(()=>!!(c&&c.value||u)),S=r.computed(()=>!!(p!=null&&p.value&&i||p!=null&&p.value&&(m!=null&&m.value))),y=r.computed(()=>v.value||A||g.value||S.value);return{hasErrors:g,hasHint:v,hasValid:A,hasLoading:S,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(O){const b=r.computed(()=>{const j=h.toReactive({hintLabel:o,modelValue:f,valid:a,validLabel:c,error:d,errorLabel:l,loading:p,loadingLabel:m,...O.params});return d!=null&&d.value?(n==null?void 0:n(j))||R(l==null?void 0:l.value)||(o==null?void 0:o.value):a!=null&&a.value?(u==null?void 0:u(j))||R(c==null?void 0:c.value)||(o==null?void 0:o.value):p!=null&&p.value?(i==null?void 0:i(j))||R(m==null?void 0:m.value)||(o==null?void 0:o.value):(s==null?void 0:s(j))||R(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:y,hasErrors:g,hasValid:A,hintContent:b}},render(){if(this.isVisible)return r.h("small",{role:this.hasErrors||this.hasValid?"alert":void 0},this.hintContent)}}}}const U=["for"],w=["id","name","disabled","value","tabindex","aria-invalid"],J={name:"VvRadio"};return r.defineComponent({...J,props:M,emits:Z,setup(t,{emit:e}){const n=t,u=r.useSlots(),{disabled:s,readonly:i,modelValue:o,valid:f,error:a}=z(n,e),c=r.ref(),d=r.computed(()=>n.id!==void 0?String(n.id):void 0),l=r.computed(()=>s.value||i.value),_=r.computed(()=>l.value?-1:n.tabindex),p=r.computed(()=>{if(n.error===!0)return!0;if(n.valid===!0)return!1}),m=r.computed(()=>Array.isArray(o.value)?D(n.value,o.value):C(n.value,o.value)),g=r.computed(()=>["string","number","boolean"].includes(typeof n.value)?n.value:!0),v=r.computed({get(){return m.value?g.value:null},set(y){if(Array.isArray(o.value)){o.value=y?[...o.value,n.value]:I(n.value,o.value);return}o.value=n.value,e("change",y)}}),{bemCssClasses:A}=G("vv-radio",{valid:f,invalid:a,disabled:s,readonly:i}),{HintSlot:S}=F(n,u);return(y,O)=>(r.openBlock(),r.createElementBlock("label",{class:r.normalizeClass(r.unref(A)),for:r.unref(d)},[r.withDirectives(r.createElementVNode("input",{id:r.unref(d),ref_key:"input",ref:c,"onUpdate:modelValue":O[0]||(O[0]=b=>r.isRef(v)?v.value=b:null),type:"radio",class:"vv-radio__input",name:y.name,disabled:r.unref(l),value:r.unref(g),tabindex:r.unref(_),"aria-invalid":r.unref(p)},null,8,w),[[r.vModelRadio,r.unref(v)]]),r.renderSlot(y.$slots,"default",{value:r.unref(o)},()=>[r.createTextVNode(r.toDisplayString(y.label),1)]),r.createVNode(r.unref(S),{class:"vv-radio__hint",params:{value:r.unref(o)}},null,8,["params"])],10,U))}})});