@wikicasa-dev/components 2.2.9-alpha.9 → 2.3.1-alpha.0

package/dist/packages/components/lib/UIKit/BaseModal.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as r, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as d, createVNode as D, unref as K, nextTick as N } from "vue";
-import { isWindows as C, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
+import { defineComponent as I, ref as n, useTemplateRef as T, onUnmounted as z, watch as H, createBlock as O, openBlock as m, Teleport as $, createElementVNode as a, normalizeClass as s, createElementBlock as y, createCommentVNode as h, renderSlot as d, withModifiers as D, createVNode as F, unref as K, nextTick as N } from "vue";
+import { isWindows as g, awaitableSetTimeout as S } from "@wikicasa-dev/utilities";
 import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
-const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
+const P = ["id", "data-cy"], U = ["innerHTML"], j = /* @__PURE__ */ I({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -24,25 +24,25 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
     titleClasses: {}
   },
   emits: ["closed", "opened", "dialogClick"],
-  setup(e, { emit: g }) {
-    const c = g, i = n(!1), m = n(null), a = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
+  setup(e, { emit: w }) {
+    const c = w, i = n(!1), r = n(null), l = T("modalDialog"), k = n(!1), u = n(!1), f = ({ key: t }) => {
       t === "Escape" && o();
-    }, x = () => {
+    }, C = () => {
       document?.body.addEventListener("keydown", f);
     }, b = () => {
       document?.body.removeEventListener("keydown", f);
-    }, p = async () => {
+    }, x = async () => {
       i.value = !0, N(() => {
-        x(), C() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+        C(), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
       }), c("opened"), e.autoClose !== void 0 && setTimeout(() => {
         o();
       }, e.autoClose);
+    }, p = (t) => {
+      l.value && l.value.contains(t.target) && (u.value = !0);
     }, M = (t) => {
-      a.value && a.value.contains(t.target) && (u.value = !0);
-    }, B = (t) => {
-      a.value && a.value.contains(t.target) && (u.value = !1);
-    }, L = async () => {
-      if (e.closeOnClickOut) {
+      l.value && l.value.contains(t.target) && (u.value = !1);
+    }, B = async (t) => {
+      if (!r.value?.contains(t.target) && e.closeOnClickOut) {
         if (u.value) {
           u.value = !1;
           return;
@@ -51,21 +51,25 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
       }
     }, o = async () => {
       i.value = !1, b(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await S(() => {
-        m.value?.classList.add("uikit-hidden"), c("closed");
+        r.value?.classList.add("uikit-hidden"), c("closed");
       }, 250);
     };
-    return z(() => {
-      b(), document?.documentElement.classList.remove("uikit-no-scrolling"), C() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    z(() => {
+      b(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
     }), H(
       () => e.showModal,
       async (t) => {
-        !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await p(), !t && i.value && await o(), i.value = t;
+        !t && !i.value ? k.value = !0 : k.value = !1, t && !i.value && await x(), !t && i.value && await o(), i.value = t;
       },
       { immediate: !0 }
-    ), (t, v) => (r(), O($, { to: "body" }, [
-      l("div", {
+    );
+    const L = (t) => {
+      l.value === t.target && t.stopPropagation();
+    };
+    return (t, v) => (m(), O($, { to: "body" }, [
+      a("div", {
         ref_key: "backdropEl",
-        ref: m,
+        ref: r,
         class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
@@ -76,11 +80,11 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
           { hide: k.value }
         ]]),
         style: { "z-index": "1062" },
-        onClick: L,
-        onMousedown: M,
-        onMouseup: B
+        onClick: B,
+        onMousedown: p,
+        onMouseup: M
       }, [
-        l("dialog", {
+        a("dialog", {
           id: e.id,
           ref: "modalDialog",
           "data-cy": e.dataCy,
@@ -94,50 +98,52 @@ const F = ["id", "data-cy"], U = ["innerHTML"], R = /* @__PURE__ */ I({
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: v[0] || (v[0] = y((E) => c("dialogClick", E), ["stop"]))
+          tabindex: "-1",
+          onClick: v[0] || (v[0] = (E) => c("dialogClick", E)),
+          onFocusin: L
         }, [
-          l("div", {
+          a("div", {
             class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
           }, [
-            e.withCloseIcon ? (r(), h("button", {
+            e.withCloseIcon ? (m(), y("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
               class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
-              onClick: y(o, ["prevent", "stop"])
+              onClick: D(o, ["prevent", "stop"])
             }, [
-              D(K(V), {
+              F(K(V), {
                 class: s(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
                 width: e.closeIcon?.size || 20,
                 height: e.closeIcon?.size || 20
               }, null, 8, ["class", "width", "height"])
-            ], 2)) : w("", !0),
+            ], 2)) : h("", !0),
             d(t.$slots, "header", { closeModal: o }, () => [
-              l("span", {
+              a("span", {
                 class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
               }, null, 10, U)
             ])
           ], 2),
-          l("div", {
+          a("div", {
             class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
           }, [
             d(t.$slots, "body", { closeModal: o })
           ], 2),
-          t.$slots.footer ? (r(), h("div", {
+          t.$slots.footer ? (m(), y("div", {
             key: 0,
             class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
           }, [
             d(t.$slots, "footer", { closeModal: o })
-          ], 2)) : w("", !0),
+          ], 2)) : h("", !0),
           d(t.$slots, "fixed-bottom")
-        ], 10, F)
+        ], 42, P)
       ], 34)
     ]));
   }
 });
 export {
-  R as default
+  j as default
 };

package/dist/packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as r, watch as m, nextTick as c, createElementBlock as d, openBlock as f, normalizeClass as k, renderSlot as v, createElementVNode as x } from "vue";
-const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
+import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
+const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
   __name: "SelectItem",
   props: {
     label: { default: "" },
@@ -7,33 +7,34 @@ const p = ["tabindex"], b = ["innerHTML"], $ = /* @__PURE__ */ u({
     idx: { default: -1 }
   },
   emits: ["click", "mouseover"],
-  setup(l, { emit: a }) {
-    const n = a, t = l, o = r("liItem");
-    return m(
-      () => t.active,
+  setup(t, { emit: o }) {
+    const a = o, i = t, n = c("liItem");
+    return d(
+      () => i.active,
       (e) => {
-        e && c(() => {
-          o.value && o.value.focus();
+        e && m(() => {
+          n.value && n.value.focus();
         });
       },
       { immediate: !0 }
-    ), (e, i) => (f(), d("li", {
+    ), (e, l) => (f(), r("li", {
       ref: "liItem",
-      class: k(["uikit-list-none uikit-text-w-black", [
-        { "active uikit-bg-w-cultured": l.active },
+      class: v(["uikit-list-none uikit-text-w-black", [
+        { "active uikit-bg-w-cultured": t.active },
         "uikit-outline-none",
         e.$attrs.class
       ]]),
+      "data-active": t.active,
       tabindex: e.$attrs.tabindex ?? -1,
-      onClick: i[0] || (i[0] = (s) => n("click", t.idx)),
-      onMouseover: i[1] || (i[1] = (s) => n("mouseover", t.idx))
+      onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
+      onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
     }, [
-      v(e.$slots, "default", { itemIdx: l.idx }, () => [
+      k(e.$slots, "default", { itemIdx: t.idx }, () => [
         x("span", {
-          innerHTML: t.label
-        }, null, 8, b)
+          innerHTML: i.label
+        }, null, 8, p)
       ])
-    ], 42, p));
+    ], 42, b));
   }
 });
 export {

package/dist/packages/components/lib/UIKit/BaseToggle.vue.js

@@ -1,40 +1,36 @@
-import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as b, normalizeClass as c, renderSlot as r, createElementVNode as i, createCommentVNode as f, withModifiers as m } from "vue";
-const p = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, h = ["data-cy", "checked"], g = ["innerHTML"], y = /* @__PURE__ */ s({
+import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as c, renderSlot as u, createVNode as a, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
+import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
+const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], y = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "BaseToggle",
   props: /* @__PURE__ */ n({
-    withRightLabel: { type: Boolean, default: !0 },
-    label: { default: "" }
+    label: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const l = d(o, "modelValue"), u = ({ target: e }) => {
-      l.value = e.checked;
-    };
-    return (e, t) => (b(), k("div", {
-      class: c(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
-    }, [
-      r(e.$slots, "leftLabel", {}, void 0, !0),
-      i("label", p, [
-        i("input", {
-          "data-cy": e.$attrs["data-cy"] ?? "",
-          class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
-          type: "checkbox",
-          checked: l.value,
-          onInput: t[0] || (t[0] = m((a) => u(a), ["stop"]))
-        }, null, 40, h),
-        t[1] || (t[1] = i("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1))
-      ]),
-      o.withRightLabel ? r(e.$slots, "rightLabel", { key: 0 }, () => [
-        i("span", {
-          class: "uikit-ml-10px",
-          innerHTML: o.label
-        }, null, 8, g)
-      ], !0) : f("", !0)
-    ], 2));
+  setup(t) {
+    const i = d(t, "modelValue");
+    return (e, l) => (c(), k("div", g, [
+      u(e.$slots, "leftLabel"),
+      a(o(b), {
+        modelValue: i.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
+        class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
+      }, {
+        default: f(() => [
+          a(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      e.$slots.leftLabel ? m("", !0) : u(e.$slots, "rightLabel", { key: 0 }, () => [
+        p("span", {
+          class: "uikit-ml-[10px]",
+          innerHTML: t.label
+        }, null, 8, w)
+      ])
+    ]));
   }
 });
 export {

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as m, useId as f, computed as h, watch as b, createElementBlock as C, openBlock as u, createVNode as c, renderSlot as x, unref as i, normalizeClass as y, withCtx as n, createBlock as V, createCommentVNode as g, createTextVNode as B, toDisplayString as w } from "vue";
-import { CheckIcon as p } from "@wikicasa-dev/svg-icons";
-import { CheckboxRoot as I, CheckboxIndicator as v } from "reka-ui";
-const N = ["for"], j = /* @__PURE__ */ m({
+import { defineComponent as y, mergeModels as c, useId as p, useTemplateRef as u, useModel as B, watch as I, inject as n, onMounted as V, onUnmounted as R, createElementBlock as w, openBlock as r, createVNode as s, renderSlot as E, unref as l, normalizeClass as M, withCtx as k, createBlock as N, createCommentVNode as j, createTextVNode as z, toDisplayString as S } from "vue";
+import { CheckIcon as T } from "@wikicasa-dev/svg-icons";
+import { CheckboxRoot as U, CheckboxIndicator as $ } from "reka-ui";
+const F = /* @__PURE__ */ y({
   __name: "CheckboxBtn",
-  props: {
+  props: /* @__PURE__ */ c({
     id: {},
     dataCy: {},
     disabled: { type: Boolean },
@@ -12,64 +12,71 @@ const N = ["for"], j = /* @__PURE__ */ m({
     required: { type: Boolean },
     inputClass: {},
     label: { default: "" },
-    modelValue: { type: Boolean, default: !1 }
-  },
-  emits: ["click", "update:modelValue", "change"],
-  setup(e, { emit: r }) {
-    const l = f(), d = h(() => `${e.id ?? l}`), a = r;
-    b(
+    value: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["click", "change"], ["update:modelValue"]),
+  setup(e, { expose: m, emit: f }) {
+    const h = p(), o = u("root"), b = u("checkboxRoot"), a = B(e, "modelValue"), i = f;
+    I(
       () => e.checked,
       (t) => {
-        t !== void 0 && a("update:modelValue", t);
+        t !== void 0 && (a.value = t);
       }
     );
-    const k = (t) => {
-      t !== "indeterminate" && (a("change", {
-        id: e.id ?? l,
+    const x = (t) => {
+      t !== "indeterminate" && (i("change", {
+        id: e.id ?? h,
         label: e.label,
         checked: t
-      }), a("update:modelValue", t));
-    };
-    return (t, o) => (u(), C("label", {
+      }), a.value = t);
+    }, v = n("addItem", void 0), C = n(
+      "removeItem",
+      void 0
+    );
+    return V(() => {
+      v?.(e.value, o.value);
+    }), R(() => {
+      C?.(e.value);
+    }), m({
+      getRootElement: () => o.value,
+      getCheckboxElement: () => b.value?.$el
+    }), (t, d) => (r(), w("label", {
+      ref: "root",
       class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
-      for: d.value,
-      onClick: o[0] || (o[0] = (s) => a("click", s))
+      onClick: d[0] || (d[0] = (g) => i("click", g))
     }, [
-      c(i(I), {
-        id: d.value,
-        "model-value": e.modelValue,
+      s(l(U), {
+        ref: "checkboxRoot",
+        "model-value": a.value,
         "data-cy": e.dataCy,
         disabled: e.disabled,
-        class: y(["uikit-inline-flex uikit-size-[20px] uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray", [
-          {
-            "uikit-bg-white": !e.modelValue,
-            "uikit-bg-w-primary": e.modelValue
-          },
-          e.inputClass
-        ]]),
-        "onUpdate:modelValue": k
+        class: M(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray data-[state='checked']:uikit-bg-w-primary data-[state='unchecked']:uikit-bg-white", e.inputClass]),
+        "onUpdate:modelValue": x
       }, {
-        default: n(() => [
-          c(i(v), { class: "uikit-flex" }, {
-            default: n(() => [
-              e.modelValue === !0 ? (u(), V(i(p), {
+        default: k(() => [
+          s(l($), { class: "uikit-flex" }, {
+            default: k(() => [
+              a.value === !0 ? (r(), N(l(T), {
                 key: 0,
                 "fill-color": "#fff",
                 width: 12,
                 height: 14
-              })) : g("", !0)
+              })) : j("", !0)
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["id", "model-value", "data-cy", "disabled", "class"]),
-      x(t.$slots, "label", {}, () => [
-        B(w(e.label), 1)
+      }, 8, ["model-value", "data-cy", "disabled", "class"]),
+      E(t.$slots, "label", {}, () => [
+        z(S(e.label), 1)
       ])
-    ], 8, N));
+    ], 512));
   }
 });
 export {
-  j as default
+  F as default
 };

package/dist/packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, ref as D, computed as h, watch as E, renderSlot as b, createElementVNode as $, normalizeClass as g, createElementBlock as B, createCommentVNode as A, openBlock as C, Fragment as I, renderList as R, createBlock as K, unref as V } from "vue";
-import { stringToHyphened as L, isArrNullOrEmpty as G } from "@wikicasa-dev/utilities";
-import N from "./CheckboxBtn.vue.js";
+import { defineComponent as B, mergeModels as y, useModel as A, ref as I, computed as i, watch as C, renderSlot as p, createElementVNode as M, normalizeClass as x, createElementBlock as R, createCommentVNode as K, openBlock as v, Fragment as V, renderList as w, createBlock as L, unref as G } from "vue";
+import { stringToHyphened as N, isArrNullOrEmpty as T } from "@wikicasa-dev/utilities";
+import F from "./CheckboxBtn.vue.js";
 import '../../../../../assets/CheckboxBtn.css';/* empty css                 */
-const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
+const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "CheckboxGroup",
-  props: {
+  props: /* @__PURE__ */ y({
     checkboxData: { default() {
       return [];
     } },
@@ -18,95 +18,100 @@ const T = ["id", "data-cy"], j = /* @__PURE__ */ v({
     getKey: { type: Function, default: (a) => typeof a == "string" || typeof a == "number" ? `${a}` : `${a.id}` },
     groupId: { default: "" },
     dataCy: { default: "" }
-  },
-  emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(a, { emit: y }) {
-    const o = a, s = y, l = D(
+  }, {
+    refresh: { type: Boolean, default: !1 },
+    refreshModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["resetted", "update:modelValue", "checkedGroup"], ["update:refresh"]),
+  setup(a, { emit: D }) {
+    const o = a, s = D, f = A(a, "refresh"), l = I(
       /* @__PURE__ */ new Map()
-    ), r = h(() => {
+    ), r = i(() => {
       for (const e of o.checkboxData)
         if (e.reset) return e;
       return null;
-    }), x = h(() => o.checkboxData.length), f = h(() => {
+    }), E = i(() => o.checkboxData.length), k = i(() => {
       let e = 0;
-      return l.value.forEach((t) => {
-        t.checked && e++;
+      return l.value.forEach((c) => {
+        c.checked && e++;
       }), e;
-    });
-    (() => {
-      const e = [];
+    }), m = () => {
+      const e = [], c = /* @__PURE__ */ new Map();
       for (const t of o.checkboxData)
-        l.value.set(`${t.id}`, {
+        c.set(`${t.id}`, {
           ...t,
           checked: !!t.checked
         }), t.checked && e.push(t);
-      s("update:modelValue", e);
-    })();
-    const u = (e, t) => {
-      const c = l.value.get(e);
-      if (c) {
-        if (t) {
-          l.value.set(e, { ...c, ...t });
+      l.value = c, s("update:modelValue", e);
+    };
+    m();
+    const u = (e, c) => {
+      const t = l.value.get(e);
+      if (t) {
+        if (c) {
+          l.value.set(e, { ...t, ...c });
           return;
         }
-        l.value.set(e, { ...c, checked: !c.checked });
+        l.value.set(e, { ...t, checked: !t.checked });
       }
-    }, k = () => {
+    }, b = () => {
       l.value.forEach((e) => {
         e.checked = !1;
       });
-    }, m = () => {
-      k(), s("update:modelValue", []), s("resetted");
-    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, i = (e) => {
-      if (G(o.checkboxData)) return;
-      const t = l.value.get(e.id);
-      t?.reset && e.checked ? k() : r.value && !t?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && f.value === x.value - 1 && l.value.forEach((n) => {
+    }, g = () => {
+      b(), s("update:modelValue", []), s("resetted");
+    }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, h = (e) => {
+      if (T(o.checkboxData)) return;
+      const c = l.value.get(e.id);
+      c?.reset && e.checked ? b() : r.value && !c?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && k.value === E.value - 1 && l.value.forEach((n) => {
         n.checked = !!n.reset;
-      }), o.autoCheckResetEmpty && r.value && !f.value && (!o.manualToggleResetButton || !t?.reset) && u(o.getKey(r.value), { checked: !0 });
-      const c = [];
+      }), o.autoCheckResetEmpty && r.value && !k.value && (!o.manualToggleResetButton || !c?.reset) && u(o.getKey(r.value), { checked: !0 });
+      const t = [];
       l.value.forEach((n) => {
-        n.checked && c.push(n);
-      }), s("update:modelValue", c), s("checkedGroup", o.groupId);
+        n.checked && t.push(n);
+      }), s("update:modelValue", t), s("checkedGroup", o.groupId);
     };
-    return E(
+    return C(
       () => o.reset,
       (e) => {
-        e && m();
+        e && g();
       }
-    ), (e, t) => b(e.$slots, "default", {
+    ), C(f, (e) => {
+      e && (m(), f.value = !1);
+    }), (e, c) => p(e.$slots, "default", {
       isActive: d,
-      handleChange: i,
+      handleChange: h,
       checkboxesData: a.checkboxData
     }, () => [
-      $("div", {
+      M("div", {
         id: a.groupId,
-        class: g(["checkbox-group-container", e.$attrs.class || ""]),
+        class: x(["checkbox-group-container", e.$attrs.class || ""]),
         "data-cy": a.dataCy
       }, [
-        b(e.$slots, "checkbox_elements", {
+        p(e.$slots, "checkbox_elements", {
           isActive: d,
-          handleChange: i,
+          handleChange: h,
           checkboxesData: a.checkboxData,
-          reset: m
+          reset: g
         }, () => [
-          a.checkboxData ? (C(!0), B(I, { key: 0 }, R(a.checkboxData, (c, n) => (C(), K(N, {
-            id: a.getKey(c),
+          a.checkboxData ? (v(!0), R(V, { key: 0 }, w(a.checkboxData, (t, n) => (v(), L(F, {
+            id: a.getKey(t),
             key: n,
-            "data-cy": c.dataCy ?? `checkbox_${V(L)(`${c.label}`)}`,
-            label: c.label,
+            "data-cy": t.dataCy ?? `checkbox_${G(N)(`${t.label}`)}`,
+            label: t.label,
             inline: a.formCheckInline,
-            "model-value": d(c),
-            class: g([
+            "model-value": d(t),
+            class: x([
               a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
               a.checkboxContainerClasses
             ]),
-            onChange: t[0] || (t[0] = (p) => i(p))
-          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : A("", !0)
+            onChange: c[0] || (c[0] = ($) => h($))
+          }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : K("", !0)
         ])
-      ], 10, T)
+      ], 10, O)
     ]);
   }
 });
 export {
-  j as default
+  q as default
 };