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

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

@@ -1,84 +1,305 @@
-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 = {
+import { unref as v, inject as K, computed as i, toRef as J, toRefs as R, h as T, defineComponent as W, useSlots as Y, ref as Q, watchEffect as X, watch as Z, onMounted as L, openBlock as ee, createElementBlock as te, normalizeClass as re, withDirectives as ne, createElementVNode as ae, isRef as oe, vModelCheckbox as ue, renderSlot as le, createTextVNode as se, toDisplayString as ie, createVNode as ce } from "vue";
+import { toReactive as fe } from "@vueuse/core";
+import { nanoid as ve } from "nanoid";
+var C = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(C || {}), 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 || {}), E = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(E || {}), I = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(I || {}), w = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(w || {});
+const de = Symbol.for("checkGroup"), pe = {
+  /**
+   * 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(w).includes(e)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, ye = {
+  /**
+   * Valid status
+   */
   valid: Boolean,
+  /**
+   * Valid label
+   */
   validLabel: [String, Array]
-}, K = {
+}, he = {
+  /**
+   * Invalid status
+   */
   invalid: Boolean,
+  /**
+   * Invalid label
+   */
   invalidLabel: [String, Array]
-}, z = {
+}, G = {
+  /**
+   * Whether the form control is disabled
+   */
   disabled: Boolean
-}, $ = {
+}, be = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, ge = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, D = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, me = {
+  /**
+   * The value is not editable
+   */
   readonly: Boolean
-}, J = {
+}, H = {
+  /**
+   * Component BEM modifiers
+   */
+  modifiers: [String, Array]
+}, Se = {
   hintLabel: { type: String, default: "" }
-}, Q = {
+};
+E.before;
+const ke = {
+  /**
+   * Global attribute tabindex
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+   */
   tabindex: { type: [String, Number], default: 0 }
-}, W = {
-  id: [String, Number],
+}, Oe = {
+  /**
+   * Global attribute id
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+   */
+  id: [String, Number]
+};
+C.bottom;
+const je = {
+  ...Oe,
+  /**
+   * 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 }
-}, X = {
-  ...W,
-  ...Q,
-  ...q,
-  ...K,
-  ...J,
-  ...z,
-  ...$,
+}, Ae = {
+  ...je,
+  ...ke,
+  ...ye,
+  ...he,
+  ...Se,
+  ...G,
+  ...me,
+  ...H,
+  ...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
-}, Y = "VV_CHECK_GROUP", Z = {
-  ...X,
+  /**
+   * Input value
+   */
+  modelValue: [Object, Number, Boolean, String]
+};
+({
+  ...G,
+  ...D,
+  ...ge,
+  ...be,
+  ...pe,
+  /**
+   * Button type
+   */
+  type: I.button
+});
+function $(e, t, r) {
+  return r ? V(e, r) === V(t, r) : P(e, t);
+}
+function P(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, u, a;
+    if (r && s) {
+      if (u = e.length, u != t.length)
+        return !1;
+      for (n = u; n-- !== 0; )
+        if (!P(e[n], t[n]))
+          return !1;
+      return !0;
+    }
+    if (r != s)
+      return !1;
+    const p = e instanceof Date, c = t instanceof Date;
+    if (p != c)
+      return !1;
+    if (p && c)
+      return e.getTime() == t.getTime();
+    const f = e instanceof RegExp, o = t instanceof RegExp;
+    if (f != o)
+      return !1;
+    if (f && o)
+      return e.toString() == t.toString();
+    const l = Object.keys(e);
+    if (u = l.length, u !== Object.keys(t).length)
+      return !1;
+    for (n = u; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, l[n]))
+        return !1;
+    for (n = u; n-- !== 0; )
+      if (a = l[n], !P(e[a], t[a]))
+        return !1;
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function V(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, u = r.length; n < u; ++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 ($(e, r))
+        return !0;
+  }
+  return !1;
+}
+function M(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 _e(e) {
+  return typeof e == "string" || e instanceof String;
+}
+function Ve(e) {
+  const t = K(e, void 0), r = i(() => !M(t));
+  function s(n, u, a) {
+    if (t != null && t.value) {
+      const c = v(t.value)[n];
+      return i({
+        get() {
+          return c == null ? void 0 : c.value;
+        },
+        set(f) {
+          c.value = f;
+        }
+      });
+    }
+    const p = J(u, n);
+    return i({
+      get() {
+        return p.value;
+      },
+      set(c) {
+        a && a(`update:${n}`, c);
+      }
+    });
+  }
+  return {
+    group: t,
+    isInGroup: r,
+    getGroupOrLocalRef: s
+  };
+}
+const xe = {
+  ...Ae,
+  ...H,
+  /**
+   * If true, the input will be indeterminated
+   */
   indeterminate: Boolean,
+  /**
+   * Value associated with the unchecked state
+   */
   uncheckedValue: [String, Number, Boolean],
+  /**
+   * If true, the input will be displayed as a switch
+   */
   switch: Boolean
-}, 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);
+}, Ce = ["click", "update:modelValue", "change", "blur"];
+function Ee(e, t) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = Ve(de), { id: u, switch: a, indeterminate: p } = R(e), c = n("modelValue", e, t), f = n("readonly", e), o = n("disabled", e), l = n("valid", e), S = n("invalid", e);
   return {
-    propsSwitch: d,
-    indeterminate: a,
-    group: t,
-    isInGroup: p,
-    modelValue: y,
+    // local props
+    id: u,
+    propsSwitch: a,
+    indeterminate: p,
+    // global props
+    group: r,
+    isInGroup: s,
+    modelValue: c,
     readonly: f,
-    disabled: e,
-    valid: s,
-    invalid: n
+    disabled: o,
+    valid: l,
+    invalid: S
   };
 }
-function A(u) {
-  return Array.isArray(u) ? u.filter((m) => isString(m)).join(" ") : u;
+function _(e) {
+  return Array.isArray(e) ? e.filter((t) => _e(t)).join(" ") : e;
 }
-function te(u, m) {
+function Ie(e, t) {
   const {
-    invalid: t,
-    valid: p,
-    hint: r,
-    loading: d
-  } = m, {
+    invalid: r,
+    valid: s,
+    hint: n,
+    loading: u
+  } = t, {
     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
+    modelValue: p,
+    valid: c,
+    validLabel: f,
+    invalid: o,
+    invalidLabel: l,
+    ...S
+  } = R(e), d = V(S, "loading"), h = V(S, "loadingLabel"), b = i(() => o.value ? !!(o.value && r || l != null && l.value && Array.isArray(l.value) && l.value.length > 0 || l != null && l.value && !M(l)) : !1), g = i(
+    () => !!(a && a.value || n)
+  ), k = i(
+    () => !!(f && f.value || s)
+  ), j = i(
+    () => !!(d != null && d.value && u || d != null && d.value && (h != null && h.value))
+  ), A = i(
+    () => g.value || k.value || b.value || j.value
   );
   return {
-    hasInvalid: v,
-    hasHint: S,
-    hasValid: C,
-    hasLoading: x,
+    hasInvalid: b,
+    hasHint: g,
+    hasValid: k,
+    hasLoading: j,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -87,34 +308,34 @@ function te(u, m) {
           default: () => ({})
         }
       },
-      setup(P) {
-        const _ = computed(() => {
-          const b = toReactive({
+      setup(B) {
+        const x = i(() => {
+          const m = fe({
             hintLabel: a,
-            modelValue: y,
-            valid: f,
-            validLabel: e,
-            invalid: s,
-            invalidLabel: n,
-            loading: o,
-            loadingLabel: l,
-            ...P.params
+            modelValue: p,
+            valid: c,
+            validLabel: f,
+            invalid: o,
+            invalidLabel: l,
+            loading: d,
+            loadingLabel: h,
+            ...B.params
           });
-          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 o != null && o.value ? (r == null ? void 0 : r(m)) || _(l == null ? void 0 : l.value) || (a == null ? void 0 : a.value) : c != null && c.value ? (s == null ? void 0 : s(m)) || _(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : d != null && d.value ? (u == null ? void 0 : u(m)) || _(h == null ? void 0 : h.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: g,
-          hasInvalid: v,
-          hasValid: C,
-          hintContent: _
+          isVisible: A,
+          hasInvalid: b,
+          hasValid: k,
+          hintContent: x
         };
       },
       render() {
         if (this.isVisible)
-          return h(
+          return T(
             "small",
             {
-              role: this.hasInvalid || this.hasValid ? "alert" : void 0
+              role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
             },
             this.hintContent
           );
@@ -122,98 +343,116 @@ function te(u, m) {
     }
   };
 }
-const ae = ["for"], ne = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ue = {
+const Pe = (e) => i(() => String((e == null ? void 0 : e.value) || ve()));
+function Re(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((u) => {
+      s[`${e}--${u}`] = !0;
+    }), r && Object.keys(r.value).forEach((u) => {
+      s[`${e}--${u}`] = v(r.value[u]);
+    }), s;
+  });
+}
+const Ne = ["for"], we = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ge = {
   name: "VvCheckbox"
-}, 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,
+}, Me = /* @__PURE__ */ W({
+  ...Ge,
+  props: xe,
+  emits: Ce,
+  setup(e, { emit: t }) {
+    const r = e, s = Y(), {
+      id: n,
+      disabled: u,
+      readonly: a,
+      valid: p,
+      invalid: c,
       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)
+      modelValue: o,
+      indeterminate: l,
+      isInGroup: S
+    } = Ee(r, t), d = Pe(n), h = i(() => k.value ? -1 : r.tabindex), b = Q(), g = i(
+      () => r.uncheckedValue !== void 0 && !S.value
+    ), k = i(() => u.value || a.value), j = i(() => {
+      if (c.value === !0)
         return !0;
-      if (a.value === !0)
+      if (p.value === !0)
         return !1;
-    }), 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({
+    }), A = i(() => g.value ? o.value === r.value : Array.isArray(o.value) ? Be(r.value, o.value) : $(r.value, o.value)), B = i(() => !!(l.value || !A.value && g.value && r.uncheckedValue !== o.value)), x = i(() => {
+      if (!g.value)
+        return ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0;
+    }), m = i({
       get() {
-        return x.value;
+        return A.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] : []
+      set(y) {
+        if (g.value)
+          o.value = y ? r.value : r.uncheckedValue;
+        else if (Array.isArray(o.value) || S.value) {
+          const O = new Set(
+            Array.isArray(o.value) ? o.value : o.value !== void 0 ? [o.value] : []
           );
-          c ? V.add(t.value) : V.delete(t.value), e.value = [...V];
+          y ? O.add(r.value) : O.delete(r.value), o.value = [...O];
         } else
-          e.value = c ? t.value : void 0;
-        m("change", c);
+          o.value = y ? r.value : void 0;
+        t("change", y);
       }
-    }), { bemCssClasses: b } = useBemModifiers("vv-checkbox", {
-      switch: f,
-      valid: a,
-      invalid: y,
-      disabled: r,
-      readonly: d,
-      indeterminate: s
-    });
-    watchEffect(() => {
-      v.value && Array.isArray(e.value) && console.warn(
+    }), { modifiers: q } = R(r), F = Re(
+      "vv-checkbox",
+      q,
+      i(() => ({
+        switch: f.value,
+        valid: p.value,
+        invalid: c.value,
+        disabled: u.value,
+        readonly: a.value,
+        indeterminate: l.value
+      }))
+    );
+    X(() => {
+      g.value && Array.isArray(o.value) && console.warn(
         "[VvCheckbox] The model value is an array but the component is in binary mode."
       );
-    }), watch(
-      () => g.value,
-      (c) => {
-        c ? l.value.indeterminate = !0 : l.value.indeterminate = !1;
+    }), Z(
+      () => B.value,
+      (y) => {
+        y ? b.value.indeterminate = !0 : b.value.indeterminate = !1;
       }
-    ), onMounted(() => {
-      g.value && (l.value.indeterminate = !0);
+    ), L(() => {
+      B.value && (b.value.indeterminate = !0);
     });
-    const { HintSlot: B } = te(t, p);
-    return (c, V) => (N(), H("label", {
-      class: w(i(b)),
-      for: i(k)
+    const { HintSlot: U } = Ie(r, s);
+    return (y, O) => (ee(), te("label", {
+      class: re(v(F)),
+      for: v(d)
     }, [
-      E(G("input", {
-        id: i(k),
+      ne(ae("input", {
+        id: v(d),
         ref_key: "input",
-        ref: l,
-        "onUpdate:modelValue": V[0] || (V[0] = (R) => D(_) ? _.value = R : null),
+        ref: b,
+        "onUpdate:modelValue": O[0] || (O[0] = (z) => oe(m) ? m.value = z : null),
         type: "checkbox",
         class: "vv-checkbox__input",
-        name: c.name,
-        disabled: i(S),
-        value: i(P),
-        tabindex: i(o),
-        "aria-invalid": i(C)
-      }, null, 8, ne), [
-        [j, i(_)]
+        name: y.name,
+        disabled: v(k),
+        value: v(x),
+        tabindex: v(h),
+        "aria-invalid": v(j)
+      }, null, 8, we), [
+        [ue, v(m)]
       ]),
-      O(c.$slots, "default", { value: i(e) }, () => [
-        M(F(c.label), 1)
+      le(y.$slots, "default", { value: v(o) }, () => [
+        se(ie(y.label), 1)
       ]),
-      T(i(B), {
+      ce(v(U), {
         class: "vv-checkbox__hint",
-        params: { value: i(e) }
+        params: { value: v(o) }
       }, null, 8, ["params"])
-    ], 10, ae));
+    ], 10, Ne));
   }
 });
 export {
-  le as default
+  Me as default
 };

package/dist/components/VvCheckbox/VvCheckbox.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.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))}})});
+(function(t,j){typeof exports=="object"&&typeof module<"u"?module.exports=j(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],j):(t=typeof globalThis<"u"?globalThis:t||self,t.VvCheckbox=j(t.vue,t.core,t.nanoid))})(this,function(t,j,$){"use strict";var x=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(x||{}),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||{}),C=(e=>(e.before="before",e.after="after",e))(C||{}),E=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(E||{}),N=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(N||{});const M=Symbol.for("checkGroup"),F={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(N).includes(e)},rel:{type:String,default:"noopener noreferrer"}},T={valid:Boolean,validLabel:[String,Array]},U={invalid:Boolean,invalidLabel:[String,Array]},w={disabled:Boolean},z={active:Boolean},K={pressed:Boolean},G={label:[String,Number]},J={readonly:Boolean},D={modifiers:[String,Array]},W={hintLabel:{type:String,default:""}};C.before;const Y={tabindex:{type:[String,Number],default:0}},Q={id:[String,Number]};x.bottom;const X={...{...Q,name:{type:String,required:!0}},...Y,...T,...U,...W,...w,...J,...D,...G,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]};({...w,...G,...K,...z,...F,type:E.button});function q(e,n,r){return r?O(e,r)===O(n,r):I(e,n)}function I(e,n){if(e===n)return!0;if(e&&n&&typeof e=="object"&&typeof n=="object"){const r=Array.isArray(e),i=Array.isArray(n);let o,s,a;if(r&&i){if(s=e.length,s!=n.length)return!1;for(o=s;o--!==0;)if(!I(e[o],n[o]))return!1;return!0}if(r!=i)return!1;const p=e instanceof Date,c=n instanceof Date;if(p!=c)return!1;if(p&&c)return e.getTime()==n.getTime();const f=e instanceof RegExp,u=n instanceof RegExp;if(f!=u)return!1;if(f&&u)return e.toString()==n.toString();const l=Object.keys(e);if(s=l.length,s!==Object.keys(n).length)return!1;for(o=s;o--!==0;)if(!Object.prototype.hasOwnProperty.call(n,l[o]))return!1;for(o=s;o--!==0;)if(a=l[o],!I(e[a],n[a]))return!1;return!0}return e!==e&&n!==n}function O(e,n){if(e&&Object.keys(e).length&&n){if(n.indexOf(".")===-1)return e[n];{const r=n.split(".");let i=e;for(let o=0,s=r.length;o<s;++o){if(e==null)return null;i=i[r[o]]}return i}}else return null}function Z(e,n){if(e!=null&&n&&n.length){for(const r of n)if(q(e,r))return!0}return!1}function H(e){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(t.unref(e))}function L(e){return typeof e=="string"||e instanceof String}function ee(e){const n=t.inject(e,void 0),r=t.computed(()=>!H(n));function i(o,s,a){if(n!=null&&n.value){const c=t.unref(n.value)[o];return t.computed({get(){return c==null?void 0:c.value},set(f){c.value=f}})}const p=t.toRef(s,o);return t.computed({get(){return p.value},set(c){a&&a(`update:${o}`,c)}})}return{group:n,isInGroup:r,getGroupOrLocalRef:i}}const te={...X,...D,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},ne=["click","update:modelValue","change","blur"];function re(e,n){const{group:r,isInGroup:i,getGroupOrLocalRef:o}=ee(M),{id:s,switch:a,indeterminate:p}=t.toRefs(e),c=o("modelValue",e,n),f=o("readonly",e),u=o("disabled",e),l=o("valid",e),g=o("invalid",e);return{id:s,propsSwitch:a,indeterminate:p,group:r,isInGroup:i,modelValue:c,readonly:f,disabled:u,valid:l,invalid:g}}function A(e){return Array.isArray(e)?e.filter(n=>L(n)).join(" "):e}function oe(e,n){const{invalid:r,valid:i,hint:o,loading:s}=n,{hintLabel:a,modelValue:p,valid:c,validLabel:f,invalid:u,invalidLabel:l,...g}=t.toRefs(e),d=O(g,"loading"),y=O(g,"loadingLabel"),m=t.computed(()=>u.value?!!(u.value&&r||l!=null&&l.value&&Array.isArray(l.value)&&l.value.length>0||l!=null&&l.value&&!H(l)):!1),h=t.computed(()=>!!(a&&a.value||o)),S=t.computed(()=>!!(f&&f.value||i)),_=t.computed(()=>!!(d!=null&&d.value&&s||d!=null&&d.value&&(y!=null&&y.value))),B=t.computed(()=>h.value||S.value||m.value||_.value);return{hasInvalid:m,hasHint:h,hasValid:S,hasLoading:_,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(V){const R=t.computed(()=>{const b=j.toReactive({hintLabel:a,modelValue:p,valid:c,validLabel:f,invalid:u,invalidLabel:l,loading:d,loadingLabel:y,...V.params});return u!=null&&u.value?(r==null?void 0:r(b))||A(l==null?void 0:l.value)||(a==null?void 0:a.value):c!=null&&c.value?(i==null?void 0:i(b))||A(f==null?void 0:f.value)||(a==null?void 0:a.value):d!=null&&d.value?(s==null?void 0:s(b))||A(y==null?void 0:y.value)||(a==null?void 0:a.value):(o==null?void 0:o(b))||A(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:B,hasInvalid:m,hasValid:S,hintContent:R}},render(){if(this.isVisible)return t.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const ae=e=>t.computed(()=>String((e==null?void 0:e.value)||$.nanoid()));function ue(e,n,r){return t.computed(()=>{const i={[e]:!0},o=typeof(n==null?void 0:n.value)=="string"?n.value.split(" "):n==null?void 0:n.value;return o&&Array.isArray(o)&&o.forEach(s=>{i[`${e}--${s}`]=!0}),r&&Object.keys(r.value).forEach(s=>{i[`${e}--${s}`]=t.unref(r.value[s])}),i})}const se=["for"],le=["id","name","disabled","value","tabindex","aria-invalid"],ie={name:"VvCheckbox"};return t.defineComponent({...ie,props:te,emits:ne,setup(e,{emit:n}){const r=e,i=t.useSlots(),{id:o,disabled:s,readonly:a,valid:p,invalid:c,propsSwitch:f,modelValue:u,indeterminate:l,isInGroup:g}=re(r,n),d=ae(o),y=t.computed(()=>S.value?-1:r.tabindex),m=t.ref(),h=t.computed(()=>r.uncheckedValue!==void 0&&!g.value),S=t.computed(()=>s.value||a.value),_=t.computed(()=>{if(c.value===!0)return!0;if(p.value===!0)return!1}),B=t.computed(()=>h.value?u.value===r.value:Array.isArray(u.value)?Z(r.value,u.value):q(r.value,u.value)),V=t.computed(()=>!!(l.value||!B.value&&h.value&&r.uncheckedValue!==u.value)),R=t.computed(()=>{if(!h.value)return["string","number","boolean"].includes(typeof r.value)?r.value:!0}),b=t.computed({get(){return B.value},set(v){if(h.value)u.value=v?r.value:r.uncheckedValue;else if(Array.isArray(u.value)||g.value){const k=new Set(Array.isArray(u.value)?u.value:u.value!==void 0?[u.value]:[]);v?k.add(r.value):k.delete(r.value),u.value=[...k]}else u.value=v?r.value:void 0;n("change",v)}}),{modifiers:ce}=t.toRefs(r),fe=ue("vv-checkbox",ce,t.computed(()=>({switch:f.value,valid:p.value,invalid:c.value,disabled:s.value,readonly:a.value,indeterminate:l.value})));t.watchEffect(()=>{h.value&&Array.isArray(u.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),t.watch(()=>V.value,v=>{v?m.value.indeterminate=!0:m.value.indeterminate=!1}),t.onMounted(()=>{V.value&&(m.value.indeterminate=!0)});const{HintSlot:de}=oe(r,i);return(v,k)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(t.unref(fe)),for:t.unref(d)},[t.withDirectives(t.createElementVNode("input",{id:t.unref(d),ref_key:"input",ref:m,"onUpdate:modelValue":k[0]||(k[0]=pe=>t.isRef(b)?b.value=pe:null),type:"checkbox",class:"vv-checkbox__input",name:v.name,disabled:t.unref(S),value:t.unref(R),tabindex:t.unref(y),"aria-invalid":t.unref(_)},null,8,le),[[t.vModelCheckbox,t.unref(b)]]),t.renderSlot(v.$slots,"default",{value:t.unref(u)},()=>[t.createTextVNode(t.toDisplayString(v.label),1)]),t.createVNode(t.unref(de),{class:"vv-checkbox__hint",params:{value:t.unref(u)}},null,8,["params"])],10,se))}})});