@wikicasa-dev/components 1.9.23 → 1.9.25

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.ClVBkga-.js";
+import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Dt_WutB1.js";
 export {
   f as default
 };

package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts

@@ -33,7 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoCheckResetAll: boolean;
     autoCheckResetEmpty: boolean;
     manualToggleResetButton: boolean;
-    getKey(): (checkBtn: CheckboxButtonType | string | number) => string | number;
+    getKey(): (checkBtn: CheckboxButtonType | string | number) => string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (args_0: CheckboxButtonType[]) => void;
     resetted: () => void;
@@ -58,7 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoCheckResetAll: boolean;
     autoCheckResetEmpty: boolean;
     manualToggleResetButton: boolean;
-    getKey(): (checkBtn: CheckboxButtonType | string | number) => string | number;
+    getKey(): (checkBtn: CheckboxButtonType | string | number) => string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: CheckboxButtonType[]) => any) | undefined;
     onResetted?: (() => any) | undefined;

package/dist/UIKit/types.d.ts

@@ -34,7 +34,7 @@ export type CheckboxButtonType<T = string | number, T1 = string | number, T2 = u
 export type CheckboxButtonTypeObj = Omit<CheckboxButtonType, "checked"> & {
     checked: boolean;
 };
-export type GetterIdType<T = CheckboxButtonType | string | number> = (checkboxBtn: T) => string | number;
+export type GetterIdType<T = CheckboxButtonType | string | number> = (checkboxBtn: T) => string;
 export type LabelState = "inline-label" | "floating-label";
 export type FeedbackLabels = {
     valid?: string[] | string;

package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Dt_WutB1.js

@@ -0,0 +1,102 @@
+import { defineComponent as y, useAttrs as C, ref as j, computed as i, watch as O, renderSlot as p, createElementVNode as $, normalizeClass as B, openBlock as m, createElementBlock as E, Fragment as w, renderList as R, createBlock as A, unref as K, createCommentVNode as L } from "vue";
+import "./types-B0dZ7OiV.D29wNgoj.js";
+import { s as G } from "./ObjectUtils.BOUbloeg.js";
+import V from "../CheckboxBtn.js";
+const D = (l = "") => !l || !l.trim() ? "" : (l = l.trim(), l.replace(" ", "-").toLowerCase()), I = ["id", "data-cy"], q = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "CheckboxGroup",
+  props: {
+    valuesObj: { default() {
+      return {};
+    } },
+    formCheckInline: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    reset: { type: Boolean, default: !1 },
+    autoCheckResetAll: { type: Boolean, default: !1 },
+    autoCheckResetEmpty: { type: Boolean, default: !1 },
+    manualToggleResetButton: { type: Boolean, default: !1 },
+    getKey: { default() {
+      return (l) => typeof l == "string" || typeof l == "number" ? `${l}` : `${l.id}`;
+    } }
+  },
+  emits: ["resetted", "update:modelValue", "checkedGroup"],
+  setup(l, { emit: k }) {
+    const v = C(), a = l, r = k, o = j(/* @__PURE__ */ new Map()), n = i(() => {
+      for (const e in a.valuesObj) {
+        const s = a.valuesObj[e];
+        if (s.reset) return s;
+      }
+      return null;
+    }), b = i(
+      () => Object.keys(a.valuesObj).length
+    ), h = i(() => {
+      let e = 0;
+      return o.value.forEach((s) => {
+        s.checked && e++;
+      }), e;
+    });
+    O(
+      () => a.reset,
+      (e) => {
+        e && (f(), r("update:modelValue", []), r("resetted"));
+      }
+    ), (() => {
+      const e = [];
+      for (const s in a.valuesObj) {
+        const t = a.valuesObj[s];
+        t.checked = !!t.checked, o.value.set(s, t), t.checked && e.push(t);
+      }
+      console.log("checkboxGroup: updating with selectedValues", {
+        initialSelected: e
+      }), r("update:modelValue", e);
+    })();
+    const c = (e, s) => {
+      const t = o.value.get(e);
+      t && o.value.set(e, { ...t, ...s });
+    }, f = () => {
+      o.value.forEach((e) => {
+        e.checked = !1;
+      });
+    }, u = (e) => o.value.get(a.getKey(e))?.checked ?? !1, d = (e) => {
+      if (!a.valuesObj || G(a.valuesObj)) return;
+      a.valuesObj[e.id].reset && e.checked ? f() : n.value && !a.valuesObj[e.id].reset && c(a.getKey(n.value), { checked: !1 }), c(e.id, { checked: !!e.checked }), a.autoCheckResetAll && n.value && h.value === b.value - 1 && o.value.forEach((t) => {
+        t.checked = !!t.reset;
+      }), a.autoCheckResetEmpty && n.value && !h.value && (!a.manualToggleResetButton || !a.valuesObj[e.id].reset) && c(a.getKey(n.value), { checked: !0 });
+      const s = [];
+      o.value.forEach((t) => {
+        t.checked && s.push(t);
+      }), r("update:modelValue", s), r("checkedGroup", v["group-id"] || "");
+    };
+    return (e, s) => p(e.$slots, "default", {
+      isActive: u,
+      handleChange: d,
+      checkboxesData: e.valuesObj
+    }, () => [
+      $("div", {
+        id: e.$attrs["group-id"] || "",
+        class: B(["checkbox-group-container", e.$attrs.class || ""]),
+        "data-cy": e.$attrs["data-cy"] || ""
+      }, [
+        p(e.$slots, "checkbox_elements", {
+          isActive: u,
+          handleChange: d,
+          checkboxesData: e.valuesObj
+        }, () => [
+          e.valuesObj ? (m(!0), E(w, { key: 0 }, R(e.valuesObj, (t, N, g) => (m(), A(V, {
+            id: e.getKey(t),
+            key: g,
+            "data-cy": `checkbox_${K(D)(`${t.label}`)}`,
+            label: t.label,
+            inline: e.formCheckInline,
+            "wrapper-margin-y": e.$attrs["checkbox-padding-y"],
+            "model-value": u(t),
+            onChange: d
+          }, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : L("", !0)
+        ])
+      ], 10, I)
+    ]);
+  }
+});
+export {
+  q as _
+};

package/dist/index.js

@@ -4,7 +4,7 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.CR-nWss7.js";
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
 import { default as d } from "./CheckboxBtn.js";
-import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.ClVBkga-.js";
+import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Dt_WutB1.js";
 import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
 import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.9.23",
+  "version": "1.9.25",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.ClVBkga-.js

@@ -1,98 +0,0 @@
-import { defineComponent as y, useAttrs as C, ref as j, computed as i, watch as O, renderSlot as p, createElementVNode as B, normalizeClass as E, openBlock as m, createElementBlock as $, Fragment as R, renderList as w, createBlock as A, unref as K, createCommentVNode as L } from "vue";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import { s as G } from "./ObjectUtils.BOUbloeg.js";
-import D from "../CheckboxBtn.js";
-const I = (l = "") => !l || !l.trim() ? "" : (l = l.trim(), l.replace(" ", "-").toLowerCase()), M = ["id", "data-cy"], q = /* @__PURE__ */ y({
-  inheritAttrs: !1,
-  __name: "CheckboxGroup",
-  props: {
-    valuesObj: { default() {
-      return {};
-    } },
-    formCheckInline: { type: Boolean, default: !1 },
-    customClass: { default: "" },
-    reset: { type: Boolean, default: !1 },
-    autoCheckResetAll: { type: Boolean, default: !1 },
-    autoCheckResetEmpty: { type: Boolean, default: !1 },
-    manualToggleResetButton: { type: Boolean, default: !1 },
-    getKey: { default() {
-      return (l) => typeof l == "string" || typeof l == "number" ? l : l.id;
-    } }
-  },
-  emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(l, { emit: k }) {
-    const v = C(), t = l, n = k, r = j(/* @__PURE__ */ new Map()), o = i(() => {
-      for (const e in t.valuesObj) {
-        const a = t.valuesObj[e];
-        if (a.reset) return a;
-      }
-      return null;
-    }), b = i(
-      () => Object.keys(t.valuesObj).length
-    ), f = i(() => {
-      let e = 0;
-      return r.value.forEach((a) => {
-        a.checked && e++;
-      }), e;
-    });
-    O(
-      () => t.reset,
-      (e) => {
-        e && (h(), n("update:modelValue", []), n("resetted"));
-      }
-    ), (() => {
-      for (const e in t.valuesObj) {
-        const a = t.valuesObj[e];
-        a.checked = !!a.checked, r.value.set(e, a);
-      }
-    })();
-    const c = (e, a) => {
-      const s = r.value.get(e);
-      s && r.value.set(e, { ...s, ...a });
-    }, h = () => {
-      r.value.forEach((e) => {
-        e.checked = !1;
-      });
-    }, u = (e) => r.value.get(t.getKey(e))?.checked ?? !1, d = (e) => {
-      if (!t.valuesObj || G(t.valuesObj)) return;
-      t.valuesObj[e.id].reset && e.checked ? h() : o.value && !t.valuesObj[e.id].reset && c(t.getKey(o.value), { checked: !1 }), c(e.id, { checked: !!e.checked }), t.autoCheckResetAll && o.value && f.value === b.value - 1 && r.value.forEach((s) => {
-        s.checked = !!s.reset;
-      }), t.autoCheckResetEmpty && o.value && !f.value && (!t.manualToggleResetButton || !t.valuesObj[e.id].reset) && c(t.getKey(o.value), { checked: !0 });
-      const a = [];
-      r.value.forEach((s) => {
-        s.checked && a.push(s);
-      }), n("update:modelValue", a), n("checkedGroup", v["group-id"] || "");
-    };
-    return (e, a) => p(e.$slots, "default", {
-      isActive: u,
-      handleChange: d,
-      checkboxesData: e.valuesObj
-    }, () => [
-      B("div", {
-        id: e.$attrs["group-id"] || "",
-        class: E(["checkbox-group-container", e.$attrs.class || ""]),
-        "data-cy": e.$attrs["data-cy"] || ""
-      }, [
-        p(e.$slots, "checkbox_elements", {
-          isActive: u,
-          handleChange: d,
-          checkboxesData: e.valuesObj
-        }, () => [
-          e.valuesObj ? (m(!0), $(R, { key: 0 }, w(e.valuesObj, (s, T, g) => (m(), A(D, {
-            id: e.getKey(s),
-            key: g,
-            "data-cy": `checkbox_${K(I)(`${s.label}`)}`,
-            label: s.label,
-            inline: e.formCheckInline,
-            "wrapper-margin-y": e.$attrs["checkbox-padding-y"],
-            "model-value": u(s),
-            onChange: d
-          }, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : L("", !0)
-        ])
-      ], 10, M)
-    ]);
-  }
-});
-export {
-  q as _
-};