@wikicasa-dev/components 1.7.6 → 1.7.8

package/dist/BaseTabView.js

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

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

@@ -1,24 +1,25 @@
+import { ClassType } from "@wikicasa-dev/types";
 declare const _default: import("vue").DefineComponent<{
     activeIdx: import("vue").PropType<number | undefined>;
-    header: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     tabViewDescription: {
         type: import("vue").PropType<string>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    activeIdx: import("vue").PropType<number | undefined>;
-    header: {
-        type: import("vue").PropType<string>;
+    tabListClasses: {
+        type: import("vue").PropType<ClassType>;
         default: string;
     };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    activeIdx: import("vue").PropType<number | undefined>;
     tabViewDescription: {
         type: import("vue").PropType<string>;
         required: true;
     };
+    tabListClasses: {
+        type: import("vue").PropType<ClassType>;
+        default: string;
+    };
 }>>, {
-    header: string;
+    tabListClasses: ClassType;
 }, {}>;
 export default _default;

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

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

package/dist/index.d.ts

@@ -7,7 +7,6 @@ import CheckboxBtn from './UIKit/Checkbox/CheckboxBtn.vue';
 import CheckboxGroup from './UIKit/Checkbox/CheckboxGroup.vue';
 import BaseTab from './UIKit/Tab/BaseTab.vue';
 import BaseTabList from './UIKit/Tab/BaseTabView.vue';
-import BaseTabPanel from './UIKit/Tab/BaseTabPanel.vue';
 import RadioButton from './UIKit/Radio/RadioButton.vue';
 import RadioGroup from './UIKit/Radio/RadioGroup.vue';
 import AccessibleSelect from './UIKit/AccessibleSelect.vue';
@@ -39,4 +38,4 @@ import SwiperCarousel from './components/carousel/SwiperCarousel.vue';
 import SwiperSlide from './components/carousel/SwiperSlide.vue';
 import { useValidator } from './composables/useValidator';
 export type { ChartOptions, ChartData } from "chart.js";
-export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, BaseSnackbar, BaseTabList, BaseTabPanel, };
+export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, BaseSnackbar, BaseTabList, };

package/dist/index.js

@@ -5,79 +5,77 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
 import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.cWFIcTGL.js";
 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.DDtN9_Bg.js";
+import { _ } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";
 import { _ as i } 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.uPKMPIZj.js";
-import { _ as C } from "./chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { _ as I } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
-import { _ as T } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DTUA_Q5e.js";
-import { _ as k } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.5pqk7vlZ.js";
-import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as L } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js";
-import { _ as F } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
-import { _ as O } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BwONsejV.js";
-import { _ as M } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
-import { default as U } from "./BaseComplexToggle.js";
-import { _ as j } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
-import { default as y } from "./BaseFloatingLabel.js";
-import { default as E } from "./BaseIcon.js";
-import { default as J } from "./BaseInput.js";
-import { default as Q } from "./BaseNavItem.js";
-import { default as X } from "./BasePagination.js";
-import { default as Z } from "./BasePaper.js";
-import { default as ee } from "./BaseSlider.js";
-import { default as ae } from "./BaseTextarea.js";
-import { default as te } from "./BaseToggle.js";
-import { default as fe } from "./BaseTooltip.js";
-import { _ as me } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.1Uo4HnFM.js";
-import { _ as le } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cz2Kd5zD.js";
-import { default as de } from "./BaseSnackbar.js";
-import { _ as ne } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
-import { _ as ie } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js";
-import { _ as be } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
-import { _ as Ce } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
-import { _ as Ie } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.DDYbH2A1.js";
-import { default as Te } from "./SwiperSlide.js";
-import { useValidator as ke } from "./useValidator.js";
+import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.BRUWgxtO.js";
+import { _ as C } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
+import { _ as I } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DTUA_Q5e.js";
+import { _ as T } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.5pqk7vlZ.js";
+import { _ as k } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
+import { _ as w } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js";
+import { _ as L } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
+import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BwONsejV.js";
+import { _ as P } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
+import { default as M } from "./BaseComplexToggle.js";
+import { _ as U } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
+import { default as j } from "./BaseFloatingLabel.js";
+import { default as y } from "./BaseIcon.js";
+import { default as E } from "./BaseInput.js";
+import { default as J } from "./BaseNavItem.js";
+import { default as Q } from "./BasePagination.js";
+import { default as X } from "./BasePaper.js";
+import { default as Z } from "./BaseSlider.js";
+import { default as ee } from "./BaseTextarea.js";
+import { default as ae } from "./BaseToggle.js";
+import { default as te } from "./BaseTooltip.js";
+import { _ as fe } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.1Uo4HnFM.js";
+import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cz2Kd5zD.js";
+import { default as le } from "./BaseSnackbar.js";
+import { _ as de } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
+import { _ as _e } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js";
+import { _ as ie } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
+import { _ as be } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
+import { _ as Ce } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.DDYbH2A1.js";
+import { default as Ie } from "./SwiperSlide.js";
+import { useValidator as Te } from "./useValidator.js";
 export {
-  k as AccessibleSelect,
+  T as AccessibleSelect,
   a as BaseAccordion,
   t as BaseAccordionBtn,
   f as BaseAccordionContent,
   m as BaseAccordionItem,
-  w as BaseAlert,
-  L as BaseAutocomplete,
-  F as BaseBadge,
-  O as BaseButton,
-  M as BaseCard,
-  U as BaseComplexToggle,
-  j as BaseDropDown,
-  y as BaseFloatingLabel,
-  E as BaseIcon,
-  J as BaseInput,
-  le as BaseModal,
-  Q as BaseNavItem,
-  X as BasePagination,
-  Z as BasePaper,
-  ee as BaseSlider,
-  de as BaseSnackbar,
+  k as BaseAlert,
+  w as BaseAutocomplete,
+  L as BaseBadge,
+  G as BaseButton,
+  P as BaseCard,
+  M as BaseComplexToggle,
+  U as BaseDropDown,
+  j as BaseFloatingLabel,
+  y as BaseIcon,
+  E as BaseInput,
+  me as BaseModal,
+  J as BaseNavItem,
+  Q as BasePagination,
+  X as BasePaper,
+  Z as BaseSlider,
+  le as BaseSnackbar,
   i as BaseTab,
   b as BaseTabList,
-  C as BaseTabPanel,
-  ae as BaseTextarea,
-  te as BaseToggle,
-  fe as BaseTooltip,
-  me as BaseUploadFile,
+  ee as BaseTextarea,
+  ae as BaseToggle,
+  te as BaseTooltip,
+  fe as BaseUploadFile,
   d as CheckboxBtn,
-  n as CheckboxGroup,
-  ne as DoughnutChart,
-  be as IntersectionObservable,
-  Ce as IntersectionObserver,
-  ie as LineChart,
-  I as RadioButton,
-  T as RadioGroup,
+  _ as CheckboxGroup,
+  de as DoughnutChart,
+  ie as IntersectionObservable,
+  be as IntersectionObserver,
+  _e as LineChart,
+  C as RadioButton,
+  I as RadioGroup,
   l as SelectItem,
-  Ie as SwiperCarousel,
-  Te as SwiperSlide,
-  ke as useValidator
+  Ce as SwiperCarousel,
+  Ie as SwiperSlide,
+  Te as useValidator
 };

package/package.json

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

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

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