@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1,37 +1,92 @@
-import { defineComponent as C, openBlock as E, createElementBlock as P, normalizeClass as x, unref as i, withDirectives as D, createElementVNode as k, isRef as G, vModelRadio as H, renderSlot as F, createTextVNode as M, toDisplayString as q, createVNode as T } from "vue";
-var R = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(R || {}), A = /* @__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))(A || {}), I = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(I || {});
-const U = Symbol.for("radioGroup"), w = {
+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]
-}, z = {
+}, le = {
+  /**
+   * Invalid status
+   */
   invalid: Boolean,
+  /**
+   * Invalid label
+   */
   invalidLabel: [String, Array]
-}, J = {
+}, C = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, K = {
+}, 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]
-}, Y = {
+}, de = {
   hintLabel: { type: String, default: "" }
 };
-I.before;
-const $ = {
+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 }
-}, Q = {
+}, pe = {
   /**
    * Global attribute id
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
@@ -39,23 +94,24 @@ const $ = {
   id: [String, Number]
 };
 R.bottom;
-const X = {
-  ...Q,
+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 }
-}, Z = {
-  ...X,
-  ...$,
-  ...w,
-  ...z,
-  ...Y,
-  ...J,
-  ...K,
-  ...W,
+}, 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
@@ -64,58 +120,169 @@ const X = {
   /**
    * Input value
    */
-  modelValue: [Object, Number, Boolean, String],
+  modelValue: [Object, Number, Boolean, String]
+};
+({
+  ...C,
+  ...D,
+  ...ie,
+  ...ue,
+  ...ae,
   /**
-   * <label> for input
+   * Button type
    */
-  label: String
-}, L = Z, ee = ["click", "update:modelValue", "change", "blur"];
-function te(e, v) {
-  const { id: a } = toRefs(e), { group: p, isInGroup: f, getGroupOrLocalRef: r } = useInjectedGroupState(U), t = r("modelValue", e, v), l = r("readonly", e), d = r("disabled", e), u = r("valid", e), s = r("invalid", e);
+  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: 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: a,
+    id: r,
     // global props
-    group: p,
-    isInGroup: f,
-    modelValue: t,
-    readonly: l,
-    disabled: d,
-    valid: u,
-    invalid: s
+    group: s,
+    isInGroup: n,
+    modelValue: a,
+    readonly: c,
+    disabled: l,
+    valid: f,
+    invalid: d
   };
 }
-function O(e) {
-  return Array.isArray(e) ? e.filter((v) => isString(v)).join(" ") : e;
+function _(e) {
+  return Array.isArray(e) ? e.filter((t) => me(t)).join(" ") : e;
 }
-function ae(e, v) {
+function _e(e, t) {
   const {
-    invalid: a,
-    valid: p,
-    hint: f,
-    loading: r
-  } = v, {
-    hintLabel: t,
-    modelValue: l,
-    valid: d,
-    validLabel: u,
-    invalid: s,
-    invalidLabel: o,
-    ...V
-  } = toRefs(e), n = resolveFieldData(V, "loading"), c = resolveFieldData(V, "loadingLabel"), g = computed(() => s.value ? !!(s.value && a || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !isEmpty(o)) : !1), S = computed(
-    () => !!(t && t.value || f)
-  ), m = computed(
-    () => !!(u && u.value || p)
-  ), B = computed(
-    () => !!(n != null && n.value && r || n != null && n.value && (c != null && c.value))
-  ), _ = computed(
-    () => S.value || m.value || g.value || B.value
+    invalid: r,
+    valid: s,
+    hint: n,
+    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: g,
+    hasInvalid: h,
     hasHint: S,
-    hasValid: m,
-    hasLoading: B,
+    hasValid: g,
+    hasLoading: j,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -124,31 +291,31 @@ function ae(e, v) {
           default: () => ({})
         }
       },
-      setup(j) {
-        const y = computed(() => {
-          const b = toReactive({
-            hintLabel: t,
-            modelValue: l,
-            valid: d,
-            validLabel: u,
-            invalid: s,
-            invalidLabel: o,
-            loading: n,
-            loadingLabel: c,
-            ...j.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 s != null && s.value ? (a == null ? void 0 : a(b)) || O(o == null ? void 0 : o.value) || (t == null ? void 0 : t.value) : d != null && d.value ? (p == null ? void 0 : p(b)) || O(u == null ? void 0 : u.value) || (t == null ? void 0 : t.value) : n != null && n.value ? (r == null ? void 0 : r(b)) || O(c == null ? void 0 : c.value) || (t == null ? void 0 : t.value) : (f == null ? void 0 : f(b)) || O(t == null ? void 0 : t.value) || (t == null ? void 0 : t.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: _,
-          hasInvalid: g,
-          hasValid: m,
-          hintContent: y
+          isVisible: B,
+          hasInvalid: h,
+          hasValid: g,
+          hintContent: b
         };
       },
       render() {
         if (this.isVisible)
-          return h(
+          return w(
             "small",
             {
               role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
@@ -159,68 +326,81 @@ function ae(e, v) {
     }
   };
 }
-const oe = ["for"], re = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ne = {
+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"
-}, ue = /* @__PURE__ */ C({
-  ...ne,
-  props: L,
-  emits: ee,
-  setup(e, { emit: v }) {
-    const a = e, p = useSlots(), { id: f, disabled: r, readonly: t, modelValue: l, valid: d, invalid: u } = te(a, v), s = useUniqueId(f), o = computed(() => n.value ? -1 : a.tabindex), V = ref(), n = computed(() => r.value || t.value), c = computed(() => {
-      if (u.value === !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 (d.value === !0)
+      if (l.value === !0)
         return !1;
-    }), g = computed(
-      () => Array.isArray(l.value) ? contains(a.value, l.value) : equals(a.value, l.value)
-    ), S = computed(
-      () => ["string", "number", "boolean"].includes(typeof a.value) ? a.value : !0
-    ), m = 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 g.value ? S.value : null;
+        return h.value ? S.value : null;
       },
-      set(y) {
-        Array.isArray(l.value) ? l.value = [a.value] : l.value = a.value, v("change", y);
+      set(b) {
+        Array.isArray(c.value) ? c.value = [r.value] : c.value = r.value, t("change", b);
       }
-    }), { modifiers: B } = toRefs(a), _ = useBemModifiers(
+    }), { modifiers: j } = P(r), B = Be(
       "vv-radio",
-      B,
-      computed(() => ({
-        valid: d.value,
-        invalid: u.value,
-        disabled: r.value,
-        readonly: t.value
+      j,
+      i(() => ({
+        valid: l.value,
+        invalid: f.value,
+        disabled: o.value,
+        readonly: a.value
       }))
-    ), { HintSlot: j } = ae(a, p);
-    return (y, b) => (E(), P("label", {
-      class: x(i(_)),
-      for: i(s)
+    ), { HintSlot: V } = _e(r, s);
+    return (b, m) => (J(), K("label", {
+      class: W(v(B)),
+      for: v(d)
     }, [
-      D(k("input", {
-        id: i(s),
+      Y(Q("input", {
+        id: v(d),
         ref_key: "input",
-        ref: V,
-        "onUpdate:modelValue": b[0] || (b[0] = (N) => G(m) ? m.value = N : null),
+        ref: O,
+        "onUpdate:modelValue": m[0] || (m[0] = ($) => T(g) ? g.value = $ : null),
         type: "radio",
         class: "vv-radio__input",
-        name: y.name,
-        disabled: i(n),
-        value: i(S),
-        tabindex: i(o),
-        "aria-invalid": i(c)
-      }, null, 8, re), [
-        [H, i(m)]
+        name: b.name,
+        disabled: v(p),
+        value: v(S),
+        tabindex: v(u),
+        "aria-invalid": v(y)
+      }, null, 8, Re), [
+        [X, v(g)]
       ]),
-      F(y.$slots, "default", { value: i(l) }, () => [
-        M(q(y.label), 1)
+      Z(b.$slots, "default", { value: v(c) }, () => [
+        L(ee(b.label), 1)
       ]),
-      T(i(j), {
+      te(v(V), {
         class: "vv-radio__hint",
-        params: { value: i(l) }
+        params: { value: v(c) }
       }, null, 8, ["params"])
-    ], 10, oe));
+    ], 10, Ve));
   }
 });
 export {
-  ue as default
+  Ne as default
 };

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

@@ -1 +1 @@
-(function(t,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(t=typeof globalThis<"u"?globalThis:t||self,t.VvRadio=m(t.vue))})(this,function(t){"use strict";var m=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(m||{}),N=(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||{}),j=(e=>(e.before="before",e.after="after",e))(j||{});const A=Symbol.for("radioGroup"),C={valid:Boolean,validLabel:[String,Array]},P={invalid:Boolean,invalidLabel:[String,Array]},E={disabled:Boolean},x={readonly:Boolean},k={modifiers:[String,Array]},D={hintLabel:{type:String,default:""}};j.before;const G={tabindex:{type:[String,Number],default:0}},H={id:[String,Number]};m.bottom;const T={...{...H,name:{type:String,required:!0}},...G,...C,...P,...D,...E,...x,...k,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},q=["click","update:modelValue","change","blur"];function F(e,f){const{id:a}=toRefs(e),{group:p,isInGroup:v,getGroupOrLocalRef:n}=useInjectedGroupState(A),o=n("modelValue",e,f),l=n("readonly",e),d=n("disabled",e),u=n("valid",e),i=n("invalid",e);return{id:a,group:p,isInGroup:v,modelValue:o,readonly:l,disabled:d,valid:u,invalid:i}}function B(e){return Array.isArray(e)?e.filter(f=>isString(f)).join(" "):e}function M(e,f){const{invalid:a,valid:p,hint:v,loading:n}=f,{hintLabel:o,modelValue:l,valid:d,validLabel:u,invalid:i,invalidLabel:r,..._}=toRefs(e),s=resolveFieldData(_,"loading"),c=resolveFieldData(_,"loadingLabel"),S=computed(()=>i.value?!!(i.value&&a||r!=null&&r.value&&Array.isArray(r.value)&&r.value.length>0||r!=null&&r.value&&!isEmpty(r)):!1),V=computed(()=>!!(o&&o.value||v)),y=computed(()=>!!(u&&u.value||p)),R=computed(()=>!!(s!=null&&s.value&&n||s!=null&&s.value&&(c!=null&&c.value))),O=computed(()=>V.value||y.value||S.value||R.value);return{hasInvalid:S,hasHint:V,hasValid:y,hasLoading:R,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(I){const b=computed(()=>{const g=toReactive({hintLabel:o,modelValue:l,valid:d,validLabel:u,invalid:i,invalidLabel:r,loading:s,loadingLabel:c,...I.params});return i!=null&&i.value?(a==null?void 0:a(g))||B(r==null?void 0:r.value)||(o==null?void 0:o.value):d!=null&&d.value?(p==null?void 0:p(g))||B(u==null?void 0:u.value)||(o==null?void 0:o.value):s!=null&&s.value?(n==null?void 0:n(g))||B(c==null?void 0:c.value)||(o==null?void 0:o.value):(v==null?void 0:v(g))||B(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:O,hasInvalid:S,hasValid:y,hintContent:b}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const U=["for"],w=["id","name","disabled","value","tabindex","aria-invalid"],z={name:"VvRadio"};return t.defineComponent({...z,props:T,emits:q,setup(e,{emit:f}){const a=e,p=useSlots(),{id:v,disabled:n,readonly:o,modelValue:l,valid:d,invalid:u}=F(a,f),i=useUniqueId(v),r=computed(()=>s.value?-1:a.tabindex),_=ref(),s=computed(()=>n.value||o.value),c=computed(()=>{if(u.value===!0)return!0;if(d.value===!0)return!1}),S=computed(()=>Array.isArray(l.value)?contains(a.value,l.value):equals(a.value,l.value)),V=computed(()=>["string","number","boolean"].includes(typeof a.value)?a.value:!0),y=computed({get(){return S.value?V.value:null},set(b){Array.isArray(l.value)?l.value=[a.value]:l.value=a.value,f("change",b)}}),{modifiers:R}=toRefs(a),O=useBemModifiers("vv-radio",R,computed(()=>({valid:d.value,invalid:u.value,disabled:n.value,readonly:o.value}))),{HintSlot:I}=M(a,p);return(b,g)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(t.unref(O)),for:t.unref(i)},[t.withDirectives(t.createElementVNode("input",{id:t.unref(i),ref_key:"input",ref:_,"onUpdate:modelValue":g[0]||(g[0]=J=>t.isRef(y)?y.value=J:null),type:"radio",class:"vv-radio__input",name:b.name,disabled:t.unref(s),value:t.unref(V),tabindex:t.unref(r),"aria-invalid":t.unref(c)},null,8,w),[[t.vModelRadio,t.unref(y)]]),t.renderSlot(b.$slots,"default",{value:t.unref(l)},()=>[t.createTextVNode(t.toDisplayString(b.label),1)]),t.createVNode(t.unref(I),{class:"vv-radio__hint",params:{value:t.unref(l)}},null,8,["params"])],10,U))}})});
+(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,7 @@
 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;
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, 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;

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

@@ -3,7 +3,7 @@ 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;