@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1,61 +1,117 @@
-import { defineComponent as G, openBlock as H, createElementBlock as D, normalizeClass as M, unref as l, withDirectives as F, createElementVNode as T, isRef as q, vModelCheckbox as U, renderSlot as z, createTextVNode as K, toDisplayString as J, createVNode as W } from "vue";
-var j = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(j || {}), O = /* @__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))(O || {}), I = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(I || {});
-const Y = Symbol.for("checkGroup"), $ = {
+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]
-}, Q = {
+}, he = {
+  /**
+   * Invalid status
+   */
   invalid: Boolean,
+  /**
+   * Invalid label
+   */
   invalidLabel: [String, Array]
-}, X = {
+}, G = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, Z = {
+}, 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
-}, N = {
+}, H = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
-}, L = {
+}, Se = {
   hintLabel: { type: String, default: "" }
 };
-I.before;
-const ee = {
+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 }
-}, te = {
+}, Oe = {
   /**
    * Global attribute id
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
    */
   id: [String, Number]
 };
-j.bottom;
-const ae = {
-  ...te,
+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 }
-}, oe = {
-  ...ae,
-  ...ee,
-  ...$,
-  ...Q,
-  ...L,
-  ...X,
-  ...Z,
-  ...N,
+}, 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
@@ -64,14 +120,125 @@ const ae = {
   /**
    * Input value
    */
-  modelValue: [Object, Number, Boolean, String],
+  modelValue: [Object, Number, Boolean, String]
+};
+({
+  ...G,
+  ...D,
+  ...ge,
+  ...be,
+  ...pe,
   /**
-   * <label> for input
+   * Button type
    */
-  label: String
-}, re = {
-  ...oe,
-  ...N,
+  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
    */
@@ -84,55 +251,55 @@ const ae = {
    * If true, the input will be displayed as a switch
    */
   switch: Boolean
-}, ne = ["click", "update:modelValue", "change", "blur"];
-function ue(e, f) {
-  const { group: a, isInGroup: p, getGroupOrLocalRef: u } = useInjectedGroupState(Y), { id: d, switch: o, indeterminate: S } = toRefs(e), c = u("modelValue", e, f), s = u("readonly", e), t = u("disabled", e), r = u("valid", e), g = u("invalid", e);
+}, 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 {
     // local props
-    id: d,
-    propsSwitch: o,
-    indeterminate: S,
+    id: u,
+    propsSwitch: a,
+    indeterminate: p,
     // global props
-    group: a,
-    isInGroup: p,
+    group: r,
+    isInGroup: s,
     modelValue: c,
-    readonly: s,
-    disabled: t,
-    valid: r,
-    invalid: g
+    readonly: f,
+    disabled: o,
+    valid: l,
+    invalid: S
   };
 }
-function A(e) {
-  return Array.isArray(e) ? e.filter((f) => isString(f)).join(" ") : e;
+function _(e) {
+  return Array.isArray(e) ? e.filter((t) => _e(t)).join(" ") : e;
 }
-function le(e, f) {
+function Ie(e, t) {
   const {
-    invalid: a,
-    valid: p,
-    hint: u,
-    loading: d
-  } = f, {
-    hintLabel: o,
-    modelValue: S,
+    invalid: r,
+    valid: s,
+    hint: n,
+    loading: u
+  } = t, {
+    hintLabel: a,
+    modelValue: p,
     valid: c,
-    validLabel: s,
-    invalid: t,
-    invalidLabel: r,
-    ...g
-  } = toRefs(e), n = resolveFieldData(g, "loading"), v = resolveFieldData(g, "loadingLabel"), m = computed(() => t.value ? !!(t.value && a || r != null && r.value && Array.isArray(r.value) && r.value.length > 0 || r != null && r.value && !isEmpty(r)) : !1), b = computed(
-    () => !!(o && o.value || u)
-  ), V = computed(
-    () => !!(s && s.value || p)
-  ), k = computed(
-    () => !!(n != null && n.value && d || n != null && n.value && (v != null && v.value))
-  ), C = computed(
-    () => b.value || V.value || m.value || k.value
+    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: m,
-    hasHint: b,
-    hasValid: V,
-    hasLoading: k,
+    hasInvalid: b,
+    hasHint: g,
+    hasValid: k,
+    hasLoading: j,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -141,31 +308,31 @@ function le(e, f) {
           default: () => ({})
         }
       },
-      setup(x) {
-        const _ = computed(() => {
-          const y = toReactive({
-            hintLabel: o,
-            modelValue: S,
+      setup(B) {
+        const x = i(() => {
+          const m = fe({
+            hintLabel: a,
+            modelValue: p,
             valid: c,
-            validLabel: s,
-            invalid: t,
-            invalidLabel: r,
-            loading: n,
-            loadingLabel: v,
-            ...x.params
+            validLabel: f,
+            invalid: o,
+            invalidLabel: l,
+            loading: d,
+            loadingLabel: h,
+            ...B.params
           });
-          return t != null && t.value ? (a == null ? void 0 : a(y)) || A(r == null ? void 0 : r.value) || (o == null ? void 0 : o.value) : c != null && c.value ? (p == null ? void 0 : p(y)) || A(s == null ? void 0 : s.value) || (o == null ? void 0 : o.value) : n != null && n.value ? (d == null ? void 0 : d(y)) || A(v == null ? void 0 : v.value) || (o == null ? void 0 : o.value) : (u == null ? void 0 : u(y)) || A(o == null ? void 0 : o.value) || (o == null ? void 0 : o.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: C,
-          hasInvalid: m,
-          hasValid: V,
-          hintContent: _
+          isVisible: A,
+          hasInvalid: b,
+          hasValid: k,
+          hintContent: x
         };
       },
       render() {
         if (this.isVisible)
-          return h(
+          return T(
             "small",
             {
               role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
@@ -176,103 +343,116 @@ function le(e, f) {
     }
   };
 }
-const se = ["for"], ie = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], de = {
+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"
-}, ve = /* @__PURE__ */ G({
-  ...de,
-  props: re,
-  emits: ne,
-  setup(e, { emit: f }) {
-    const a = e, p = useSlots(), {
-      id: u,
-      disabled: d,
-      readonly: o,
-      valid: S,
+}, 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: s,
-      modelValue: t,
-      indeterminate: r,
-      isInGroup: g
-    } = ue(a, f), n = useUniqueId(u), v = computed(() => V.value ? -1 : a.tabindex), m = ref(), b = computed(
-      () => a.uncheckedValue !== void 0 && !g.value
-    ), V = computed(() => d.value || o.value), k = computed(() => {
+      propsSwitch: f,
+      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 (S.value === !0)
+      if (p.value === !0)
         return !1;
-    }), C = computed(() => b.value ? t.value === a.value : Array.isArray(t.value) ? contains(a.value, t.value) : equals(a.value, t.value)), x = computed(() => !!(r.value || !C.value && b.value && a.uncheckedValue !== t.value)), _ = computed(() => {
-      if (!b.value)
-        return ["string", "number", "boolean"].includes(typeof a.value) ? a.value : !0;
-    }), y = 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 C.value;
+        return A.value;
       },
-      set(i) {
-        if (b.value)
-          t.value = i ? a.value : a.uncheckedValue;
-        else if (Array.isArray(t.value) || g.value) {
-          const B = new Set(
-            Array.isArray(t.value) ? t.value : t.value !== void 0 ? [t.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] : []
           );
-          i ? B.add(a.value) : B.delete(a.value), t.value = [...B];
+          y ? O.add(r.value) : O.delete(r.value), o.value = [...O];
         } else
-          t.value = i ? a.value : void 0;
-        f("change", i);
+          o.value = y ? r.value : void 0;
+        t("change", y);
       }
-    }), { modifiers: E } = toRefs(a), R = useBemModifiers(
+    }), { modifiers: q } = R(r), F = Re(
       "vv-checkbox",
-      E,
-      computed(() => ({
-        switch: s.value,
-        valid: S.value,
+      q,
+      i(() => ({
+        switch: f.value,
+        valid: p.value,
         invalid: c.value,
-        disabled: d.value,
-        readonly: o.value,
-        indeterminate: r.value
+        disabled: u.value,
+        readonly: a.value,
+        indeterminate: l.value
       }))
     );
-    watchEffect(() => {
-      b.value && Array.isArray(t.value) && console.warn(
+    X(() => {
+      g.value && Array.isArray(o.value) && console.warn(
         "[VvCheckbox] The model value is an array but the component is in binary mode."
       );
-    }), watch(
-      () => x.value,
-      (i) => {
-        i ? m.value.indeterminate = !0 : m.value.indeterminate = !1;
+    }), Z(
+      () => B.value,
+      (y) => {
+        y ? b.value.indeterminate = !0 : b.value.indeterminate = !1;
       }
-    ), onMounted(() => {
-      x.value && (m.value.indeterminate = !0);
+    ), L(() => {
+      B.value && (b.value.indeterminate = !0);
     });
-    const { HintSlot: P } = le(a, p);
-    return (i, B) => (H(), D("label", {
-      class: M(l(R)),
-      for: l(n)
+    const { HintSlot: U } = Ie(r, s);
+    return (y, O) => (ee(), te("label", {
+      class: re(v(F)),
+      for: v(d)
     }, [
-      F(T("input", {
-        id: l(n),
+      ne(ae("input", {
+        id: v(d),
         ref_key: "input",
-        ref: m,
-        "onUpdate:modelValue": B[0] || (B[0] = (w) => q(y) ? y.value = w : null),
+        ref: b,
+        "onUpdate:modelValue": O[0] || (O[0] = (z) => oe(m) ? m.value = z : null),
         type: "checkbox",
         class: "vv-checkbox__input",
-        name: i.name,
-        disabled: l(V),
-        value: l(_),
-        tabindex: l(v),
-        "aria-invalid": l(k)
-      }, null, 8, ie), [
-        [U, l(y)]
+        name: y.name,
+        disabled: v(k),
+        value: v(x),
+        tabindex: v(h),
+        "aria-invalid": v(j)
+      }, null, 8, we), [
+        [ue, v(m)]
       ]),
-      z(i.$slots, "default", { value: l(t) }, () => [
-        K(J(i.label), 1)
+      le(y.$slots, "default", { value: v(o) }, () => [
+        se(ie(y.label), 1)
       ]),
-      W(l(P), {
+      ce(v(U), {
         class: "vv-checkbox__hint",
-        params: { value: l(t) }
+        params: { value: v(o) }
       }, null, 8, ["params"])
-    ], 10, se));
+    ], 10, Ne));
   }
 });
 export {
-  ve as default
+  Me as default
 };

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

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