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

package/dist/components/VvCheckbox/VvCheckbox.es.js

@@ -1,222 +1,84 @@
-import { unref as v, computed as i, inject as D, toRef as H, toRefs as R, h as N, defineComponent as $, useSlots as M, ref as T, watchEffect as Z, watch as q, onMounted as z, openBlock as U, createElementBlock as F, normalizeClass as K, withDirectives as J, createElementVNode as Q, isRef as W, vModelCheckbox as X, renderSlot as Y, createTextVNode as L, toDisplayString as ee, createVNode as te } from "vue";
-import { nanoid as re } from "nanoid";
-import { toReactive as ne } from "@vueuse/core";
-function E(t, e, r) {
-  return r ? B(t, r) === B(e, r) : O(t, e);
-}
-function O(t, e) {
-  if (t === e)
-    return !0;
-  if (t && e && typeof t == "object" && typeof e == "object") {
-    const r = Array.isArray(t), c = Array.isArray(e);
-    let n, a, u;
-    if (r && c) {
-      if (a = t.length, a != e.length)
-        return !1;
-      for (n = a; n-- !== 0; )
-        if (!O(t[n], e[n]))
-          return !1;
-      return !0;
-    }
-    if (r != c)
-      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 s = t instanceof RegExp, f = e instanceof RegExp;
-    if (s != f)
-      return !1;
-    if (s && f)
-      return t.toString() == e.toString();
-    const o = Object.keys(t);
-    if (a = o.length, a !== Object.keys(e).length)
-      return !1;
-    for (n = a; n-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(e, o[n]))
-        return !1;
-    for (n = a; n-- !== 0; )
-      if (u = o[n], !O(t[u], e[u]))
-        return !1;
-    return !0;
-  }
-  return t !== t && e !== e;
-}
-function B(t, e) {
-  if (t && Object.keys(t).length && e) {
-    if (e.indexOf(".") === -1)
-      return t[e];
-    {
-      const r = e.split(".");
-      let c = t;
-      for (let n = 0, a = r.length; n < a; ++n) {
-        if (t == null)
-          return null;
-        c = c[r[n]];
-      }
-      return c;
-    }
-  } else
-    return null;
-}
-function ue(t, e) {
-  if (t != null && e && e.length) {
-    for (const r of e)
-      if (E(t, r))
-        return !0;
-  }
-  return !1;
-}
-function I(t) {
-  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(v(t));
-}
-function se(t) {
-  return typeof t == "string" || t instanceof String;
-}
-function P(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 ae(t, e) {
-  const r = { [`${t}`]: !0 };
-  return {
-    bemCssClasses: i(() => Object.keys(e).reduce((n, a) => {
-      const u = v(e[a]) || !1;
-      if (!u)
-        return n;
-      if (a === "modifiers") {
-        const d = Array.isArray(u) ? u : u.split(" ");
-        return {
-          ...n,
-          ...d.reduce(
-            (l, s) => ({
-              ...l,
-              [`${t}--${P(s)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...n,
-          [`${t}--${P(a)}`]: u
-        };
-    }, r) || {})
-  };
-}
-function oe(t) {
-  const e = D(t, void 0), r = i(() => !I(e));
-  function c(n, a, u) {
-    if (e != null && e.value) {
-      const l = v(e.value)[n];
-      return i({
-        get() {
-          return l == null ? void 0 : l.value;
-        },
-        set(s) {
-          l.value = s;
-        }
-      });
-    }
-    const d = H(a, n);
-    return i({
-      get() {
-        return d.value;
-      },
-      set(l) {
-        u && u(`update:${n}`, l);
-      }
-    });
-  }
-  return {
-    group: e,
-    isInGroup: r,
-    getGroupOrLocalRef: c
-  };
-}
-const le = {
+import { defineComponent as I, openBlock as N, createElementBlock as H, normalizeClass as w, unref as i, withDirectives as E, createElementVNode as G, isRef as D, vModelCheckbox as j, renderSlot as O, createTextVNode as M, toDisplayString as F, createVNode as T } from "vue";
+import { nanoid as U } from "nanoid";
+const q = {
   valid: Boolean,
   validLabel: [String, Array]
-}, ie = {
+}, K = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, ce = {
+}, z = {
   disabled: Boolean
-}, fe = {
+}, $ = {
   readonly: Boolean
-}, ve = {
+}, J = {
   hintLabel: { type: String, default: "" }
-}, de = {
+}, Q = {
   tabindex: { type: [String, Number], default: 0 }
-}, pe = {
+}, W = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, ye = {
-  ...pe,
-  ...de,
-  ...le,
-  ...ie,
-  ...ve,
-  ...ce,
-  ...fe,
+}, X = {
+  ...W,
+  ...Q,
+  ...q,
+  ...K,
+  ...J,
+  ...z,
+  ...$,
   value: [String, Number, Boolean],
   modelValue: [Object, Number, Boolean, String],
   label: String
-}, me = "VV_CHECK_GROUP", he = {
-  ...ye,
+}, Y = "VV_CHECK_GROUP", Z = {
+  ...X,
   indeterminate: Boolean,
   uncheckedValue: [String, Number, Boolean],
   switch: Boolean
-}, ge = ["click", "update:modelValue", "change", "blur"];
-function Ae(t, e) {
-  const { group: r, isInGroup: c, getGroupOrLocalRef: n } = oe(me), { switch: a, indeterminate: u } = R(t), d = n("modelValue", t, e), l = n("readonly", t), s = n("disabled", t), f = n("valid", t), o = n("invalid", t);
+}, L = ["click", "update:modelValue", "change", "blur"];
+function ee(u, m) {
+  const { group: t, isInGroup: p, getGroupOrLocalRef: r } = useInjectedGroupState(Y), { switch: d, indeterminate: a } = toRefs(u), y = r("modelValue", u, m), f = r("readonly", u), e = r("disabled", u), s = r("valid", u), n = r("invalid", u);
   return {
-    propsSwitch: a,
-    indeterminate: u,
-    group: r,
-    isInGroup: c,
-    modelValue: d,
-    readonly: l,
-    disabled: s,
-    valid: f,
-    invalid: o
+    propsSwitch: d,
+    indeterminate: a,
+    group: t,
+    isInGroup: p,
+    modelValue: y,
+    readonly: f,
+    disabled: e,
+    valid: s,
+    invalid: n
   };
 }
-function _(t) {
-  return Array.isArray(t) ? t.filter((e) => se(e)).join(" ") : t;
+function A(u) {
+  return Array.isArray(u) ? u.filter((m) => isString(m)).join(" ") : u;
 }
-function be(t, e) {
+function te(u, m) {
   const {
-    invalid: r,
-    valid: c,
-    hint: n,
-    loading: a
-  } = e, {
-    hintLabel: u,
-    modelValue: d,
-    valid: l,
-    validLabel: s,
-    invalid: f,
-    invalidLabel: o,
-    ...b
-  } = R(t), p = B(b, "loading"), y = B(b, "loadingLabel"), h = i(() => f.value ? !!(f.value && r || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !I(o)) : !1), k = i(
-    () => !!(u && u.value || n)
-  ), C = i(
-    () => !!(s && s.value || c)
-  ), V = i(
-    () => !!(p != null && p.value && a || p != null && p.value && (y != null && y.value))
-  ), x = i(
-    () => k.value || C.value || h.value || V.value
+    invalid: t,
+    valid: p,
+    hint: r,
+    loading: d
+  } = m, {
+    hintLabel: a,
+    modelValue: y,
+    valid: f,
+    validLabel: e,
+    invalid: s,
+    invalidLabel: n,
+    ...k
+  } = toRefs(u), o = resolveFieldData(k, "loading"), l = resolveFieldData(k, "loadingLabel"), v = computed(() => s.value ? !!(s.value && t || n != null && n.value && Array.isArray(n.value) && n.value.length > 0 || n != null && n.value && !isEmpty(n)) : !1), S = computed(
+    () => !!(a && a.value || r)
+  ), C = computed(
+    () => !!(e && e.value || p)
+  ), x = computed(
+    () => !!(o != null && o.value && d || o != null && o.value && (l != null && l.value))
+  ), g = computed(
+    () => S.value || C.value || v.value || x.value
   );
   return {
-    hasInvalid: h,
-    hasHint: k,
+    hasInvalid: v,
+    hasHint: S,
     hasValid: C,
-    hasLoading: V,
+    hasLoading: x,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -225,31 +87,31 @@ function be(t, e) {
           default: () => ({})
         }
       },
-      setup(j) {
-        const S = i(() => {
-          const g = ne({
-            hintLabel: u,
-            modelValue: d,
-            valid: l,
-            validLabel: s,
-            invalid: f,
-            invalidLabel: o,
-            loading: p,
-            loadingLabel: y,
-            ...j.params
+      setup(P) {
+        const _ = computed(() => {
+          const b = toReactive({
+            hintLabel: a,
+            modelValue: y,
+            valid: f,
+            validLabel: e,
+            invalid: s,
+            invalidLabel: n,
+            loading: o,
+            loadingLabel: l,
+            ...P.params
           });
-          return f != null && f.value ? (r == null ? void 0 : r(g)) || _(o == null ? void 0 : o.value) || (u == null ? void 0 : u.value) : l != null && l.value ? (c == null ? void 0 : c(g)) || _(s == null ? void 0 : s.value) || (u == null ? void 0 : u.value) : p != null && p.value ? (a == null ? void 0 : a(g)) || _(y == null ? void 0 : y.value) || (u == null ? void 0 : u.value) : (n == null ? void 0 : n(g)) || _(u == null ? void 0 : u.value) || (u == null ? void 0 : u.value);
+          return s != null && s.value ? (t == null ? void 0 : t(b)) || A(n == null ? void 0 : n.value) || (a == null ? void 0 : a.value) : f != null && f.value ? (p == null ? void 0 : p(b)) || A(e == null ? void 0 : e.value) || (a == null ? void 0 : a.value) : o != null && o.value ? (d == null ? void 0 : d(b)) || A(l == null ? void 0 : l.value) || (a == null ? void 0 : a.value) : (r == null ? void 0 : r(b)) || A(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
         });
         return {
-          isVisible: x,
-          hasInvalid: h,
+          isVisible: g,
+          hasInvalid: v,
           hasValid: C,
-          hintContent: S
+          hintContent: _
         };
       },
       render() {
         if (this.isVisible)
-          return N(
+          return h(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -260,98 +122,98 @@ function be(t, e) {
     }
   };
 }
-const ke = ["for"], Ce = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ve = {
+const ae = ["for"], ne = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ue = {
   name: "VvCheckbox"
-}, Be = /* @__PURE__ */ $({
-  ...Ve,
-  props: he,
-  emits: ge,
-  setup(t, { emit: e }) {
-    const r = t, c = M(), {
-      disabled: n,
-      readonly: a,
-      valid: u,
-      invalid: d,
-      propsSwitch: l,
-      modelValue: s,
-      indeterminate: f,
-      isInGroup: o
-    } = Ae(r, e), b = i(() => String(r.id || re())), p = i(() => k.value ? -1 : r.tabindex), y = T(), h = i(
-      () => r.uncheckedValue !== void 0 && !o.value
-    ), k = i(() => n.value || a.value), C = i(() => {
-      if (d.value === !0)
+}, le = /* @__PURE__ */ I({
+  ...ue,
+  props: Z,
+  emits: L,
+  setup(u, { emit: m }) {
+    const t = u, p = useSlots(), {
+      disabled: r,
+      readonly: d,
+      valid: a,
+      invalid: y,
+      propsSwitch: f,
+      modelValue: e,
+      indeterminate: s,
+      isInGroup: n
+    } = ee(t, m), k = computed(() => String(t.id || U())), o = computed(() => S.value ? -1 : t.tabindex), l = ref(), v = computed(
+      () => t.uncheckedValue !== void 0 && !n.value
+    ), S = computed(() => r.value || d.value), C = computed(() => {
+      if (y.value === !0)
         return !0;
-      if (u.value === !0)
+      if (a.value === !0)
         return !1;
-    }), V = i(() => h.value ? s.value === r.value : Array.isArray(s.value) ? ue(r.value, s.value) : E(r.value, s.value)), x = i(() => !!(f.value || !V.value && h.value && r.uncheckedValue !== s.value)), j = i(() => {
-      if (!h.value)
-        return ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0;
-    }), S = i({
+    }), x = computed(() => v.value ? e.value === t.value : Array.isArray(e.value) ? contains(t.value, e.value) : equals(t.value, e.value)), g = computed(() => !!(s.value || !x.value && v.value && t.uncheckedValue !== e.value)), P = computed(() => {
+      if (!v.value)
+        return ["string", "number", "boolean"].includes(typeof t.value) ? t.value : !0;
+    }), _ = computed({
       get() {
-        return V.value;
+        return x.value;
       },
-      set(m) {
-        if (h.value)
-          s.value = m ? r.value : r.uncheckedValue;
-        else if (Array.isArray(s.value) || o.value) {
-          const A = new Set(
-            Array.isArray(s.value) ? s.value : s.value !== void 0 ? [s.value] : []
+      set(c) {
+        if (v.value)
+          e.value = c ? t.value : t.uncheckedValue;
+        else if (Array.isArray(e.value) || n.value) {
+          const V = new Set(
+            Array.isArray(e.value) ? e.value : e.value !== void 0 ? [e.value] : []
           );
-          m ? A.add(r.value) : A.delete(r.value), s.value = [...A];
+          c ? V.add(t.value) : V.delete(t.value), e.value = [...V];
         } else
-          s.value = m ? r.value : void 0;
-        e("change", m);
+          e.value = c ? t.value : void 0;
+        m("change", c);
       }
-    }), { bemCssClasses: g } = ae("vv-checkbox", {
-      switch: l,
-      valid: u,
-      invalid: d,
-      disabled: n,
-      readonly: a,
-      indeterminate: f
+    }), { bemCssClasses: b } = useBemModifiers("vv-checkbox", {
+      switch: f,
+      valid: a,
+      invalid: y,
+      disabled: r,
+      readonly: d,
+      indeterminate: s
     });
-    Z(() => {
-      h.value && Array.isArray(s.value) && console.warn(
+    watchEffect(() => {
+      v.value && Array.isArray(e.value) && console.warn(
         "[VvCheckbox] The model value is an array but the component is in binary mode."
       );
-    }), q(
-      () => x.value,
-      (m) => {
-        m ? y.value.indeterminate = !0 : y.value.indeterminate = !1;
+    }), watch(
+      () => g.value,
+      (c) => {
+        c ? l.value.indeterminate = !0 : l.value.indeterminate = !1;
       }
-    ), z(() => {
-      x.value && (y.value.indeterminate = !0);
+    ), onMounted(() => {
+      g.value && (l.value.indeterminate = !0);
     });
-    const { HintSlot: w } = be(r, c);
-    return (m, A) => (U(), F("label", {
-      class: K(v(g)),
-      for: v(b)
+    const { HintSlot: B } = te(t, p);
+    return (c, V) => (N(), H("label", {
+      class: w(i(b)),
+      for: i(k)
     }, [
-      J(Q("input", {
-        id: v(b),
+      E(G("input", {
+        id: i(k),
         ref_key: "input",
-        ref: y,
-        "onUpdate:modelValue": A[0] || (A[0] = (G) => W(S) ? S.value = G : null),
+        ref: l,
+        "onUpdate:modelValue": V[0] || (V[0] = (R) => D(_) ? _.value = R : null),
         type: "checkbox",
         class: "vv-checkbox__input",
-        name: m.name,
-        disabled: v(k),
-        value: v(j),
-        tabindex: v(p),
-        "aria-invalid": v(C)
-      }, null, 8, Ce), [
-        [X, v(S)]
+        name: c.name,
+        disabled: i(S),
+        value: i(P),
+        tabindex: i(o),
+        "aria-invalid": i(C)
+      }, null, 8, ne), [
+        [j, i(_)]
       ]),
-      Y(m.$slots, "default", { value: v(s) }, () => [
-        L(ee(m.label), 1)
+      O(c.$slots, "default", { value: i(e) }, () => [
+        M(F(c.label), 1)
       ]),
-      te(v(w), {
+      T(i(B), {
         class: "vv-checkbox__hint",
-        params: { value: v(s) }
+        params: { value: i(e) }
       }, null, 8, ["params"])
-    ], 10, ke));
+    ], 10, ae));
   }
 });
 export {
-  Be as default
+  le as default
 };

package/dist/components/VvCheckbox/VvCheckbox.umd.js

@@ -1 +1 @@
-(function(e,A){typeof exports=="object"&&typeof module<"u"?module.exports=A(require("vue"),require("nanoid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core"],A):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckbox=A(e.vue,e.nanoid,e.core))})(this,function(e,A,E){"use strict";function j(n,t,r){return r?S(n,r)===S(t,r):B(n,t)}function B(n,t){if(n===t)return!0;if(n&&t&&typeof n=="object"&&typeof t=="object"){const r=Array.isArray(n),c=Array.isArray(t);let o,i,s;if(r&&c){if(i=n.length,i!=t.length)return!1;for(o=i;o--!==0;)if(!B(n[o],t[o]))return!1;return!0}if(r!=c)return!1;const d=n instanceof Date,l=t instanceof Date;if(d!=l)return!1;if(d&&l)return n.getTime()==t.getTime();const a=n instanceof RegExp,f=t instanceof RegExp;if(a!=f)return!1;if(a&&f)return n.toString()==t.toString();const u=Object.keys(n);if(i=u.length,i!==Object.keys(t).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,u[o]))return!1;for(o=i;o--!==0;)if(s=u[o],!B(n[s],t[s]))return!1;return!0}return n!==n&&t!==t}function S(n,t){if(n&&Object.keys(n).length&&t){if(t.indexOf(".")===-1)return n[t];{const r=t.split(".");let c=n;for(let o=0,i=r.length;o<i;++o){if(n==null)return null;c=c[r[o]]}return c}}else return null}function w(n,t){if(n!=null&&t&&t.length){for(const r of t)if(j(n,r))return!0}return!1}function O(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 D(n){return typeof n=="string"||n instanceof String}function I(n){var t,r;if(n)return(r=(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:r.toLowerCase()}function G(n,t){const r={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(t).reduce((o,i)=>{const s=e.unref(t[i])||!1;if(!s)return o;if(i==="modifiers"){const d=Array.isArray(s)?s:s.split(" ");return{...o,...d.reduce((l,a)=>({...l,[`${n}--${I(a)}`]:!0}),{})}}else return{...o,[`${n}--${I(i)}`]:s}},r)||{})}}function H(n){const t=e.inject(n,void 0),r=e.computed(()=>!O(t));function c(o,i,s){if(t!=null&&t.value){const l=e.unref(t.value)[o];return e.computed({get(){return l==null?void 0:l.value},set(a){l.value=a}})}const d=e.toRef(i,o);return e.computed({get(){return d.value},set(l){s&&s(`update:${o}`,l)}})}return{group:t,isInGroup:r,getGroupOrLocalRef:c}}const N={...{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},T="VV_CHECK_GROUP",$={...N,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},q=["click","update:modelValue","change","blur"];function M(n,t){const{group:r,isInGroup:c,getGroupOrLocalRef:o}=H(T),{switch:i,indeterminate:s}=e.toRefs(n),d=o("modelValue",n,t),l=o("readonly",n),a=o("disabled",n),f=o("valid",n),u=o("invalid",n);return{propsSwitch:i,indeterminate:s,group:r,isInGroup:c,modelValue:d,readonly:l,disabled:a,valid:f,invalid:u}}function P(n){return Array.isArray(n)?n.filter(t=>D(t)).join(" "):n}function Z(n,t){const{invalid:r,valid:c,hint:o,loading:i}=t,{hintLabel:s,modelValue:d,valid:l,validLabel:a,invalid:f,invalidLabel:u,...b}=e.toRefs(n),p=S(b,"loading"),m=S(b,"loadingLabel"),y=e.computed(()=>f.value?!!(f.value&&r||u!=null&&u.value&&Array.isArray(u.value)&&u.value.length>0||u!=null&&u.value&&!O(u)):!1),k=e.computed(()=>!!(s&&s.value||o)),V=e.computed(()=>!!(a&&a.value||c)),C=e.computed(()=>!!(p!=null&&p.value&&i||p!=null&&p.value&&(m!=null&&m.value))),_=e.computed(()=>k.value||V.value||y.value||C.value);return{hasInvalid:y,hasHint:k,hasValid:V,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(R){const x=e.computed(()=>{const h=E.toReactive({hintLabel:s,modelValue:d,valid:l,validLabel:a,invalid:f,invalidLabel:u,loading:p,loadingLabel:m,...R.params});return f!=null&&f.value?(r==null?void 0:r(h))||P(u==null?void 0:u.value)||(s==null?void 0:s.value):l!=null&&l.value?(c==null?void 0:c(h))||P(a==null?void 0:a.value)||(s==null?void 0:s.value):p!=null&&p.value?(i==null?void 0:i(h))||P(m==null?void 0:m.value)||(s==null?void 0:s.value):(o==null?void 0:o(h))||P(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:_,hasInvalid:y,hasValid:V,hintContent:x}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const z=["for"],U=["id","name","disabled","value","tabindex","aria-invalid"],F={name:"VvCheckbox"};return e.defineComponent({...F,props:$,emits:q,setup(n,{emit:t}){const r=n,c=e.useSlots(),{disabled:o,readonly:i,valid:s,invalid:d,propsSwitch:l,modelValue:a,indeterminate:f,isInGroup:u}=M(r,t),b=e.computed(()=>String(r.id||A.nanoid())),p=e.computed(()=>k.value?-1:r.tabindex),m=e.ref(),y=e.computed(()=>r.uncheckedValue!==void 0&&!u.value),k=e.computed(()=>o.value||i.value),V=e.computed(()=>{if(d.value===!0)return!0;if(s.value===!0)return!1}),C=e.computed(()=>y.value?a.value===r.value:Array.isArray(a.value)?w(r.value,a.value):j(r.value,a.value)),_=e.computed(()=>!!(f.value||!C.value&&y.value&&r.uncheckedValue!==a.value)),R=e.computed(()=>{if(!y.value)return["string","number","boolean"].includes(typeof r.value)?r.value:!0}),x=e.computed({get(){return C.value},set(v){if(y.value)a.value=v?r.value:r.uncheckedValue;else if(Array.isArray(a.value)||u.value){const g=new Set(Array.isArray(a.value)?a.value:a.value!==void 0?[a.value]:[]);v?g.add(r.value):g.delete(r.value),a.value=[...g]}else a.value=v?r.value:void 0;t("change",v)}}),{bemCssClasses:h}=G("vv-checkbox",{switch:l,valid:s,invalid:d,disabled:o,readonly:i,indeterminate:f});e.watchEffect(()=>{y.value&&Array.isArray(a.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),e.watch(()=>_.value,v=>{v?m.value.indeterminate=!0:m.value.indeterminate=!1}),e.onMounted(()=>{_.value&&(m.value.indeterminate=!0)});const{HintSlot:K}=Z(r,c);return(v,g)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(h)),for:e.unref(b)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(b),ref_key:"input",ref:m,"onUpdate:modelValue":g[0]||(g[0]=J=>e.isRef(x)?x.value=J:null),type:"checkbox",class:"vv-checkbox__input",name:v.name,disabled:e.unref(k),value:e.unref(R),tabindex:e.unref(p),"aria-invalid":e.unref(V)},null,8,U),[[e.vModelCheckbox,e.unref(x)]]),e.renderSlot(v.$slots,"default",{value:e.unref(a)},()=>[e.createTextVNode(e.toDisplayString(v.label),1)]),e.createVNode(e.unref(K),{class:"vv-checkbox__hint",params:{value:e.unref(a)}},null,8,["params"])],10,z))}})});
+(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.VvCheckbox=P(e.vue,e.nanoid))})(this,function(e,P){"use strict";const I={...{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},R="VV_CHECK_GROUP",N={...I,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},H=["click","update:modelValue","change","blur"];function w(o,f){const{group:n,isInGroup:p,getGroupOrLocalRef:u}=useInjectedGroupState(R),{switch:c,indeterminate:a}=toRefs(o),y=u("modelValue",o,f),m=u("readonly",o),t=u("disabled",o),i=u("valid",o),r=u("invalid",o);return{propsSwitch:c,indeterminate:a,group:n,isInGroup:p,modelValue:y,readonly:m,disabled:t,valid:i,invalid:r}}function A(o){return Array.isArray(o)?o.filter(f=>isString(f)).join(" "):o}function D(o,f){const{invalid:n,valid:p,hint:u,loading:c}=f,{hintLabel:a,modelValue:y,valid:m,validLabel:t,invalid:i,invalidLabel:r,...k}=toRefs(o),s=resolveFieldData(k,"loading"),l=resolveFieldData(k,"loadingLabel"),v=computed(()=>i.value?!!(i.value&&n||r!=null&&r.value&&Array.isArray(r.value)&&r.value.length>0||r!=null&&r.value&&!isEmpty(r)):!1),x=computed(()=>!!(a&&a.value||u)),S=computed(()=>!!(t&&t.value||p)),C=computed(()=>!!(s!=null&&s.value&&c||s!=null&&s.value&&(l!=null&&l.value))),g=computed(()=>x.value||S.value||v.value||C.value);return{hasInvalid:v,hasHint:x,hasValid:S,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(B){const _=computed(()=>{const b=toReactive({hintLabel:a,modelValue:y,valid:m,validLabel:t,invalid:i,invalidLabel:r,loading:s,loadingLabel:l,...B.params});return i!=null&&i.value?(n==null?void 0:n(b))||A(r==null?void 0:r.value)||(a==null?void 0:a.value):m!=null&&m.value?(p==null?void 0:p(b))||A(t==null?void 0:t.value)||(a==null?void 0:a.value):s!=null&&s.value?(c==null?void 0:c(b))||A(l==null?void 0:l.value)||(a==null?void 0:a.value):(u==null?void 0:u(b))||A(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:g,hasInvalid:v,hasValid:S,hintContent:_}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const E=["for"],G=["id","name","disabled","value","tabindex","aria-invalid"],j={name:"VvCheckbox"};return e.defineComponent({...j,props:N,emits:H,setup(o,{emit:f}){const n=o,p=useSlots(),{disabled:u,readonly:c,valid:a,invalid:y,propsSwitch:m,modelValue:t,indeterminate:i,isInGroup:r}=w(n,f),k=computed(()=>String(n.id||P.nanoid())),s=computed(()=>x.value?-1:n.tabindex),l=ref(),v=computed(()=>n.uncheckedValue!==void 0&&!r.value),x=computed(()=>u.value||c.value),S=computed(()=>{if(y.value===!0)return!0;if(a.value===!0)return!1}),C=computed(()=>v.value?t.value===n.value:Array.isArray(t.value)?contains(n.value,t.value):equals(n.value,t.value)),g=computed(()=>!!(i.value||!C.value&&v.value&&n.uncheckedValue!==t.value)),B=computed(()=>{if(!v.value)return["string","number","boolean"].includes(typeof n.value)?n.value:!0}),_=computed({get(){return C.value},set(d){if(v.value)t.value=d?n.value:n.uncheckedValue;else if(Array.isArray(t.value)||r.value){const V=new Set(Array.isArray(t.value)?t.value:t.value!==void 0?[t.value]:[]);d?V.add(n.value):V.delete(n.value),t.value=[...V]}else t.value=d?n.value:void 0;f("change",d)}}),{bemCssClasses:b}=useBemModifiers("vv-checkbox",{switch:m,valid:a,invalid:y,disabled:u,readonly:c,indeterminate:i});watchEffect(()=>{v.value&&Array.isArray(t.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),watch(()=>g.value,d=>{d?l.value.indeterminate=!0:l.value.indeterminate=!1}),onMounted(()=>{g.value&&(l.value.indeterminate=!0)});const{HintSlot:T}=D(n,p);return(d,V)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(b)),for:e.unref(k)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(k),ref_key:"input",ref:l,"onUpdate:modelValue":V[0]||(V[0]=O=>e.isRef(_)?_.value=O:null),type:"checkbox",class:"vv-checkbox__input",name:d.name,disabled:e.unref(x),value:e.unref(B),tabindex:e.unref(s),"aria-invalid":e.unref(S)},null,8,G),[[e.vModelCheckbox,e.unref(_)]]),e.renderSlot(d.$slots,"default",{value:e.unref(t)},()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),e.createVNode(e.unref(T),{class:"vv-checkbox__hint",params:{value:e.unref(t)}},null,8,["params"])],10,E))}})});

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

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     switch: BooleanConstructor;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     label: StringConstructor;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -12,9 +12,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)[];
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     switch: BooleanConstructor;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     label: StringConstructor;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -38,9 +38,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)[];
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;

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

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes, type Ref } from 'vue';
+import type { ExtractPropTypes, Ref } from 'vue';
 import type { IInputGroupState } from '@/composables/group/types/IInputGroup';
 export declare const VvCheckboxProps: {
     /**
@@ -14,18 +14,24 @@ export declare const VvCheckboxProps: {
      */
     switch: BooleanConstructor;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     label: StringConstructor;
+    /**
+     * If true, the input will be displayed as a switch
+     */
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
+        /**
+         * Merges local and group props
+         */
         type: StringConstructor;
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: (StringConstructor | ArrayConstructor)[];
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;