@volverjs/ui-vue 0.0.3-beta.4 → 0.0.4

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

@@ -1,77 +1,288 @@
-import { defineComponent as B, openBlock as I, createElementBlock as C, normalizeClass as D, unref as s, withDirectives as N, createElementVNode as x, isRef as O, vModelRadio as k, renderSlot as G, createTextVNode as H, toDisplayString as j, createVNode as E } from "vue";
-import { nanoid as F } from "nanoid";
-const M = {
+import { unref as v, inject as q, computed as i, toRef as M, toRefs as P, h as w, defineComponent as F, useSlots as U, ref as z, openBlock as J, createElementBlock as K, normalizeClass as W, withDirectives as Y, createElementVNode as Q, isRef as T, vModelRadio as X, renderSlot as Z, createTextVNode as L, toDisplayString as ee, createVNode as te } from "vue";
+import { toReactive as re } from "@vueuse/core";
+import { nanoid as ne } from "nanoid";
+var R = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(R || {}), N = /* @__PURE__ */ ((e) => (e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e))(N || {}), k = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(k || {}), E = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(E || {}), x = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(x || {});
+const oe = Symbol.for("radioGroup"), ae = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (e) => Object.values(x).includes(e)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, se = {
+  /**
+   * Valid status
+   */
   valid: Boolean,
+  /**
+   * Valid label
+   */
   validLabel: [String, Array]
-}, U = {
+}, le = {
+  /**
+   * Invalid status
+   */
   invalid: Boolean,
+  /**
+   * Invalid label
+   */
   invalidLabel: [String, Array]
-}, q = {
+}, C = {
+  /**
+   * Whether the form control is disabled
+   */
   disabled: Boolean
-}, T = {
+}, ue = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, ie = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, D = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, ce = {
+  /**
+   * The value is not editable
+   */
   readonly: Boolean
-}, w = {
+}, fe = {
+  /**
+   * Component BEM modifiers
+   */
+  modifiers: [String, Array]
+}, de = {
   hintLabel: { type: String, default: "" }
-}, z = {
+};
+k.before;
+const ve = {
+  /**
+   * Global attribute tabindex
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+   */
   tabindex: { type: [String, Number], default: 0 }
-}, $ = {
-  id: [String, Number],
+}, pe = {
+  /**
+   * Global attribute id
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+   */
+  id: [String, Number]
+};
+R.bottom;
+const ye = {
+  ...pe,
+  /**
+   * Input / Textarea name
+   * Name of the form control. Submitted with the form as part of a name/value pair
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
+   */
   name: { type: String, required: !0 }
-}, J = {
-  ...$,
-  ...z,
-  ...M,
-  ...U,
-  ...w,
-  ...q,
-  ...T,
+}, ge = {
+  ...ye,
+  ...ve,
+  ...se,
+  ...le,
+  ...de,
+  ...C,
+  ...ce,
+  ...fe,
+  ...D,
+  /**
+   * Input value
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
+   */
   value: [String, Number, Boolean],
-  modelValue: [Object, Number, Boolean, String],
-  label: String
-}, K = "VV_RADIO_GROUP", Q = J, W = ["click", "update:modelValue", "change", "blur"];
-function X(o, c) {
-  const { group: t, isInGroup: v, getGroupOrLocalRef: n } = useInjectedGroupState(K), l = n("modelValue", o, c), e = n("readonly", o), f = n("disabled", o), i = n("valid", o), u = n("invalid", o);
+  /**
+   * Input value
+   */
+  modelValue: [Object, Number, Boolean, String]
+};
+({
+  ...C,
+  ...D,
+  ...ie,
+  ...ue,
+  ...ae,
+  /**
+   * Button type
+   */
+  type: E.button
+});
+function G(e, t, r) {
+  return r ? A(e, r) === A(t, r) : I(e, t);
+}
+function I(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, a;
+    if (r && s) {
+      if (o = e.length, o != t.length)
+        return !1;
+      for (n = o; n-- !== 0; )
+        if (!I(e[n], t[n]))
+          return !1;
+      return !0;
+    }
+    if (r != s)
+      return !1;
+    const c = e instanceof Date, l = t instanceof Date;
+    if (c != l)
+      return !1;
+    if (c && 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 u = Object.keys(e);
+    if (o = u.length, o !== Object.keys(t).length)
+      return !1;
+    for (n = o; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, u[n]))
+        return !1;
+    for (n = o; n-- !== 0; )
+      if (a = u[n], !I(e[a], t[a]))
+        return !1;
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function A(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;
+    }
+  } else
+    return null;
+}
+function be(e, t) {
+  if (e != null && t && t.length) {
+    for (const r of t)
+      if (G(e, r))
+        return !0;
+  }
+  return !1;
+}
+function H(e) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(v(e));
+}
+function me(e) {
+  return typeof e == "string" || e instanceof String;
+}
+function he(e) {
+  const t = q(e, void 0), r = i(() => !H(t));
+  function s(n, o, a) {
+    if (t != null && t.value) {
+      const l = v(t.value)[n];
+      return i({
+        get() {
+          return l == null ? void 0 : l.value;
+        },
+        set(f) {
+          l.value = f;
+        }
+      });
+    }
+    const c = M(o, n);
+    return i({
+      get() {
+        return c.value;
+      },
+      set(l) {
+        a && a(`update:${n}`, l);
+      }
+    });
+  }
   return {
     group: t,
-    isInGroup: v,
-    modelValue: l,
-    readonly: e,
-    disabled: f,
-    valid: i,
-    invalid: u
+    isInGroup: r,
+    getGroupOrLocalRef: s
+  };
+}
+const Se = ge, Oe = ["click", "update:modelValue", "change", "blur"];
+function je(e, t) {
+  const { id: r } = P(e), { group: s, isInGroup: n, getGroupOrLocalRef: o } = he(oe), a = o("modelValue", e, t), c = o("readonly", e), l = o("disabled", e), f = o("valid", e), d = o("invalid", e);
+  return {
+    // local props
+    id: r,
+    // global props
+    group: s,
+    isInGroup: n,
+    modelValue: a,
+    readonly: c,
+    disabled: l,
+    valid: f,
+    invalid: d
   };
 }
-function R(o) {
-  return Array.isArray(o) ? o.filter((c) => isString(c)).join(" ") : o;
+function _(e) {
+  return Array.isArray(e) ? e.filter((t) => me(t)).join(" ") : e;
 }
-function Y(o, c) {
+function _e(e, t) {
   const {
-    invalid: t,
-    valid: v,
+    invalid: r,
+    valid: s,
     hint: n,
-    loading: l
-  } = c, {
-    hintLabel: e,
-    modelValue: f,
-    valid: i,
-    validLabel: u,
-    invalid: p,
-    invalidLabel: a,
-    ...b
-  } = toRefs(o), r = resolveFieldData(b, "loading"), d = resolveFieldData(b, "loadingLabel"), y = computed(() => p.value ? !!(p.value && t || a != null && a.value && Array.isArray(a.value) && a.value.length > 0 || a != null && a.value && !isEmpty(a)) : !1), V = computed(
-    () => !!(e && e.value || n)
-  ), _ = computed(
-    () => !!(u && u.value || v)
-  ), S = computed(
-    () => !!(r != null && r.value && l || r != null && r.value && (d != null && d.value))
-  ), m = computed(
-    () => V.value || _.value || y.value || S.value
+    loading: o
+  } = t, {
+    hintLabel: a,
+    modelValue: c,
+    valid: l,
+    validLabel: f,
+    invalid: d,
+    invalidLabel: u,
+    ...O
+  } = P(e), p = A(O, "loading"), y = A(O, "loadingLabel"), h = i(() => d.value ? !!(d.value && r || u != null && u.value && Array.isArray(u.value) && u.value.length > 0 || u != null && u.value && !H(u)) : !1), S = i(
+    () => !!(a && a.value || n)
+  ), g = i(
+    () => !!(f && f.value || s)
+  ), j = i(
+    () => !!(p != null && p.value && o || p != null && p.value && (y != null && y.value))
+  ), B = i(
+    () => S.value || g.value || h.value || j.value
   );
   return {
-    hasInvalid: y,
-    hasHint: V,
-    hasValid: _,
-    hasLoading: S,
+    hasInvalid: h,
+    hasHint: S,
+    hasValid: g,
+    hasLoading: j,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -80,34 +291,34 @@ function Y(o, c) {
           default: () => ({})
         }
       },
-      setup(g) {
-        const A = computed(() => {
-          const P = toReactive({
-            hintLabel: e,
-            modelValue: f,
-            valid: i,
-            validLabel: u,
-            invalid: p,
-            invalidLabel: a,
-            loading: r,
-            loadingLabel: d,
-            ...g.params
+      setup(V) {
+        const b = i(() => {
+          const m = re({
+            hintLabel: a,
+            modelValue: c,
+            valid: l,
+            validLabel: f,
+            invalid: d,
+            invalidLabel: u,
+            loading: p,
+            loadingLabel: y,
+            ...V.params
           });
-          return p != null && p.value ? (t == null ? void 0 : t(P)) || R(a == null ? void 0 : a.value) || (e == null ? void 0 : e.value) : i != null && i.value ? (v == null ? void 0 : v(P)) || R(u == null ? void 0 : u.value) || (e == null ? void 0 : e.value) : r != null && r.value ? (l == null ? void 0 : l(P)) || R(d == null ? void 0 : d.value) || (e == null ? void 0 : e.value) : (n == null ? void 0 : n(P)) || R(e == null ? void 0 : e.value) || (e == null ? void 0 : e.value);
+          return d != null && d.value ? (r == null ? void 0 : r(m)) || _(u == null ? void 0 : u.value) || (a == null ? void 0 : a.value) : l != null && l.value ? (s == null ? void 0 : s(m)) || _(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : p != null && p.value ? (o == null ? void 0 : o(m)) || _(y == null ? void 0 : y.value) || (a == null ? void 0 : a.value) : (n == null ? void 0 : n(m)) || _(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
         });
         return {
-          isVisible: m,
-          hasInvalid: y,
-          hasValid: _,
-          hintContent: A
+          isVisible: B,
+          hasInvalid: h,
+          hasValid: g,
+          hintContent: b
         };
       },
       render() {
         if (this.isVisible)
-          return h(
+          return w(
             "small",
             {
-              role: this.hasInvalid || this.hasValid ? "alert" : void 0
+              role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
             },
             this.hintContent
           );
@@ -115,67 +326,81 @@ function Y(o, c) {
     }
   };
 }
-const Z = ["for"], L = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ee = {
+const Ae = (e) => i(() => String((e == null ? void 0 : e.value) || ne()));
+function Be(e, t, r) {
+  return i(() => {
+    const s = {
+      [e]: !0
+    }, n = typeof (t == null ? void 0 : t.value) == "string" ? t.value.split(" ") : t == null ? void 0 : t.value;
+    return n && Array.isArray(n) && n.forEach((o) => {
+      s[`${e}--${o}`] = !0;
+    }), r && Object.keys(r.value).forEach((o) => {
+      s[`${e}--${o}`] = v(r.value[o]);
+    }), s;
+  });
+}
+const Ve = ["for"], Re = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ke = {
   name: "VvRadio"
-}, oe = /* @__PURE__ */ B({
-  ...ee,
-  props: Q,
-  emits: W,
-  setup(o, { emit: c }) {
-    const t = o, v = useSlots(), { disabled: n, readonly: l, modelValue: e, valid: f, invalid: i } = X(
-      t,
-      c
-    ), u = computed(() => String(t.id || F())), p = computed(() => b.value ? -1 : t.tabindex), a = ref(), b = computed(() => n.value || l.value), r = computed(() => {
-      if (i.value === !0)
-        return !0;
+}, Ne = /* @__PURE__ */ F({
+  ...ke,
+  props: Se,
+  emits: Oe,
+  setup(e, { emit: t }) {
+    const r = e, s = U(), { id: n, disabled: o, readonly: a, modelValue: c, valid: l, invalid: f } = je(r, t), d = Ae(n), u = i(() => p.value ? -1 : r.tabindex), O = z(), p = i(() => o.value || a.value), y = i(() => {
       if (f.value === !0)
+        return !0;
+      if (l.value === !0)
         return !1;
-    }), d = computed(
-      () => Array.isArray(e.value) ? contains(t.value, e.value) : equals(t.value, e.value)
-    ), y = computed(
-      () => ["string", "number", "boolean"].includes(typeof t.value) ? t.value : !0
-    ), V = computed({
+    }), h = i(
+      () => Array.isArray(c.value) ? be(r.value, c.value) : G(r.value, c.value)
+    ), S = i(
+      () => ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0
+    ), g = i({
       get() {
-        return d.value ? y.value : null;
+        return h.value ? S.value : null;
       },
-      set(m) {
-        Array.isArray(e.value) ? e.value = [t.value] : e.value = t.value, c("change", m);
+      set(b) {
+        Array.isArray(c.value) ? c.value = [r.value] : c.value = r.value, t("change", b);
       }
-    }), { bemCssClasses: _ } = useBemModifiers("vv-radio", {
-      valid: f,
-      invalid: i,
-      disabled: n,
-      readonly: l
-    }), { HintSlot: S } = Y(t, v);
-    return (m, g) => (I(), C("label", {
-      class: D(s(_)),
-      for: s(u)
+    }), { modifiers: j } = P(r), B = Be(
+      "vv-radio",
+      j,
+      i(() => ({
+        valid: l.value,
+        invalid: f.value,
+        disabled: o.value,
+        readonly: a.value
+      }))
+    ), { HintSlot: V } = _e(r, s);
+    return (b, m) => (J(), K("label", {
+      class: W(v(B)),
+      for: v(d)
     }, [
-      N(x("input", {
-        id: s(u),
+      Y(Q("input", {
+        id: v(d),
         ref_key: "input",
-        ref: a,
-        "onUpdate:modelValue": g[0] || (g[0] = (A) => O(V) ? V.value = A : null),
+        ref: O,
+        "onUpdate:modelValue": m[0] || (m[0] = ($) => T(g) ? g.value = $ : null),
         type: "radio",
         class: "vv-radio__input",
-        name: m.name,
-        disabled: s(b),
-        value: s(y),
-        tabindex: s(p),
-        "aria-invalid": s(r)
-      }, null, 8, L), [
-        [k, s(V)]
+        name: b.name,
+        disabled: v(p),
+        value: v(S),
+        tabindex: v(u),
+        "aria-invalid": v(y)
+      }, null, 8, Re), [
+        [X, v(g)]
       ]),
-      G(m.$slots, "default", { value: s(e) }, () => [
-        H(j(m.label), 1)
+      Z(b.$slots, "default", { value: v(c) }, () => [
+        L(ee(b.label), 1)
       ]),
-      E(s(S), {
+      te(v(V), {
         class: "vv-radio__hint",
-        params: { value: s(e) }
+        params: { value: v(c) }
       }, null, 8, ["params"])
-    ], 10, Z));
+    ], 10, Ve));
   }
 });
 export {
-  oe as default
+  Ne as default
 };

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

@@ -1 +1 @@
-(function(e,P){typeof exports=="object"&&typeof module<"u"?module.exports=P(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],P):(e=typeof globalThis<"u"?globalThis:e||self,e.VvRadio=P(e.vue,e.nanoid))})(this,function(e,P){"use strict";const x={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...{valid:Boolean,validLabel:[String,Array]},...{invalid:Boolean,invalidLabel:[String,Array]},...{hintLabel:{type:String,default:""}},...{disabled:Boolean},...{readonly:Boolean},value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},B="VV_RADIO_GROUP",D=x,N=["click","update:modelValue","change","blur"];function C(o,c){const{group:n,isInGroup:p,getGroupOrLocalRef:r}=useInjectedGroupState(B),l=r("modelValue",o,c),t=r("readonly",o),m=r("disabled",o),i=r("valid",o),u=r("invalid",o);return{group:n,isInGroup:p,modelValue:l,readonly:t,disabled:m,valid:i,invalid:u}}function R(o){return Array.isArray(o)?o.filter(c=>isString(c)).join(" "):o}function H(o,c){const{invalid:n,valid:p,hint:r,loading:l}=c,{hintLabel:t,modelValue:m,valid:i,validLabel:u,invalid:f,invalidLabel:a,..._}=toRefs(o),s=resolveFieldData(_,"loading"),d=resolveFieldData(_,"loadingLabel"),y=computed(()=>f.value?!!(f.value&&n||a!=null&&a.value&&Array.isArray(a.value)&&a.value.length>0||a!=null&&a.value&&!isEmpty(a)):!1),V=computed(()=>!!(t&&t.value||r)),b=computed(()=>!!(u&&u.value||p)),S=computed(()=>!!(s!=null&&s.value&&l||s!=null&&s.value&&(d!=null&&d.value))),v=computed(()=>V.value||b.value||y.value||S.value);return{hasInvalid:y,hasHint:V,hasValid:b,hasLoading:S,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(g){const I=computed(()=>{const A=toReactive({hintLabel:t,modelValue:m,valid:i,validLabel:u,invalid:f,invalidLabel:a,loading:s,loadingLabel:d,...g.params});return f!=null&&f.value?(n==null?void 0:n(A))||R(a==null?void 0:a.value)||(t==null?void 0:t.value):i!=null&&i.value?(p==null?void 0:p(A))||R(u==null?void 0:u.value)||(t==null?void 0:t.value):s!=null&&s.value?(l==null?void 0:l(A))||R(d==null?void 0:d.value)||(t==null?void 0:t.value):(r==null?void 0:r(A))||R(t==null?void 0:t.value)||(t==null?void 0:t.value)});return{isVisible:v,hasInvalid:y,hasValid:b,hintContent:I}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const O=["for"],j=["id","name","disabled","value","tabindex","aria-invalid"],k={name:"VvRadio"};return e.defineComponent({...k,props:D,emits:N,setup(o,{emit:c}){const n=o,p=useSlots(),{disabled:r,readonly:l,modelValue:t,valid:m,invalid:i}=C(n,c),u=computed(()=>String(n.id||P.nanoid())),f=computed(()=>_.value?-1:n.tabindex),a=ref(),_=computed(()=>r.value||l.value),s=computed(()=>{if(i.value===!0)return!0;if(m.value===!0)return!1}),d=computed(()=>Array.isArray(t.value)?contains(n.value,t.value):equals(n.value,t.value)),y=computed(()=>["string","number","boolean"].includes(typeof n.value)?n.value:!0),V=computed({get(){return d.value?y.value:null},set(v){Array.isArray(t.value)?t.value=[n.value]:t.value=n.value,c("change",v)}}),{bemCssClasses:b}=useBemModifiers("vv-radio",{valid:m,invalid:i,disabled:r,readonly:l}),{HintSlot:S}=H(n,p);return(v,g)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(b)),for:e.unref(u)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(u),ref_key:"input",ref:a,"onUpdate:modelValue":g[0]||(g[0]=I=>e.isRef(V)?V.value=I:null),type:"radio",class:"vv-radio__input",name:v.name,disabled:e.unref(_),value:e.unref(y),tabindex:e.unref(f),"aria-invalid":e.unref(s)},null,8,j),[[e.vModelRadio,e.unref(V)]]),e.renderSlot(v.$slots,"default",{value:e.unref(t)},()=>[e.createTextVNode(e.toDisplayString(v.label),1)]),e.createVNode(e.unref(S),{class:"vv-radio__hint",params:{value:e.unref(t)}},null,8,["params"])],10,O))}})});
+(function(n,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],b):(n=typeof globalThis<"u"?globalThis:n||self,n.VvRadio=b(n.vue,n.core,n.nanoid))})(this,function(n,b,q){"use strict";var R=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(R||{}),P=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(P||{}),B=(e=>(e.before="before",e.after="after",e))(B||{}),V=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(V||{}),N=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(N||{});const H=Symbol.for("radioGroup"),$={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(N).includes(e)},rel:{type:String,default:"noopener noreferrer"}},M={valid:Boolean,validLabel:[String,Array]},w={invalid:Boolean,invalidLabel:[String,Array]},x={disabled:Boolean},F={active:Boolean},U={pressed:Boolean},C={label:[String,Number]},z={readonly:Boolean},T={modifiers:[String,Array]},J={hintLabel:{type:String,default:""}};B.before;const K={tabindex:{type:[String,Number],default:0}},W={id:[String,Number]};R.bottom;const Y={...{...W,name:{type:String,required:!0}},...K,...M,...w,...J,...x,...z,...T,...C,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]};({...x,...C,...U,...F,...$,type:V.button});function D(e,t,r){return r?O(e,r)===O(t,r):k(e,t)}function k(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),u=Array.isArray(t);let o,a,s;if(r&&u){if(a=e.length,a!=t.length)return!1;for(o=a;o--!==0;)if(!k(e[o],t[o]))return!1;return!0}if(r!=u)return!1;const c=e instanceof Date,l=t instanceof Date;if(c!=l)return!1;if(c&&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 i=Object.keys(e);if(a=i.length,a!==Object.keys(t).length)return!1;for(o=a;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,i[o]))return!1;for(o=a;o--!==0;)if(s=i[o],!k(e[s],t[s]))return!1;return!0}return e!==e&&t!==t}function O(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let u=e;for(let o=0,a=r.length;o<a;++o){if(e==null)return null;u=u[r[o]]}return u}}else return null}function Q(e,t){if(e!=null&&t&&t.length){for(const r of t)if(D(e,r))return!0}return!1}function G(e){return(t=>t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0)(n.unref(e))}function X(e){return typeof e=="string"||e instanceof String}function Z(e){const t=n.inject(e,void 0),r=n.computed(()=>!G(t));function u(o,a,s){if(t!=null&&t.value){const l=n.unref(t.value)[o];return n.computed({get(){return l==null?void 0:l.value},set(f){l.value=f}})}const c=n.toRef(a,o);return n.computed({get(){return c.value},set(l){s&&s(`update:${o}`,l)}})}return{group:t,isInGroup:r,getGroupOrLocalRef:u}}const L=Y,ee=["click","update:modelValue","change","blur"];function te(e,t){const{id:r}=n.toRefs(e),{group:u,isInGroup:o,getGroupOrLocalRef:a}=Z(H),s=a("modelValue",e,t),c=a("readonly",e),l=a("disabled",e),f=a("valid",e),d=a("invalid",e);return{id:r,group:u,isInGroup:o,modelValue:s,readonly:c,disabled:l,valid:f,invalid:d}}function j(e){return Array.isArray(e)?e.filter(t=>X(t)).join(" "):e}function ne(e,t){const{invalid:r,valid:u,hint:o,loading:a}=t,{hintLabel:s,modelValue:c,valid:l,validLabel:f,invalid:d,invalidLabel:i,..._}=n.toRefs(e),p=O(_,"loading"),y=O(_,"loadingLabel"),h=n.computed(()=>d.value?!!(d.value&&r||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!G(i)):!1),S=n.computed(()=>!!(s&&s.value||o)),v=n.computed(()=>!!(f&&f.value||u)),A=n.computed(()=>!!(p!=null&&p.value&&a||p!=null&&p.value&&(y!=null&&y.value))),E=n.computed(()=>S.value||v.value||h.value||A.value);return{hasInvalid:h,hasHint:S,hasValid:v,hasLoading:A,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(I){const m=n.computed(()=>{const g=b.toReactive({hintLabel:s,modelValue:c,valid:l,validLabel:f,invalid:d,invalidLabel:i,loading:p,loadingLabel:y,...I.params});return d!=null&&d.value?(r==null?void 0:r(g))||j(i==null?void 0:i.value)||(s==null?void 0:s.value):l!=null&&l.value?(u==null?void 0:u(g))||j(f==null?void 0:f.value)||(s==null?void 0:s.value):p!=null&&p.value?(a==null?void 0:a(g))||j(y==null?void 0:y.value)||(s==null?void 0:s.value):(o==null?void 0:o(g))||j(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:E,hasInvalid:h,hasValid:v,hintContent:m}},render(){if(this.isVisible)return n.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const re=e=>n.computed(()=>String((e==null?void 0:e.value)||q.nanoid()));function oe(e,t,r){return n.computed(()=>{const u={[e]:!0},o=typeof(t==null?void 0:t.value)=="string"?t.value.split(" "):t==null?void 0:t.value;return o&&Array.isArray(o)&&o.forEach(a=>{u[`${e}--${a}`]=!0}),r&&Object.keys(r.value).forEach(a=>{u[`${e}--${a}`]=n.unref(r.value[a])}),u})}const ae=["for"],se=["id","name","disabled","value","tabindex","aria-invalid"],ue={name:"VvRadio"};return n.defineComponent({...ue,props:L,emits:ee,setup(e,{emit:t}){const r=e,u=n.useSlots(),{id:o,disabled:a,readonly:s,modelValue:c,valid:l,invalid:f}=te(r,t),d=re(o),i=n.computed(()=>p.value?-1:r.tabindex),_=n.ref(),p=n.computed(()=>a.value||s.value),y=n.computed(()=>{if(f.value===!0)return!0;if(l.value===!0)return!1}),h=n.computed(()=>Array.isArray(c.value)?Q(r.value,c.value):D(r.value,c.value)),S=n.computed(()=>["string","number","boolean"].includes(typeof r.value)?r.value:!0),v=n.computed({get(){return h.value?S.value:null},set(m){Array.isArray(c.value)?c.value=[r.value]:c.value=r.value,t("change",m)}}),{modifiers:A}=n.toRefs(r),E=oe("vv-radio",A,n.computed(()=>({valid:l.value,invalid:f.value,disabled:a.value,readonly:s.value}))),{HintSlot:I}=ne(r,u);return(m,g)=>(n.openBlock(),n.createElementBlock("label",{class:n.normalizeClass(n.unref(E)),for:n.unref(d)},[n.withDirectives(n.createElementVNode("input",{id:n.unref(d),ref_key:"input",ref:_,"onUpdate:modelValue":g[0]||(g[0]=le=>n.isRef(v)?v.value=le:null),type:"radio",class:"vv-radio__input",name:m.name,disabled:n.unref(p),value:n.unref(S),tabindex:n.unref(i),"aria-invalid":n.unref(y)},null,8,se),[[n.vModelRadio,n.unref(v)]]),n.renderSlot(m.$slots,"default",{value:n.unref(c)},()=>[n.createTextVNode(n.toDisplayString(m.label),1)]),n.createVNode(n.unref(I),{class:"vv-radio__hint",params:{value:n.unref(c)}},null,8,["params"])],10,ae))}})});

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

@@ -1,7 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -16,15 +17,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -39,11 +41,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {

package/dist/components/VvRadio/index.d.ts

@@ -1,9 +1,10 @@
 import type { ExtractPropTypes, Ref } from 'vue';
-import type { IInputGroupState } from '@/composables/group/types/IInputGroup';
+import type { InputGroupState } from '@/types/group';
 export declare const VvRadioProps: {
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -18,11 +19,11 @@ export declare const VvRadioProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 };
 export declare const VvRadioEvents: string[];
 export type VvRadioPropsType = ExtractPropTypes<typeof VvRadioProps>;
@@ -30,7 +31,8 @@ export type VvRadioPropsType = ExtractPropTypes<typeof VvRadioProps>;
  * Merges local and group props
  */
 export declare function useGroupProps(props: VvRadioPropsType, emit: (event: (typeof VvRadioEvents)[number], value: unknown) => void): {
-    group: Ref<IInputGroupState> | undefined;
+    id: Ref<string | number | undefined> | undefined;
+    group: Ref<InputGroupState> | undefined;
     isInGroup: import("vue").ComputedRef<boolean>;
     modelValue: import("vue").WritableComputedRef<unknown>;
     readonly: Ref<boolean>;