@wikicasa-dev/components 2.0.31 → 2.0.32

package/dist/BaseTabView.js

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

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

@@ -0,0 +1,105 @@
+import { defineComponent as S, mergeModels as C, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as v, watch as k, openBlock as i, createElementBlock as p, normalizeClass as I, createElementVNode as H, unref as f, toDisplayString as J, createBlock as d, createCommentVNode as o, Fragment as _, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import { _ as R } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
+import { _ as g } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CohlLou1.js";
+const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "BaseTabView",
+  props: /* @__PURE__ */ C({
+    tabsPosition: { default: "top" },
+    tabViewDescription: {},
+    tabListClasses: {},
+    dataCy: {}
+  }, {
+    activeIdx: { default: 0 },
+    activeIdxModifiers: {}
+  }),
+  emits: /* @__PURE__ */ C(["tabClicked"], ["update:activeIdx"]),
+  setup(P, { emit: x }) {
+    const B = x, l = z(P, "activeIdx"), $ = b(""), u = b(null), A = b(null), r = j(), m = q(), c = (e) => e.props ?? null, h = (e) => e.type.__name === "BaseTab", y = (e, t) => ({
+      renderFn: e,
+      tabId: T(t),
+      "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? t,
+      "header-title": c(e)?.["header-title"] || "",
+      class: c(e)?.class || "",
+      "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
+      "data-cy": c(e)?.["data-cy"] || ""
+    }), n = G(() => m.default ? m.default().reduce((e, t) => (t.children && Array.isArray(t.children) ? t.children.forEach((a) => {
+      h(a) && e.push(y(a, e.length));
+    }) : h(t) && e.push(y(t, e.length)), e), []) : []);
+    v("tabs", n), v("isTabActive", (e) => l.value === e);
+    const F = (e = -1) => u.value === e, T = (e) => `base-tab-${e}-${r}`, V = (e) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
+      const t = n.value.reduce(
+        (a, s, N) => (s["active-tab-panel-idx"] !== e || a.push({ tab: s, idx: N }), a),
+        []
+      );
+      return t && t.length === 1 ? t[0].tab.tabId : t.find((a) => a.idx === l.value)?.tab.tabId;
+    }, D = (e) => {
+      $.value = T(e);
+    }, L = (e) => {
+      const t = n.value.at(e ?? -1);
+      u.value = t?.["active-tab-panel-idx"] ?? null;
+    };
+    v("handleClick", (e, t) => {
+      D(e), l.value = e, B("tabClicked", { tabIdx: e, tabElement: t });
+    }), k(
+      l,
+      (e) => {
+        L(e ?? -1);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const E = (e, t) => {
+      for (let a = 0; a < e.length; a++)
+        if (e[a] !== t[a]) return a;
+      return null;
+    }, M = (e) => n.value.find((t) => t["active-tab-panel-idx"] === e);
+    return k(
+      () => n.value.map((e) => e["active-tab-panel-idx"]),
+      (e, t) => {
+        const a = E(e, t);
+        if (a === null) return;
+        const s = n.value[a]["active-tab-panel-idx"];
+        l.value !== a || s === void 0 || (u.value = s);
+      }
+    ), (e, t) => (i(), p("div", {
+      ref_key: "root",
+      ref: A,
+      class: I(e.$attrs.class),
+      "data-cy": e.dataCy
+    }, [
+      H("span", {
+        id: `tablist-${f(r)}`,
+        class: "uikit-sr-only"
+      }, J(e.tabViewDescription), 9, W),
+      e.tabsPosition === "top" ? (i(), d(g, {
+        key: 0,
+        uid: f(r),
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0),
+      (i(!0), p(_, null, K(n.value, (a, s) => (i(), p(_, { key: s }, [
+        M(s) ? (i(), d(R, {
+          key: 0,
+          id: V(s),
+          "labelled-by": w(a["active-tab-panel-idx"]) || "",
+          active: F(a["active-tab-panel-idx"]),
+          class: I(a["tab-panel-classes"])
+        }, {
+          default: O(() => [
+            a.renderFn.children && a.renderFn.children.default ? (i(), d(Q(a.renderFn.children.default), { key: 0 })) : o("", !0)
+          ]),
+          _: 2
+        }, 1032, ["id", "labelled-by", "active", "class"])) : o("", !0)
+      ], 64))), 128)),
+      e.tabsPosition === "bottom" ? (i(), d(g, {
+        key: 1,
+        uid: f(r),
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : o("", !0)
+    ], 10, U));
+  }
+});
+export {
+  te as _
+};

package/dist/index.js

@@ -6,7 +6,7 @@ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.
 import { default as d } from "./CheckboxBtn.js";
 import { _ as u } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.Cf8YnCGf.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.DjAQCt5a.js";
+import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CmOknk6T.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.ClV6kObA.js";

package/package.json

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

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

@@ -1,97 +0,0 @@
-import { defineComponent as E, mergeModels as T, useModel as M, ref as u, useId as N, useSlots as S, computed as z, provide as b, watch as C, openBlock as l, createElementBlock as k, normalizeClass as _, createElementVNode as j, unref as p, toDisplayString as q, createBlock as o, createCommentVNode as v, Fragment as G, renderList as H, withCtx as J, resolveDynamicComponent as K } from "vue";
-import { _ as O } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
-import { _ as I } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CohlLou1.js";
-const Q = ["data-cy"], R = ["id"], ee = /* @__PURE__ */ E({
-  inheritAttrs: !1,
-  __name: "BaseTabView",
-  props: /* @__PURE__ */ T({
-    tabsPosition: { default: "top" },
-    tabViewDescription: {},
-    tabListClasses: {},
-    dataCy: {}
-  }, {
-    activeIdx: { default: 0 },
-    activeIdxModifiers: {}
-  }),
-  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
-  setup(g, { emit: P }) {
-    const B = P, r = M(g, "activeIdx"), $ = u(""), d = u(null), A = u(null), i = N(), f = S(), c = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
-      renderFn: e,
-      tabId: y(a),
-      "active-tab-panel-idx": c(e)?.["active-tab-panel-idx"] ?? a,
-      "header-title": c(e)?.["header-title"] || "",
-      class: c(e)?.class || "",
-      "tab-panel-classes": c(e)?.["tab-panel-classes"] || "",
-      "data-cy": c(e)?.["data-cy"] || ""
-    }), n = z(() => f.default ? f.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
-      m(t) && e.push(h(t, e.length));
-    }) : m(a) && e.push(h(a, e.length)), e), []) : []);
-    b("tabs", n), b("isTabActive", (e) => r.value === e);
-    const x = (e) => d.value === e, y = (e) => `base-tab-${e}-${i}`, F = (e) => `base-tab-panel-${e}-${i}`, V = (e) => n.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, w = (e) => {
-      $.value = y(e);
-    }, D = (e) => {
-      const a = n.value.at(e ?? -1);
-      d.value = a?.["active-tab-panel-idx"] ?? null;
-    };
-    b("handleClick", (e, a) => {
-      w(e), r.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
-    }), C(
-      r,
-      (e) => {
-        D(e ?? -1);
-      },
-      {
-        immediate: !0
-      }
-    );
-    const L = (e, a) => {
-      for (let t = 0; t < e.length; t++)
-        if (e[t] !== a[t]) return t;
-      return null;
-    };
-    return C(
-      () => n.value.map((e) => e["active-tab-panel-idx"]),
-      (e, a) => {
-        const t = L(e, a);
-        if (t === null) return;
-        const s = n.value[t]["active-tab-panel-idx"];
-        r.value !== t || s === void 0 || (d.value = s);
-      }
-    ), (e, a) => (l(), k("div", {
-      ref_key: "root",
-      ref: A,
-      class: _(e.$attrs.class),
-      "data-cy": e.dataCy
-    }, [
-      j("span", {
-        id: `tablist-${p(i)}`,
-        class: "uikit-sr-only"
-      }, q(e.tabViewDescription), 9, R),
-      e.tabsPosition === "top" ? (l(), o(I, {
-        key: 0,
-        uid: p(i),
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : v("", !0),
-      (l(!0), k(G, null, H(n.value, (t, s) => (l(), o(O, {
-        id: F(s),
-        key: s,
-        "labelled-by": V(s) || "",
-        active: x(s),
-        class: _(t["tab-panel-classes"])
-      }, {
-        default: J(() => [
-          t.renderFn.children && t.renderFn.children.default ? (l(), o(K(t.renderFn.children.default), { key: 0 })) : v("", !0)
-        ]),
-        _: 2
-      }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
-      e.tabsPosition === "bottom" ? (l(), o(I, {
-        key: 1,
-        uid: p(i),
-        "tab-list-classes": e.tabListClasses
-      }, null, 8, ["uid", "tab-list-classes"])) : v("", !0)
-    ], 10, Q));
-  }
-});
-export {
-  ee as _
-};