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

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js

@@ -1,37 +1,37 @@
-import { defineComponent as R, openBlock as P, createElementBlock as B, normalizeClass as N, unref as c, withDirectives as U, createElementVNode as O, isRef as z, vModelCheckbox as J, renderSlot as H, createTextVNode as Q, toDisplayString as I, createVNode as w, createCommentVNode as W, Fragment as X, renderList as Y, createBlock as Z, mergeProps as L } from "vue";
-import { nanoid as ee } from "nanoid";
-const E = "VV_CHECK_GROUP";
-function A(n) {
-  return Array.isArray(n) ? n.filter((m) => isString(m)).join(" ") : n;
+import { defineComponent as E, openBlock as B, createElementBlock as A, normalizeClass as G, unref as i, withDirectives as X, createElementVNode as R, isRef as Z, vModelCheckbox as L, renderSlot as w, createTextVNode as ee, toDisplayString as F, createVNode as H, createCommentVNode as te, Fragment as ae, renderList as oe, createBlock as re, mergeProps as ne } from "vue";
+var j = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(j || {}), $ = /* @__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))($ || {}), I = /* @__PURE__ */ ((e) => (e.before = "before", e.after = "after", e))(I || {});
+const M = Symbol.for("checkGroup");
+function O(e) {
+  return Array.isArray(e) ? e.filter((p) => isString(p)).join(" ") : e;
 }
-function $(n, m) {
+function D(e, p) {
   const {
-    invalid: e,
+    invalid: t,
     valid: f,
-    hint: r,
+    hint: u,
     loading: d
-  } = m, {
-    hintLabel: a,
-    modelValue: b,
-    valid: v,
-    validLabel: t,
-    invalid: i,
-    invalidLabel: o,
-    ...g
-  } = toRefs(n), l = resolveFieldData(g, "loading"), u = resolveFieldData(g, "loadingLabel"), p = computed(() => i.value ? !!(i.value && e || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !isEmpty(o)) : !1), s = computed(
-    () => !!(a && a.value || r)
+  } = p, {
+    hintLabel: o,
+    modelValue: S,
+    valid: c,
+    validLabel: s,
+    invalid: a,
+    invalidLabel: r,
+    ...y
+  } = toRefs(e), l = resolveFieldData(y, "loading"), v = resolveFieldData(y, "loadingLabel"), m = computed(() => a.value ? !!(a.value && t || r != null && r.value && Array.isArray(r.value) && r.value.length > 0 || r != null && r.value && !isEmpty(r)) : !1), n = computed(
+    () => !!(o && o.value || u)
+  ), g = computed(
+    () => !!(s && s.value || f)
+  ), _ = computed(
+    () => !!(l != null && l.value && d || l != null && l.value && (v != null && v.value))
   ), V = computed(
-    () => !!(t && t.value || f)
-  ), k = computed(
-    () => !!(l != null && l.value && d || l != null && l.value && (u != null && u.value))
-  ), S = computed(
-    () => s.value || V.value || p.value || k.value
+    () => n.value || g.value || m.value || _.value
   );
   return {
-    hasInvalid: p,
-    hasHint: s,
-    hasValid: V,
-    hasLoading: k,
+    hasInvalid: m,
+    hasHint: n,
+    hasValid: g,
+    hasLoading: _,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -40,26 +40,26 @@ function $(n, m) {
           default: () => ({})
         }
       },
-      setup(G) {
-        const x = computed(() => {
-          const _ = toReactive({
-            hintLabel: a,
-            modelValue: b,
-            valid: v,
-            validLabel: t,
-            invalid: i,
-            invalidLabel: o,
+      setup(x) {
+        const P = computed(() => {
+          const k = toReactive({
+            hintLabel: o,
+            modelValue: S,
+            valid: c,
+            validLabel: s,
+            invalid: a,
+            invalidLabel: r,
             loading: l,
-            loadingLabel: u,
-            ...G.params
+            loadingLabel: v,
+            ...x.params
           });
-          return i != null && i.value ? (e == null ? void 0 : e(_)) || A(o == null ? void 0 : o.value) || (a == null ? void 0 : a.value) : v != null && v.value ? (f == null ? void 0 : f(_)) || A(t == null ? void 0 : t.value) || (a == null ? void 0 : a.value) : l != null && l.value ? (d == null ? void 0 : d(_)) || A(u == null ? void 0 : u.value) || (a == null ? void 0 : a.value) : (r == null ? void 0 : r(_)) || A(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
+          return a != null && a.value ? (t == null ? void 0 : t(k)) || O(r == null ? void 0 : r.value) || (o == null ? void 0 : o.value) : c != null && c.value ? (f == null ? void 0 : f(k)) || O(s == null ? void 0 : s.value) || (o == null ? void 0 : o.value) : l != null && l.value ? (d == null ? void 0 : d(k)) || O(v == null ? void 0 : v.value) || (o == null ? void 0 : o.value) : (u == null ? void 0 : u(k)) || O(o == null ? void 0 : o.value) || (o == null ? void 0 : o.value);
         });
         return {
-          isVisible: S,
-          hasInvalid: p,
-          hasValid: V,
-          hintContent: x
+          isVisible: V,
+          hasInvalid: m,
+          hasValid: g,
+          hintContent: P
         };
       },
       render() {
@@ -67,7 +67,7 @@ function $(n, m) {
           return h(
             "small",
             {
-              role: this.hasInvalid || this.hasValid ? "alert" : void 0
+              role: this.hasInvalid ? "alert" : this.hasValid ? "status" : void 0
             },
             this.hintContent
           );
@@ -75,205 +75,294 @@ function $(n, m) {
     }
   };
 }
-const D = {
+const K = {
   valid: Boolean,
   validLabel: [String, Array]
-}, F = {
+}, q = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, M = {
+}, T = {
+  /**
+   * Whether the form control is disabled
+   */
   disabled: Boolean
-}, j = {
+}, z = {
+  /**
+   * The value is not editable
+   */
   readonly: Boolean
-}, K = {
+}, N = {
+  /**
+   * Component BEM modifiers
+   */
+  modifiers: [String, Array]
+}, U = {
   hintLabel: { type: String, default: "" }
-}, te = {
+}, le = {
+  /**
+   * List of options, can be string[] or object[]
+   */
   options: {
     type: Array,
     default: () => []
   },
+  /**
+   * Used when options are objects: key to use for option label
+   */
   labelKey: { type: [String, Function], default: "label" },
-  valueKey: { type: [String, Function], default: "value" }
-}, ae = {
+  /**
+   * Used when options are objects: key to use for option label
+   */
+  valueKey: { type: [String, Function], default: "value" },
+  /**
+   * Used when options are objects: key to use for option disabled
+   */
+  disabledKey: { type: [String, Function], default: "disabled" }
+};
+I.before;
+const ue = {
+  /**
+   * Global attribute tabindex
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+   */
   tabindex: { type: [String, Number], default: 0 }
-}, oe = {
-  id: [String, Number],
+}, se = {
+  /**
+   * Global attribute id
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+   */
+  id: [String, Number]
+};
+j.bottom;
+const ie = {
+  ...se,
+  /**
+   * 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 }
-}, ne = {
-  ...oe,
-  ...ae,
-  ...D,
-  ...F,
+}, de = {
+  ...ie,
+  ...ue,
   ...K,
-  ...M,
-  ...j,
+  ...q,
+  ...U,
+  ...T,
+  ...z,
+  ...N,
+  /**
+   * Input value
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
+   */
   value: [String, Number, Boolean],
+  /**
+   * Input value
+   */
   modelValue: [Object, Number, Boolean, String],
+  /**
+   * <label> for input
+   */
   label: String
-}, re = {
-  ...D,
-  ...F,
-  ...te,
+}, ce = {
   ...K,
-  ...M,
-  ...j,
+  ...q,
+  ...le,
+  ...U,
+  ...T,
+  ...z,
+  ...N,
+  /**
+   * Input value
+   */
   modelValue: [String, Array],
+  /**
+   * Input label
+   */
   label: String,
+  /**
+   * Input name
+   */
   name: { type: String, required: !0 },
+  /**
+   * If true, the group will be displayed in a vertical column
+   */
   vertical: Boolean
-}, le = {
-  ...ne,
+}, ve = {
+  ...de,
+  ...N,
+  /**
+   * 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
-}, ue = ["click", "update:modelValue", "change", "blur"];
-function se(n, m) {
-  const { group: e, isInGroup: f, getGroupOrLocalRef: r } = useInjectedGroupState(E), { switch: d, indeterminate: a } = toRefs(n), b = r("modelValue", n, m), v = r("readonly", n), t = r("disabled", n), i = r("valid", n), o = r("invalid", n);
+}, pe = ["click", "update:modelValue", "change", "blur"];
+function fe(e, p) {
+  const { group: t, isInGroup: f, getGroupOrLocalRef: u } = useInjectedGroupState(M), { id: d, switch: o, indeterminate: S } = toRefs(e), c = u("modelValue", e, p), s = u("readonly", e), a = u("disabled", e), r = u("valid", e), y = u("invalid", e);
   return {
-    propsSwitch: d,
-    indeterminate: a,
-    group: e,
+    // local props
+    id: d,
+    propsSwitch: o,
+    indeterminate: S,
+    // global props
+    group: t,
     isInGroup: f,
-    modelValue: b,
-    readonly: v,
-    disabled: t,
-    valid: i,
-    invalid: o
+    modelValue: c,
+    readonly: s,
+    disabled: a,
+    valid: r,
+    invalid: y
   };
 }
-const ie = ["for"], ce = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], de = {
+const me = ["for"], be = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], ye = {
   name: "VvCheckbox"
-}, ve = /* @__PURE__ */ R({
-  ...de,
-  props: le,
-  emits: ue,
-  setup(n, { emit: m }) {
-    const e = n, f = useSlots(), {
-      disabled: r,
-      readonly: d,
-      valid: a,
-      invalid: b,
-      propsSwitch: v,
-      modelValue: t,
-      indeterminate: i,
-      isInGroup: o
-    } = se(e, m), g = computed(() => String(e.id || ee())), l = computed(() => s.value ? -1 : e.tabindex), u = ref(), p = computed(
-      () => e.uncheckedValue !== void 0 && !o.value
-    ), s = computed(() => r.value || d.value), V = computed(() => {
-      if (b.value === !0)
+}, he = /* @__PURE__ */ E({
+  ...ye,
+  props: ve,
+  emits: pe,
+  setup(e, { emit: p }) {
+    const t = e, f = useSlots(), {
+      id: u,
+      disabled: d,
+      readonly: o,
+      valid: S,
+      invalid: c,
+      propsSwitch: s,
+      modelValue: a,
+      indeterminate: r,
+      isInGroup: y
+    } = fe(t, p), l = useUniqueId(u), v = computed(() => g.value ? -1 : t.tabindex), m = ref(), n = computed(
+      () => t.uncheckedValue !== void 0 && !y.value
+    ), g = computed(() => d.value || o.value), _ = computed(() => {
+      if (c.value === !0)
         return !0;
-      if (a.value === !0)
+      if (S.value === !0)
         return !1;
-    }), k = computed(() => p.value ? t.value === e.value : Array.isArray(t.value) ? contains(e.value, t.value) : equals(e.value, t.value)), S = computed(() => !!(i.value || !k.value && p.value && e.uncheckedValue !== t.value)), G = computed(() => {
-      if (!p.value)
-        return ["string", "number", "boolean"].includes(typeof e.value) ? e.value : !0;
-    }), x = computed({
+    }), V = computed(() => n.value ? a.value === t.value : Array.isArray(a.value) ? contains(t.value, a.value) : equals(t.value, a.value)), x = computed(() => !!(r.value || !V.value && n.value && t.uncheckedValue !== a.value)), P = computed(() => {
+      if (!n.value)
+        return ["string", "number", "boolean"].includes(typeof t.value) ? t.value : !0;
+    }), k = computed({
       get() {
-        return k.value;
+        return V.value;
       },
-      set(y) {
-        if (p.value)
-          t.value = y ? e.value : e.uncheckedValue;
-        else if (Array.isArray(t.value) || o.value) {
+      set(b) {
+        if (n.value)
+          a.value = b ? t.value : t.uncheckedValue;
+        else if (Array.isArray(a.value) || y.value) {
           const C = new Set(
-            Array.isArray(t.value) ? t.value : t.value !== void 0 ? [t.value] : []
+            Array.isArray(a.value) ? a.value : a.value !== void 0 ? [a.value] : []
           );
-          y ? C.add(e.value) : C.delete(e.value), t.value = [...C];
+          b ? C.add(t.value) : C.delete(t.value), a.value = [...C];
         } else
-          t.value = y ? e.value : void 0;
-        m("change", y);
+          a.value = b ? t.value : void 0;
+        p("change", b);
       }
-    }), { bemCssClasses: _ } = useBemModifiers("vv-checkbox", {
-      switch: v,
-      valid: a,
-      invalid: b,
-      disabled: r,
-      readonly: d,
-      indeterminate: i
-    });
+    }), { modifiers: J } = toRefs(t), W = useBemModifiers(
+      "vv-checkbox",
+      J,
+      computed(() => ({
+        switch: s.value,
+        valid: S.value,
+        invalid: c.value,
+        disabled: d.value,
+        readonly: o.value,
+        indeterminate: r.value
+      }))
+    );
     watchEffect(() => {
-      p.value && Array.isArray(t.value) && console.warn(
+      n.value && Array.isArray(a.value) && console.warn(
         "[VvCheckbox] The model value is an array but the component is in binary mode."
       );
     }), watch(
-      () => S.value,
-      (y) => {
-        y ? u.value.indeterminate = !0 : u.value.indeterminate = !1;
+      () => x.value,
+      (b) => {
+        b ? m.value.indeterminate = !0 : m.value.indeterminate = !1;
       }
     ), onMounted(() => {
-      S.value && (u.value.indeterminate = !0);
+      x.value && (m.value.indeterminate = !0);
     });
-    const { HintSlot: q } = $(e, f);
-    return (y, C) => (P(), B("label", {
-      class: N(c(_)),
-      for: c(g)
+    const { HintSlot: Y } = D(t, f);
+    return (b, C) => (B(), A("label", {
+      class: G(i(W)),
+      for: i(l)
     }, [
-      U(O("input", {
-        id: c(g),
+      X(R("input", {
+        id: i(l),
         ref_key: "input",
-        ref: u,
-        "onUpdate:modelValue": C[0] || (C[0] = (T) => z(x) ? x.value = T : null),
+        ref: m,
+        "onUpdate:modelValue": C[0] || (C[0] = (Q) => Z(k) ? k.value = Q : null),
         type: "checkbox",
         class: "vv-checkbox__input",
-        name: y.name,
-        disabled: c(s),
-        value: c(G),
-        tabindex: c(l),
-        "aria-invalid": c(V)
-      }, null, 8, ce), [
-        [J, c(x)]
+        name: b.name,
+        disabled: i(g),
+        value: i(P),
+        tabindex: i(v),
+        "aria-invalid": i(_)
+      }, null, 8, be), [
+        [L, i(k)]
       ]),
-      H(y.$slots, "default", { value: c(t) }, () => [
-        Q(I(y.label), 1)
+      w(b.$slots, "default", { value: i(a) }, () => [
+        ee(F(b.label), 1)
       ]),
-      w(c(q), {
+      H(i(Y), {
         class: "vv-checkbox__hint",
-        params: { value: c(t) }
+        params: { value: i(a) }
       }, null, 8, ["params"])
-    ], 10, ie));
+    ], 10, me));
   }
-}), pe = re, me = ["update:modelValue", "change"], fe = ["textContent"], he = { class: "vv-checkbox-group__wrapper" }, ye = {
+}), ge = ce, Se = ["update:modelValue", "change"], ke = ["textContent"], Ve = { class: "vv-checkbox-group__wrapper" }, _e = {
   name: "VvCheckboxGroup"
-}, ge = /* @__PURE__ */ R({
-  ...ye,
-  props: pe,
-  emits: me,
-  setup(n, { emit: m }) {
-    const e = n, f = useSlots(), r = useVModel(e, "modelValue", m), { disabled: d, readonly: a, vertical: b, valid: v, invalid: t } = toRefs(e), i = {
-      key: E,
-      modelValue: r,
-      disabled: d,
-      readonly: a,
-      valid: v,
-      invalid: t
-    };
-    useProvideGroupState(i);
-    const { getOptionLabel: o, getOptionValue: g } = useOptions(e), { bemCssClasses: l } = useBemModifiers("vv-checkbox-group", {
+}, Be = /* @__PURE__ */ E({
+  ..._e,
+  props: ge,
+  emits: Se,
+  setup(e, { emit: p }) {
+    const t = e, f = useSlots(), u = useVModel(t, "modelValue", p), { disabled: d, readonly: o, vertical: S, valid: c, invalid: s, modifiers: a } = toRefs(t);
+    useProvideGroupState({
+      key: M,
+      modelValue: u,
       disabled: d,
-      readonly: a,
-      horizontal: computed(() => !b.value),
-      valid: v,
-      invalid: t
-    }), u = (s, V) => ({
-      id: `${e.name}_opt${V}`,
-      name: e.name,
-      label: o(s),
-      value: g(s)
-    }), { HintSlot: p } = $(e, f);
-    return (s, V) => (P(), B("fieldset", {
-      class: N(c(l))
+      readonly: o,
+      valid: c,
+      invalid: s
+    });
+    const { getOptionLabel: r, getOptionValue: y } = useOptions(t), l = useBemModifiers(
+      "vv-checkbox-group",
+      a,
+      computed(() => ({
+        disabled: d.value,
+        readonly: o.value,
+        horizontal: !S.value,
+        valid: c.value,
+        invalid: s.value
+      }))
+    ), v = (n, g) => ({
+      id: `${t.name}_opt${g}`,
+      name: t.name,
+      label: r(n),
+      value: y(n)
+    }), { HintSlot: m } = D(t, f);
+    return (n, g) => (B(), A("fieldset", {
+      class: G(i(l))
     }, [
-      s.label ? (P(), B("legend", {
+      n.label ? (B(), A("legend", {
         key: 0,
-        textContent: I(s.label)
-      }, null, 8, fe)) : W("", !0),
-      O("div", he, [
-        s.options.length > 0 ? (P(!0), B(X, { key: 0 }, Y(s.options, (k, S) => (P(), Z(ve, L({ key: S }, u(k, S)), null, 16))), 128)) : H(s.$slots, "default", { key: 1 })
+        textContent: F(n.label)
+      }, null, 8, ke)) : te("", !0),
+      R("div", Ve, [
+        n.options.length > 0 ? (B(!0), A(ae, { key: 0 }, oe(n.options, (_, V) => (B(), re(he, ne({ key: V }, v(_, V)), null, 16))), 128)) : w(n.$slots, "default", { key: 1 })
       ]),
-      w(c(p), { class: "vv-checkbox-group__hint" })
+      H(i(m), { class: "vv-checkbox-group__hint" })
     ], 2));
   }
 });
 export {
-  ge as default
+  Be as default
 };

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js

@@ -1 +1 @@
-(function(e,x){typeof exports=="object"&&typeof module<"u"?module.exports=x(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],x):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckboxGroup=x(e.vue,e.nanoid))})(this,function(e,x){"use strict";const G="VV_CHECK_GROUP";function P(r){return Array.isArray(r)?r.filter(m=>isString(m)).join(" "):r}function N(r,m){const{invalid:t,valid:f,hint:l,loading:d}=m,{hintLabel:o,modelValue:b,valid:p,validLabel:n,invalid:c,invalidLabel:a,...V}=toRefs(r),s=resolveFieldData(V,"loading"),u=resolveFieldData(V,"loadingLabel"),v=computed(()=>c.value?!!(c.value&&t||a!=null&&a.value&&Array.isArray(a.value)&&a.value.length>0||a!=null&&a.value&&!isEmpty(a)):!1),i=computed(()=>!!(o&&o.value||l)),k=computed(()=>!!(n&&n.value||f)),g=computed(()=>!!(s!=null&&s.value&&d||s!=null&&s.value&&(u!=null&&u.value))),C=computed(()=>i.value||k.value||v.value||g.value);return{hasInvalid:v,hasHint:i,hasValid:k,hasLoading:g,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(A){const B=computed(()=>{const S=toReactive({hintLabel:o,modelValue:b,valid:p,validLabel:n,invalid:c,invalidLabel:a,loading:s,loadingLabel:u,...A.params});return c!=null&&c.value?(t==null?void 0:t(S))||P(a==null?void 0:a.value)||(o==null?void 0:o.value):p!=null&&p.value?(f==null?void 0:f(S))||P(n==null?void 0:n.value)||(o==null?void 0:o.value):s!=null&&s.value?(d==null?void 0:d(S))||P(u==null?void 0:u.value)||(o==null?void 0:o.value):(l==null?void 0:l(S))||P(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:C,hasInvalid:v,hasValid:k,hintContent:B}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const E={valid:Boolean,validLabel:[String,Array]},R={invalid:Boolean,invalidLabel:[String,Array]},I={disabled:Boolean},O={readonly:Boolean},H={hintLabel:{type:String,default:""}},w={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},$={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...E,...R,...H,...I,...O,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},D={...E,...R,...w,...H,...I,...O,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},j={...$,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},F=["click","update:modelValue","change","blur"];function M(r,m){const{group:t,isInGroup:f,getGroupOrLocalRef:l}=useInjectedGroupState(G),{switch:d,indeterminate:o}=toRefs(r),b=l("modelValue",r,m),p=l("readonly",r),n=l("disabled",r),c=l("valid",r),a=l("invalid",r);return{propsSwitch:d,indeterminate:o,group:t,isInGroup:f,modelValue:b,readonly:p,disabled:n,valid:c,invalid:a}}const T=["for"],q=["id","name","disabled","value","tabindex","aria-invalid"],K={name:"VvCheckbox"},z=e.defineComponent({...K,props:j,emits:F,setup(r,{emit:m}){const t=r,f=useSlots(),{disabled:l,readonly:d,valid:o,invalid:b,propsSwitch:p,modelValue:n,indeterminate:c,isInGroup:a}=M(t,m),V=computed(()=>String(t.id||x.nanoid())),s=computed(()=>i.value?-1:t.tabindex),u=ref(),v=computed(()=>t.uncheckedValue!==void 0&&!a.value),i=computed(()=>l.value||d.value),k=computed(()=>{if(b.value===!0)return!0;if(o.value===!0)return!1}),g=computed(()=>v.value?n.value===t.value:Array.isArray(n.value)?contains(t.value,n.value):equals(t.value,n.value)),C=computed(()=>!!(c.value||!g.value&&v.value&&t.uncheckedValue!==n.value)),A=computed(()=>{if(!v.value)return["string","number","boolean"].includes(typeof t.value)?t.value:!0}),B=computed({get(){return g.value},set(y){if(v.value)n.value=y?t.value:t.uncheckedValue;else if(Array.isArray(n.value)||a.value){const _=new Set(Array.isArray(n.value)?n.value:n.value!==void 0?[n.value]:[]);y?_.add(t.value):_.delete(t.value),n.value=[..._]}else n.value=y?t.value:void 0;m("change",y)}}),{bemCssClasses:S}=useBemModifiers("vv-checkbox",{switch:p,valid:o,invalid:b,disabled:l,readonly:d,indeterminate:c});watchEffect(()=>{v.value&&Array.isArray(n.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),watch(()=>C.value,y=>{y?u.value.indeterminate=!0:u.value.indeterminate=!1}),onMounted(()=>{C.value&&(u.value.indeterminate=!0)});const{HintSlot:Y}=N(t,f);return(y,_)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(S)),for:e.unref(V)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(V),ref_key:"input",ref:u,"onUpdate:modelValue":_[0]||(_[0]=Z=>e.isRef(B)?B.value=Z:null),type:"checkbox",class:"vv-checkbox__input",name:y.name,disabled:e.unref(i),value:e.unref(A),tabindex:e.unref(s),"aria-invalid":e.unref(k)},null,8,q),[[e.vModelCheckbox,e.unref(B)]]),e.renderSlot(y.$slots,"default",{value:e.unref(n)},()=>[e.createTextVNode(e.toDisplayString(y.label),1)]),e.createVNode(e.unref(Y),{class:"vv-checkbox__hint",params:{value:e.unref(n)}},null,8,["params"])],10,T))}}),U=D,J=["update:modelValue","change"],Q=["textContent"],W={class:"vv-checkbox-group__wrapper"},X={name:"VvCheckboxGroup"};return e.defineComponent({...X,props:U,emits:J,setup(r,{emit:m}){const t=r,f=useSlots(),l=useVModel(t,"modelValue",m),{disabled:d,readonly:o,vertical:b,valid:p,invalid:n}=toRefs(t),c={key:G,modelValue:l,disabled:d,readonly:o,valid:p,invalid:n};useProvideGroupState(c);const{getOptionLabel:a,getOptionValue:V}=useOptions(t),{bemCssClasses:s}=useBemModifiers("vv-checkbox-group",{disabled:d,readonly:o,horizontal:computed(()=>!b.value),valid:p,invalid:n}),u=(i,k)=>({id:`${t.name}_opt${k}`,name:t.name,label:a(i),value:V(i)}),{HintSlot:v}=N(t,f);return(i,k)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(s))},[i.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(i.label)},null,8,Q)):e.createCommentVNode("",!0),e.createElementVNode("div",W,[i.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(i.options,(g,C)=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:C},u(g,C)),null,16))),128)):e.renderSlot(i.$slots,"default",{key:1})]),e.createVNode(e.unref(v),{class:"vv-checkbox-group__hint"})],2))}})});
+(function(e,V){typeof exports=="object"&&typeof module<"u"?module.exports=V(require("vue")):typeof define=="function"&&define.amd?define(["vue"],V):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckboxGroup=V(e.vue))})(this,function(e){"use strict";var V=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(V||{}),P=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(P||{}),A=(t=>(t.before="before",t.after="after",t))(A||{});const j=Symbol.for("checkGroup");function x(t){return Array.isArray(t)?t.filter(f=>isString(f)).join(" "):t}function I(t,f){const{invalid:o,valid:v,hint:u,loading:d}=f,{hintLabel:a,modelValue:k,valid:c,validLabel:i,invalid:n,invalidLabel:r,...y}=toRefs(t),s=resolveFieldData(y,"loading"),p=resolveFieldData(y,"loadingLabel"),m=computed(()=>n.value?!!(n.value&&o||r!=null&&r.value&&Array.isArray(r.value)&&r.value.length>0||r!=null&&r.value&&!isEmpty(r)):!1),l=computed(()=>!!(a&&a.value||u)),g=computed(()=>!!(i&&i.value||v)),C=computed(()=>!!(s!=null&&s.value&&d||s!=null&&s.value&&(p!=null&&p.value))),B=computed(()=>l.value||g.value||m.value||C.value);return{hasInvalid:m,hasHint:l,hasValid:g,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(O){const N=computed(()=>{const S=toReactive({hintLabel:a,modelValue:k,valid:c,validLabel:i,invalid:n,invalidLabel:r,loading:s,loadingLabel:p,...O.params});return n!=null&&n.value?(o==null?void 0:o(S))||x(r==null?void 0:r.value)||(a==null?void 0:a.value):c!=null&&c.value?(v==null?void 0:v(S))||x(i==null?void 0:i.value)||(a==null?void 0:a.value):s!=null&&s.value?(d==null?void 0:d(S))||x(p==null?void 0:p.value)||(a==null?void 0:a.value):(u==null?void 0:u(S))||x(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:B,hasInvalid:m,hasValid:g,hintContent:N}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const G={valid:Boolean,validLabel:[String,Array]},R={invalid:Boolean,invalidLabel:[String,Array]},w={disabled:Boolean},F={readonly:Boolean},E={modifiers:[String,Array]},H={hintLabel:{type:String,default:""}},$={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};A.before;const D={tabindex:{type:[String,Number],default:0}},M={id:[String,Number]};V.bottom;const T={...{...M,name:{type:String,required:!0}},...D,...G,...R,...H,...w,...F,...E,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},q={...G,...R,...$,...H,...w,...F,...E,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},K={...T,...E,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},z=["click","update:modelValue","change","blur"];function U(t,f){const{group:o,isInGroup:v,getGroupOrLocalRef:u}=useInjectedGroupState(j),{id:d,switch:a,indeterminate:k}=toRefs(t),c=u("modelValue",t,f),i=u("readonly",t),n=u("disabled",t),r=u("valid",t),y=u("invalid",t);return{id:d,propsSwitch:a,indeterminate:k,group:o,isInGroup:v,modelValue:c,readonly:i,disabled:n,valid:r,invalid:y}}const J=["for"],W=["id","name","disabled","value","tabindex","aria-invalid"],Y={name:"VvCheckbox"},Q=e.defineComponent({...Y,props:K,emits:z,setup(t,{emit:f}){const o=t,v=useSlots(),{id:u,disabled:d,readonly:a,valid:k,invalid:c,propsSwitch:i,modelValue:n,indeterminate:r,isInGroup:y}=U(o,f),s=useUniqueId(u),p=computed(()=>g.value?-1:o.tabindex),m=ref(),l=computed(()=>o.uncheckedValue!==void 0&&!y.value),g=computed(()=>d.value||a.value),C=computed(()=>{if(c.value===!0)return!0;if(k.value===!0)return!1}),B=computed(()=>l.value?n.value===o.value:Array.isArray(n.value)?contains(o.value,n.value):equals(o.value,n.value)),O=computed(()=>!!(r.value||!B.value&&l.value&&o.uncheckedValue!==n.value)),N=computed(()=>{if(!l.value)return["string","number","boolean"].includes(typeof o.value)?o.value:!0}),S=computed({get(){return B.value},set(b){if(l.value)n.value=b?o.value:o.uncheckedValue;else if(Array.isArray(n.value)||y.value){const _=new Set(Array.isArray(n.value)?n.value:n.value!==void 0?[n.value]:[]);b?_.add(o.value):_.delete(o.value),n.value=[..._]}else n.value=b?o.value:void 0;f("change",b)}}),{modifiers:oe}=toRefs(o),ne=useBemModifiers("vv-checkbox",oe,computed(()=>({switch:i.value,valid:k.value,invalid:c.value,disabled:d.value,readonly:a.value,indeterminate:r.value})));watchEffect(()=>{l.value&&Array.isArray(n.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),watch(()=>O.value,b=>{b?m.value.indeterminate=!0:m.value.indeterminate=!1}),onMounted(()=>{O.value&&(m.value.indeterminate=!0)});const{HintSlot:ae}=I(o,v);return(b,_)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(ne)),for:e.unref(s)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(s),ref_key:"input",ref:m,"onUpdate:modelValue":_[0]||(_[0]=re=>e.isRef(S)?S.value=re:null),type:"checkbox",class:"vv-checkbox__input",name:b.name,disabled:e.unref(g),value:e.unref(N),tabindex:e.unref(p),"aria-invalid":e.unref(C)},null,8,W),[[e.vModelCheckbox,e.unref(S)]]),e.renderSlot(b.$slots,"default",{value:e.unref(n)},()=>[e.createTextVNode(e.toDisplayString(b.label),1)]),e.createVNode(e.unref(ae),{class:"vv-checkbox__hint",params:{value:e.unref(n)}},null,8,["params"])],10,J))}}),X=q,Z=["update:modelValue","change"],L=["textContent"],ee={class:"vv-checkbox-group__wrapper"},te={name:"VvCheckboxGroup"};return e.defineComponent({...te,props:X,emits:Z,setup(t,{emit:f}){const o=t,v=useSlots(),u=useVModel(o,"modelValue",f),{disabled:d,readonly:a,vertical:k,valid:c,invalid:i,modifiers:n}=toRefs(o);useProvideGroupState({key:j,modelValue:u,disabled:d,readonly:a,valid:c,invalid:i});const{getOptionLabel:r,getOptionValue:y}=useOptions(o),s=useBemModifiers("vv-checkbox-group",n,computed(()=>({disabled:d.value,readonly:a.value,horizontal:!k.value,valid:c.value,invalid:i.value}))),p=(l,g)=>({id:`${o.name}_opt${g}`,name:o.name,label:r(l),value:y(l)}),{HintSlot:m}=I(o,v);return(l,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(s))},[l.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(l.label)},null,8,L)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[l.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,(C,B)=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:B},p(C,B)),null,16))),128)):e.renderSlot(l.$slots,"default",{key:1})]),e.createVNode(e.unref(m),{class:"vv-checkbox-group__hint"})],2))}})});