@wikicasa-dev/components 1.9.19 → 1.9.21

package/dist/BaseTabView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DSlvTOkB.js";
+import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js";
 export {
   f as default
 };

package/dist/CheckboxGroup.js

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

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

@@ -1,19 +1,20 @@
 import { CheckboxButtonType, GetterIdType } from '@wikicasa-dev/types';
 
+type CheckboxGroupData<T extends string | number = string> = Record<T, CheckboxButtonType>;
 declare function __VLS_template(): {
     default?(_: {
         isActive: (elem: CheckboxButtonType) => boolean;
         handleChange: (checkboxValue: CheckboxButtonType) => void;
-        checkboxesData: Record<string, CheckboxButtonType>;
+        checkboxesData: CheckboxGroupData<string>;
     }): any;
     checkbox_elements?(_: {
         isActive: (elem: CheckboxButtonType) => boolean;
         handleChange: (checkboxValue: CheckboxButtonType) => void;
-        checkboxesData: Record<string, CheckboxButtonType>;
+        checkboxesData: CheckboxGroupData<string>;
     }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    valuesObj?: Record<string, CheckboxButtonType>;
+    valuesObj?: CheckboxGroupData;
     formCheckInline?: boolean;
     customClass?: string;
     reset?: boolean;
@@ -38,7 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     resetted: () => void;
     checkedGroup: (args_0: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    valuesObj?: Record<string, CheckboxButtonType>;
+    valuesObj?: CheckboxGroupData;
     formCheckInline?: boolean;
     customClass?: string;
     reset?: boolean;
@@ -64,7 +65,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onCheckedGroup?: ((args_0: string) => any) | undefined;
 }>, {
     reset: boolean;
-    valuesObj: Record<string, CheckboxButtonType>;
+    valuesObj: CheckboxGroupData;
     formCheckInline: boolean;
     customClass: string;
     autoCheckResetAll: boolean;

package/dist/UIKit/Tab/BaseTabView.vue.d.ts

@@ -14,7 +14,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string>;
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClicked: (args_0: {
+        tabIdx: number;
+    }) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     activeIdx: import('vue').PropType<number | undefined>;
     tabListClasses: {
         type: import('vue').PropType<ClassType>;
@@ -28,7 +32,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<string>;
         required: true;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onTabClicked?: ((args_0: {
+        tabIdx: number;
+    }) => any) | undefined;
+}>, {
     tabListClasses: ClassType;
     tabsPosition: "top" | "bottom";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.DSlvTOkB.js → BaseTabView.vue_vue_type_script_setup_true_lang.RbxW2M0Y.js}

@@ -1,11 +1,11 @@
-import { defineComponent as F, mergeModels as V, useModel as w, ref as r, onMounted as D, useSlots as L, computed as M, provide as u, watch as x, openBlock as l, createElementBlock as T, normalizeClass as y, createElementVNode as E, toDisplayString as N, createBlock as c, createCommentVNode as b, Fragment as S, renderList as z, withCtx as U, resolveDynamicComponent as j } from "vue";
-import { _ as q } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
-import { getUID as G } from "../utils.js";
-const H = ["id"], X = /* @__PURE__ */ F({
+import { defineComponent as D, mergeModels as T, useModel as L, ref as c, onMounted as M, useSlots as E, computed as N, provide as u, watch as x, openBlock as l, createElementBlock as k, normalizeClass as y, createElementVNode as S, toDisplayString as z, createBlock as r, createCommentVNode as b, Fragment as U, renderList as j, withCtx as q, resolveDynamicComponent as G } from "vue";
+import { _ as H } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
+import { _ as C } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
+import { getUID as J } from "../utils.js";
+const K = ["id"], Z = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "BaseTabView",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ T({
     tabsPosition: { default: "top" },
     tabViewDescription: {},
     tabListClasses: { default: "" }
@@ -13,66 +13,66 @@ const H = ["id"], X = /* @__PURE__ */ F({
     activeIdx: { default: 0 },
     activeIdxModifiers: {}
   }),
-  emits: ["update:activeIdx"],
-  setup(k) {
-    const d = w(k, "activeIdx"), C = r(""), v = r(null), I = r(null), s = r("");
-    D(() => {
-      s.value = G();
+  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
+  setup(_, { emit: I }) {
+    const g = I, d = L(_, "activeIdx"), P = c(""), v = c(null), B = c(null), s = c("");
+    M(() => {
+      s.value = J();
     });
-    const p = L(), i = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", f = (e, a) => ({
+    const p = E(), i = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", f = (e, a) => ({
       renderFn: e,
       tabId: h(a),
       "active-tab-panel-idx": i(e)?.["active-tab-panel-idx"] ?? a,
       "header-title": i(e)?.["header-title"] || "",
       class: i(e)?.class || "",
       "tab-panel-classes": i(e)?.["tab-panel-classes"] || ""
-    }), n = M(() => p.default ? p.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+    }), n = N(() => p.default ? p.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
       m(t) && e.push(f(t, e.length));
     }) : m(a) && e.push(f(a, e.length)), e), []) : []);
     u("tabs", n), u("isTabActive", (e) => d.value === e);
-    const g = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, P = (e) => `base-tab-panel-${e}-${s.value}`, B = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, $ = (e) => {
-      C.value = h(e);
-    }, A = (e) => {
+    const $ = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, A = (e) => `base-tab-panel-${e}-${s.value}`, F = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, V = (e) => {
+      P.value = h(e);
+    }, w = (e) => {
       const a = n.value.at(e ?? -1);
       v.value = a?.["active-tab-panel-idx"] ?? null;
     };
     return u("handleClick", (e) => {
-      $(e), d.value = e;
+      V(e), d.value = e, g("tabClicked", { tabIdx: e });
     }), x(
       d,
       (e) => {
-        A(e ?? -1);
+        w(e ?? -1);
       },
       {
         immediate: !0
       }
-    ), (e, a) => (l(), T("div", {
+    ), (e, a) => (l(), k("div", {
       ref_key: "root",
-      ref: I,
+      ref: B,
       class: y(e.$attrs.class)
     }, [
-      E("span", {
+      S("span", {
         id: `tablist-${s.value}`,
         class: "uikit-sr-only"
-      }, N(e.tabViewDescription), 9, H),
-      e.tabsPosition === "top" ? (l(), c(_, {
+      }, z(e.tabViewDescription), 9, K),
+      e.tabsPosition === "top" ? (l(), r(C, {
         key: 0,
         uid: s.value,
         "tab-list-classes": e.tabListClasses
       }, null, 8, ["uid", "tab-list-classes"])) : b("", !0),
-      (l(!0), T(S, null, z(n.value, (t, o) => (l(), c(q, {
+      (l(!0), k(U, null, j(n.value, (t, o) => (l(), r(H, {
         key: o,
-        id: P(o),
-        "labelled-by": B(o) || "",
-        active: g(o),
+        id: A(o),
+        "labelled-by": F(o) || "",
+        active: $(o),
         class: y(t["tab-panel-classes"])
       }, {
-        default: U(() => [
-          t.renderFn.children && t.renderFn.children.default ? (l(), c(j(t.renderFn.children.default), { key: 0 })) : b("", !0)
+        default: q(() => [
+          t.renderFn.children && t.renderFn.children.default ? (l(), r(G(t.renderFn.children.default), { key: 0 })) : b("", !0)
         ]),
         _: 2
       }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
-      e.tabsPosition === "bottom" ? (l(), c(_, {
+      e.tabsPosition === "bottom" ? (l(), r(C, {
         key: 1,
         uid: s.value,
         "tab-list-classes": e.tabListClasses
@@ -81,5 +81,5 @@ const H = ["id"], X = /* @__PURE__ */ F({
   }
 });
 export {
-  X as _
+  Z as _
 };

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

@@ -0,0 +1,98 @@
+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 k, 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) => l.id;
+    } }
+  },
+  emits: ["resetted", "update:modelValue", "checkedGroup"],
+  setup(l, { emit: m }) {
+    const v = C(), t = l, n = m, o = j(/* @__PURE__ */ new Map()), r = 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
+    ), h = i(() => {
+      let e = 0;
+      return o.value.forEach((a) => {
+        a.checked && e++;
+      }), e;
+    });
+    O(
+      () => t.reset,
+      (e) => {
+        e && (f(), n("update:modelValue", []), n("resetted"));
+      }
+    ), (() => {
+      for (const e in t.valuesObj) {
+        const a = t.valuesObj[e];
+        a.checked = !!a.checked, o.value.set(e, a);
+      }
+    })();
+    const c = (e, a) => {
+      const s = o.value.get(e);
+      s && o.value.set(e, { ...s, ...a });
+    }, f = () => {
+      o.value.forEach((e) => {
+        e.checked = !1;
+      });
+    }, u = (e) => o.value.get(t.getKey(e))?.checked ?? !1, d = (e) => {
+      if (!t.valuesObj || G(t.valuesObj)) return;
+      t.valuesObj[e.id].reset && e.checked ? f() : r.value && !t.valuesObj[e.id].reset && c(t.getKey(r.value), { checked: !1 }), c(e.id, { checked: !!e.checked }), t.autoCheckResetAll && r.value && h.value === b.value - 1 && o.value.forEach((s) => {
+        s.checked = !!s.reset;
+      }), t.autoCheckResetEmpty && r.value && !h.value && (!t.manualToggleResetButton || !t.valuesObj[e.id].reset) && c(t.getKey(r.value), { checked: !0 });
+      const a = [];
+      o.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 ? (k(!0), $(R, { key: 0 }, w(e.valuesObj, (s, T, g) => (k(), 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 _
+};

package/dist/index.js

@@ -4,9 +4,9 @@ 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.hSeL05pn.js";
+import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.LCtmdrsw.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.DSlvTOkB.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";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BYlMCUWP.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BZJiuA9q.js";

package/package.json

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

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

@@ -1,99 +0,0 @@
-import { defineComponent as O, useAttrs as v, reactive as g, computed as d, watch as y, onBeforeMount as C, renderSlot as k, createElementVNode as V, normalizeClass as B, openBlock as b, createElementBlock as $, Fragment as R, renderList as A, createBlock as K, unref as w, createCommentVNode as E } from "vue";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import { s as L } from "./ObjectUtils.BOUbloeg.js";
-import G from "../CheckboxBtn.js";
-const D = (l = "") => !l || !l.trim() ? "" : (l = l.trim(), l.replace(" ", "-").toLowerCase()), I = ["id", "data-cy"], S = /* @__PURE__ */ O({
-  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) => l.id;
-    } }
-  },
-  emits: ["resetted", "update:modelValue", "checkedGroup"],
-  setup(l, { emit: f }) {
-    const m = v(), t = l, o = f, s = g({
-      checkedValuesObj: {}
-    }), c = d(() => {
-      for (const e in t.valuesObj) {
-        const a = t.valuesObj[e];
-        if (a.reset) return a;
-      }
-      return null;
-    }), p = d(
-      () => Object.keys(t.valuesObj).length
-    ), h = d(
-      () => Object.values(s.checkedValuesObj).reduce(
-        (e, a) => a.checked ? e + 1 : e,
-        0
-      )
-    );
-    y(
-      () => t.reset,
-      (e) => {
-        e && (i(), o("update:modelValue", []), o("resetted"));
-      }
-    ), C(() => {
-      for (const e in t.valuesObj) {
-        const a = t.valuesObj[e];
-        a.checked = !!a.checked, s.checkedValuesObj[e] = a;
-      }
-    });
-    const i = () => {
-      for (const e in s.checkedValuesObj)
-        s.checkedValuesObj[e].checked = !1;
-    }, n = (e) => s.checkedValuesObj[t.getKey(e)].checked, u = (e) => {
-      if (!(!t.valuesObj || L(t.valuesObj))) {
-        if (t.valuesObj[e.id].reset && e.checked ? i() : c.value && !t.valuesObj[e.id].reset && (s.checkedValuesObj[t.getKey(c.value)].checked = !1), s.checkedValuesObj[e.id].checked = !!e.checked, t.autoCheckResetAll && c.value && h.value === p.value - 1)
-          for (const a in s.checkedValuesObj)
-            s.checkedValuesObj[a].checked = !!s.checkedValuesObj[a].reset;
-        t.autoCheckResetEmpty && c.value && !h.value && (!t.manualToggleResetButton || !t.valuesObj[e.id].reset) && (s.checkedValuesObj[t.getKey(c.value)].checked = !0), o(
-          "update:modelValue",
-          Object.values(s.checkedValuesObj).filter(
-            (a) => a.checked
-          )
-        ), o("checkedGroup", m["group-id"] || "");
-      }
-    };
-    return (e, a) => k(e.$slots, "default", {
-      isActive: n,
-      handleChange: u,
-      checkboxesData: e.valuesObj
-    }, () => [
-      V("div", {
-        id: e.$attrs["group-id"] || "",
-        class: B(["checkbox-group-container", e.$attrs.class || ""]),
-        "data-cy": e.$attrs["data-cy"] || ""
-      }, [
-        k(e.$slots, "checkbox_elements", {
-          isActive: n,
-          handleChange: u,
-          checkboxesData: e.valuesObj
-        }, () => [
-          e.valuesObj ? (b(!0), $(R, { key: 0 }, A(e.valuesObj, (r, N, j) => (b(), K(G, {
-            id: e.getKey(r),
-            key: j,
-            "data-cy": `checkbox_${w(D)(`${r.label}`)}`,
-            label: r.label,
-            inline: e.formCheckInline,
-            "wrapper-margin-y": e.$attrs["checkbox-padding-y"],
-            "model-value": n(r),
-            onChange: u
-          }, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : E("", !0)
-        ])
-      ], 10, I)
-    ]);
-  }
-});
-export {
-  S as _
-};