@wikicasa-dev/components 1.7.38 → 1.7.40

package/dist/BaseTabView.js

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

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

@@ -10,7 +10,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<ClassType>;
         default: string;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClick: (args_0: MouseEvent, args_1: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     activeIdx: import('vue').PropType<number | undefined>;
     tabViewDescription: {
         type: import('vue').PropType<string>;
@@ -20,7 +22,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<ClassType>;
         default: string;
     };
-}>>, {
+}>> & {
+    onTabClick?: ((args_0: MouseEvent, args_1: number) => any) | undefined;
+}, {
     tabListClasses: ClassType;
 }, {}>;
 export default _default;

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CbqroZ_c.js

@@ -0,0 +1,96 @@
+import { defineComponent as S, mergeModels as y, useModel as z, ref as o, onMounted as U, useSlots as j, computed as q, watch as G, openBlock as l, createElementBlock as i, normalizeClass as v, createElementVNode as _, toDisplayString as T, Fragment as C, renderList as I, createBlock as p, resolveDynamicComponent as g, createCommentVNode as $, withCtx as H } from "vue";
+import { _ as J } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
+import { getUID as K } from "../utils.js";
+const O = ["id"], Q = ["aria-labelledby"], R = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], W = { key: 0 }, ee = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "BaseTabView",
+  props: /* @__PURE__ */ y({
+    tabViewDescription: {},
+    tabListClasses: { default: "" }
+  }, {
+    activeIdx: { default: 0 },
+    activeIdxModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["tabClick"], ["update:activeIdx"]),
+  setup(F, { emit: B }) {
+    const w = B, c = z(F, "activeIdx"), P = o(""), m = o(null), V = o(null), r = o("");
+    U(() => {
+      r.value = K();
+    });
+    const f = j(), d = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", k = (e, t) => ({
+      renderFn: e,
+      tabId: b(t),
+      "active-tab-panel-idx": d(e)?.["active-tab-panel-idx"] ?? t,
+      "header-title": d(e)?.["header-title"] || "",
+      class: d(e)?.class || ""
+    }), s = q(() => f.default ? f.default().reduce((e, t) => (t.children && Array.isArray(t.children) ? t.children.forEach((a) => {
+      h(a) && e.push(k(a, e.length));
+    }) : h(t) && e.push(k(t, e.length)), e), []) : []), u = (e) => c.value === e, A = (e) => m.value === e, b = (e) => `base-tab-${e}-${r.value}`, D = (e) => `base-tab-panel-${e}-${r.value}`, M = (e) => s.value.find((t) => t["active-tab-panel-idx"] === e)?.tabId, E = (e) => {
+      P.value = b(e);
+    }, L = (e) => {
+      const t = s.value.at(e ?? -1);
+      m.value = t?.["active-tab-panel-idx"] ?? null;
+    }, N = (e) => {
+      E(e), c.value = e;
+    };
+    return G(
+      c,
+      (e) => {
+        L(e ?? -1);
+      },
+      {
+        immediate: !0
+      }
+    ), (e, t) => (l(), i("div", {
+      ref_key: "root",
+      ref: V,
+      class: v(e.$attrs.class)
+    }, [
+      _("span", {
+        id: `tablist-${r.value}`,
+        class: "uikit-sr-only"
+      }, T(e.tabViewDescription), 9, O),
+      _("div", {
+        role: "tablist",
+        "aria-labelledby": `tablist-${r.value}`,
+        class: v(e.tabListClasses)
+      }, [
+        (l(!0), i(C, null, I(s.value, (a, n) => (l(), i("button", {
+          key: n,
+          id: b(n),
+          type: "button",
+          role: "tab",
+          "aria-selected": u(n),
+          "aria-controls": `base-tab-panel-${n}-${r.value}`,
+          tabindex: u(n) ? void 0 : -1,
+          class: v([
+            "uikit-bg-transparent uikit-p-5px",
+            {
+              "uikit-border-b-2 uikit-border-solid uikit-border-w-primary uikit-font-semibold": u(n)
+            },
+            a.class
+          ]),
+          onClick: (x) => {
+            N(n), w("tabClick", x, n);
+          }
+        }, [
+          a["header-title"] ? (l(), i("span", W, T(a["header-title"]), 1)) : a.renderFn.children && a.renderFn.children.header ? (l(), p(g(a.renderFn.children.header), { key: 1 })) : $("", !0)
+        ], 10, R))), 128))
+      ], 10, Q),
+      (l(!0), i(C, null, I(s.value, (a, n) => (l(), p(J, {
+        key: n,
+        id: D(n),
+        "labelled-by": M(n) || "",
+        active: A(n)
+      }, {
+        default: H(() => [
+          a.renderFn.children && a.renderFn.children.default ? (l(), p(g(a.renderFn.children.default), { key: 0 })) : $("", !0)
+        ]),
+        _: 2
+      }, 1032, ["id", "labelled-by", "active"]))), 128))
+    ], 2));
+  }
+});
+export {
+  ee 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.Bn9HoCj4.js";
 import { _ as n } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.BRubYI9e.js";
-import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DRECN-Oz.js";
+import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CbqroZ_c.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._TveE6SF.js";

package/package.json

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

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DRECN-Oz.js

@@ -1,94 +0,0 @@
-import { defineComponent as x, mergeModels as E, useModel as L, ref as o, onMounted as N, useSlots as S, computed as z, watch as U, openBlock as r, createElementBlock as i, normalizeClass as v, createElementVNode as y, toDisplayString as _, Fragment as T, renderList as I, createBlock as p, resolveDynamicComponent as $, createCommentVNode as g, withCtx as j } from "vue";
-import { _ as q } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { getUID as G } from "../utils.js";
-const H = ["id"], J = ["aria-labelledby"], K = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], O = { key: 0 }, Y = /* @__PURE__ */ x({
-  inheritAttrs: !1,
-  __name: "BaseTabView",
-  props: /* @__PURE__ */ E({
-    tabViewDescription: {},
-    tabListClasses: { default: "" }
-  }, {
-    activeIdx: { default: 0 },
-    activeIdxModifiers: {}
-  }),
-  emits: ["update:activeIdx"],
-  setup(C) {
-    const c = L(C, "activeIdx"), F = o(""), m = o(null), B = o(null), l = o("");
-    N(() => {
-      l.value = G();
-    });
-    const f = S(), d = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", k = (e, t) => ({
-      renderFn: e,
-      tabId: b(t),
-      "active-tab-panel-idx": d(e)?.["active-tab-panel-idx"] ?? t,
-      "header-title": d(e)?.["header-title"] || "",
-      class: d(e)?.class || ""
-    }), s = z(() => f.default ? f.default().reduce((e, t) => (t.children && Array.isArray(t.children) ? t.children.forEach((a) => {
-      h(a) && e.push(k(a, e.length));
-    }) : h(t) && e.push(k(t, e.length)), e), []) : []), u = (e) => c.value === e, w = (e) => m.value === e, b = (e) => `base-tab-${e}-${l.value}`, P = (e) => `base-tab-panel-${e}-${l.value}`, V = (e) => s.value.find((t) => t["active-tab-panel-idx"] === e)?.tabId, A = (e) => {
-      F.value = b(e);
-    }, D = (e) => {
-      const t = s.value.at(e ?? -1);
-      m.value = t?.["active-tab-panel-idx"] ?? null;
-    }, M = (e) => {
-      A(e), c.value = e;
-    };
-    return U(
-      c,
-      (e) => {
-        D(e ?? -1);
-      },
-      {
-        immediate: !0
-      }
-    ), (e, t) => (r(), i("div", {
-      ref_key: "root",
-      ref: B,
-      class: v(e.$attrs.class)
-    }, [
-      y("span", {
-        id: `tablist-${l.value}`,
-        class: "uikit-sr-only"
-      }, _(e.tabViewDescription), 9, H),
-      y("div", {
-        role: "tablist",
-        "aria-labelledby": `tablist-${l.value}`,
-        class: v(e.tabListClasses)
-      }, [
-        (r(!0), i(T, null, I(s.value, (a, n) => (r(), i("button", {
-          key: n,
-          id: b(n),
-          type: "button",
-          role: "tab",
-          "aria-selected": u(n),
-          "aria-controls": `base-tab-panel-${n}-${l.value}`,
-          tabindex: u(n) ? void 0 : -1,
-          class: v([
-            "uikit-bg-transparent uikit-p-5px",
-            {
-              "uikit-border-b-2  uikit-border-solid uikit-border-w-primary uikit-font-semibold": u(n)
-            },
-            a.class
-          ]),
-          onClick: (Q) => M(n)
-        }, [
-          a["header-title"] ? (r(), i("span", O, _(a["header-title"]), 1)) : a.renderFn.children && a.renderFn.children.header ? (r(), p($(a.renderFn.children.header), { key: 1 })) : g("", !0)
-        ], 10, K))), 128))
-      ], 10, J),
-      (r(!0), i(T, null, I(s.value, (a, n) => (r(), p(q, {
-        key: n,
-        id: P(n),
-        "labelled-by": V(n) || "",
-        active: w(n)
-      }, {
-        default: j(() => [
-          a.renderFn.children && a.renderFn.children.default ? (r(), p($(a.renderFn.children.default), { key: 0 })) : g("", !0)
-        ]),
-        _: 2
-      }, 1032, ["id", "labelled-by", "active"]))), 128))
-    ], 2));
-  }
-});
-export {
-  Y as _
-};