@wikicasa-dev/components 1.7.16 → 1.7.17

package/dist/BaseTabView.js

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

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DD-CKp6K.js

@@ -0,0 +1,105 @@
+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 { _ 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(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) => ({
+      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) => {
+      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) => {
+      B.value = b(e);
+    }, V = (e) => {
+      const a = l.value.at(e ?? -1), t = v(a?.["active-tab-panel-idx"] ?? -1);
+      t && (m.value = t);
+    }, M = (e) => {
+      S(e), c.value = e;
+    };
+    R(
+      c,
+      (e) => {
+        j(() => {
+          V(e ?? -1);
+        });
+      },
+      {
+        immediate: !0
+      }
+    );
+    const _ = () => 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 || _());
+      },
+      getSSRProps() {
+        return {
+          id: _()
+        };
+      }
+    };
+    return (e, a) => q((r(), s("div", {
+      ref_key: "root",
+      ref: D,
+      class: p(e.$attrs.class)
+    }, [
+      T("span", {
+        id: `tablist-${n.value}`,
+        class: "uikit-sr-only"
+      }, g(e.tabViewDescription), 9, K),
+      T("div", {
+        role: "tablist",
+        "aria-labelledby": `tablist-${n.value}`,
+        class: p(e.tabListClasses)
+      }, [
+        (r(!0), s(I, null, $(l.value, (t, i) => (r(), s("button", {
+          key: i,
+          id: b(i),
+          type: "button",
+          role: "tab",
+          "aria-selected": u(i),
+          "aria-controls": `base-tab-panel-${i}-${n.value}`,
+          tabindex: u(i) ? 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)
+            },
+            t.class
+          ]),
+          onClick: (X) => M(i)
+        }, [
+          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)
+        ], 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))
+      }, {
+        default: G(() => [
+          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))
+    ], 2)), [
+      [x]
+    ]);
+  }
+});
+export {
+  te as _
+};

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

@@ -1,5 +1,5 @@
-let t = 0;
-const i = (e = "uikit_id_") => (t++, `${e}${t}`);
+var t = 0;
+const e = (r = "uikit_id_") => (t++, `${r}${t}`);
 export {
-  i as getUID
+  e as getUID
 };

package/package.json

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

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

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