@wikicasa-dev/components 1.7.12 → 1.7.14

package/dist/BaseTabView.js

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

package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.B7nmcVUG.js → BaseTabView.vue_vue_type_script_setup_true_lang.lJ1UY9Qz.js}

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

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.B7nmcVUG.js";
+import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.lJ1UY9Qz.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.12",
+  "version": "1.7.14",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",