@wikicasa-dev/components 1.7.17 → 1.7.18

package/dist/BaseTabView.js

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

package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.DD-CKp6K.js → BaseTabView.vue_vue_type_script_setup_true_lang.uQU5rdeC.js}

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

package/dist/index.js

@@ -7,7 +7,7 @@ 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.DD-CKp6K.js";
+import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.uQU5rdeC.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";

package/package.json

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