@wikicasa-dev/components 1.7.20 → 1.7.22

package/dist/BaseTabView.js

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

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

@@ -0,0 +1,94 @@
+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 _
+};

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import SelectItem from './UIKit/BaseSelect/SelectItem.vue';
 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 BaseTabView from './UIKit/Tab/BaseTabView.vue';
 import RadioButton from './UIKit/Radio/RadioButton.vue';
 import RadioGroup from './UIKit/Radio/RadioGroup.vue';
 import AccessibleSelect from './UIKit/AccessibleSelect.vue';
@@ -38,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, };
+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, BaseTabView, };

package/dist/index.js

@@ -7,17 +7,17 @@ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.
 import { default as d } from "./CheckboxBtn.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.DZ5W2hU-.js";
+import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DRECN-Oz.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 w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
+import { _ as v } 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 L } 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 V } from "./BaseComplexToggle.js";
+import { _ as N } 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";
@@ -44,13 +44,13 @@ export {
   t as BaseAccordionBtn,
   f as BaseAccordionContent,
   m as BaseAccordionItem,
-  k as BaseAlert,
-  w as BaseAutocomplete,
-  L as BaseBadge,
-  G as BaseButton,
+  w as BaseAlert,
+  v as BaseAutocomplete,
+  F as BaseBadge,
+  L as BaseButton,
   P as BaseCard,
-  M as BaseComplexToggle,
-  U as BaseDropDown,
+  V as BaseComplexToggle,
+  N as BaseDropDown,
   j as BaseFloatingLabel,
   y as BaseIcon,
   E as BaseInput,
@@ -61,7 +61,7 @@ export {
   Z as BaseSlider,
   le as BaseSnackbar,
   i as BaseTab,
-  b as BaseTabList,
+  b as BaseTabView,
   ee as BaseTextarea,
   ae as BaseToggle,
   te as BaseTooltip,

package/package.json

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

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DZ5W2hU-.js

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