@wikicasa-dev/components 1.9.19 → 1.9.20

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/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/index.js

@@ -6,7 +6,7 @@ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.
 import { default as d } from "./CheckboxBtn.js";
 import { _ as i } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.hSeL05pn.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.20",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",