@wikicasa-dev/components 1.7.50 → 1.7.51

package/dist/BaseTab.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.BRubYI9e.js";
+import { _ as f } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
 export {
   f as default
 };

package/dist/BaseTabView.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.D9k4pe6N.js";
+import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Cs-5T5J3.js";
 export {
   f as default
 };

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

@@ -1,12 +1,16 @@
+import { ClassType } from '@wikicasa-dev/types';
+
 declare function __VLS_template(): {
     header?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     activeTabPanelIdx?: number;
     headerTitle?: string;
+    tabPanelClasses?: ClassType;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     activeTabPanelIdx?: number;
     headerTitle?: string;
+    tabPanelClasses?: ClassType;
 }>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js

@@ -0,0 +1,15 @@
+import { defineComponent as a, renderSlot as r } from "vue";
+const o = /* @__PURE__ */ a({
+  __name: "BaseTab",
+  props: {
+    activeTabPanelIdx: {},
+    headerTitle: {},
+    tabPanelClasses: {}
+  },
+  setup(s) {
+    return (e, t) => r(e.$slots, "header");
+  }
+});
+export {
+  o as _
+};

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Cs-5T5J3.js

@@ -0,0 +1,85 @@
+import { defineComponent as V, mergeModels as T, 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 _, 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 { _ as k } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
+import { getUID as G } from "../utils.js";
+const H = ["id"], Y = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "BaseTabView",
+  props: /* @__PURE__ */ T({
+    tabsPosition: { default: "top" },
+    tabViewDescription: {},
+    tabListClasses: { default: "" }
+  }, {
+    activeIdx: { default: 0 },
+    activeIdxModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["tabClick"], ["update:activeIdx"]),
+  setup(C, { emit: J }) {
+    const d = w(C, "activeIdx"), I = r(""), v = r(null), g = r(null), s = r("");
+    D(() => {
+      s.value = G();
+    });
+    const p = L(), 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) => {
+      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 P = (e) => v.value === e, h = (e) => `base-tab-${e}-${s.value}`, B = (e) => `base-tab-panel-${e}-${s.value}`, $ = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, A = (e) => {
+      I.value = h(e);
+    }, F = (e) => {
+      const a = n.value.at(e ?? -1);
+      v.value = a?.["active-tab-panel-idx"] ?? null;
+    };
+    return u("handleClick", (e) => {
+      A(e), d.value = e;
+    }), x(
+      d,
+      (e) => {
+        F(e ?? -1);
+      },
+      {
+        immediate: !0
+      }
+    ), (e, a) => (l(), _("div", {
+      ref_key: "root",
+      ref: g,
+      class: y(e.$attrs.class)
+    }, [
+      E("span", {
+        id: `tablist-${s.value}`,
+        class: "uikit-sr-only"
+      }, N(e.tabViewDescription), 9, H),
+      e.tabsPosition === "top" ? (l(), c(k, {
+        key: 0,
+        uid: s.value,
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : b("", !0),
+      (l(!0), _(S, null, z(n.value, (t, o) => (l(), c(q, {
+        key: o,
+        id: B(o),
+        "labelled-by": $(o) || "",
+        active: P(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)
+        ]),
+        _: 2
+      }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
+      e.tabsPosition === "bottom" ? (l(), c(k, {
+        key: 1,
+        uid: s.value,
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : b("", !0)
+    ], 2));
+  }
+});
+export {
+  Y as _
+};

package/dist/index.js

@@ -5,8 +5,8 @@ import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_tru
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { default as d } from "./CheckboxBtn.js";
 import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Bn9HoCj4.js";
-import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.BRubYI9e.js";
-import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.D9k4pe6N.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.Cs-5T5J3.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/dist/types.d.ts

@@ -1,8 +1,11 @@
+import { ClassType } from '@wikicasa-dev/types';
+
 export type TwPrefix = "uikit-";
 export type BaseTabProps = Partial<{
     "header-title": string;
     class: string;
     "active-tab-panel-idx": number;
+    "tab-panel-classes": ClassType;
 }>;
 export type TabType = {
     renderFn: any;

package/package.json

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

package/dist/chunks/BaseTab.vue_vue_type_script_setup_true_lang.BRubYI9e.js

@@ -1,14 +0,0 @@
-import { defineComponent as r, renderSlot as a } from "vue";
-const s = /* @__PURE__ */ r({
-  __name: "BaseTab",
-  props: {
-    activeTabPanelIdx: {},
-    headerTitle: {}
-  },
-  setup(t) {
-    return (e, n) => a(e.$slots, "header");
-  }
-});
-export {
-  s as _
-};

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

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