@wikicasa-dev/components 1.9.33 → 1.10.0

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

@@ -0,0 +1,94 @@
+import { defineComponent as E, mergeModels as k, useModel as M, ref as u, useId as N, useSlots as S, computed as z, provide as b, watch as y, openBlock as n, createElementBlock as C, normalizeClass as I, 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 { _ } from "./BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
+const Q = ["id"], Z = /* @__PURE__ */ E({
+  inheritAttrs: !1,
+  __name: "BaseTabView",
+  props: /* @__PURE__ */ k({
+    tabsPosition: { default: "top" },
+    tabViewDescription: {},
+    tabListClasses: { default: "" }
+  }, {
+    activeIdx: { default: 0 },
+    activeIdxModifiers: {}
+  }),
+  emits: /* @__PURE__ */ k(["tabClicked"], ["update:activeIdx"]),
+  setup(g, { emit: P }) {
+    const B = P, r = M(g, "activeIdx"), $ = u(""), d = u(null), x = u(null), i = N(), f = S(), c = (e) => e.props ?? null, m = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
+      renderFn: e,
+      tabId: T(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"] || ""
+    }), l = 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", l), b("isTabActive", (e) => r.value === e);
+    const A = (e) => d.value === e, T = (e) => `base-tab-${e}-${i}`, F = (e) => `base-tab-panel-${e}-${i}`, V = (e) => l.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, w = (e) => {
+      $.value = T(e);
+    }, D = (e) => {
+      const a = l.value.at(e ?? -1);
+      d.value = a?.["active-tab-panel-idx"] ?? null;
+    };
+    b("handleClick", (e) => {
+      w(e), r.value = e, B("tabClicked", { tabIdx: e });
+    }), y(
+      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 y(
+      () => l.value.map((e) => e["active-tab-panel-idx"]),
+      (e, a) => {
+        const t = L(e, a);
+        if (t === null) return;
+        const s = l.value[t]["active-tab-panel-idx"];
+        r.value !== t || s === void 0 || (d.value = s);
+      }
+    ), (e, a) => (n(), C("div", {
+      ref_key: "root",
+      ref: x,
+      class: I(e.$attrs.class)
+    }, [
+      j("span", {
+        id: `tablist-${p(i)}`,
+        class: "uikit-sr-only"
+      }, q(e.tabViewDescription), 9, Q),
+      e.tabsPosition === "top" ? (n(), o(_, {
+        key: 0,
+        uid: p(i),
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : v("", !0),
+      (n(!0), C(G, null, H(l.value, (t, s) => (n(), o(O, {
+        id: F(s),
+        key: s,
+        "labelled-by": V(s) || "",
+        active: A(s),
+        class: I(t["tab-panel-classes"])
+      }, {
+        default: J(() => [
+          t.renderFn.children && t.renderFn.children.default ? (n(), o(K(t.renderFn.children.default), { key: 0 })) : v("", !0)
+        ]),
+        _: 2
+      }, 1032, ["id", "labelled-by", "active", "class"]))), 128)),
+      e.tabsPosition === "bottom" ? (n(), o(_, {
+        key: 1,
+        uid: p(i),
+        "tab-list-classes": e.tabListClasses
+      }, null, 8, ["uid", "tab-list-classes"])) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  Z as _
+};

package/dist/chunks/{CloseIcon.YLxieTr1.js → CloseIcon.DIkr4soH.js}

@@ -1,32 +1,32 @@
-import { h as o } from "vue";
-import { o as e } from "./PharmacyIcon.qIkuSERu.js";
-const d = (r, { attrs: t }) => {
-  r = { ...e(), ...r };
-  const { width: i, height: s } = r;
-  return o(
+import { h as r } from "vue";
+import { e } from "./PharmacyIcon.56ql_DYl.js";
+const d = (t, { attrs: o }) => {
+  t = { ...e(), ...t };
+  const { width: i, height: s } = t;
+  return r(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 18.558 18.558",
       width: `${i}`,
       height: `${s}`,
-      class: r.class ?? "",
-      "aria-hidden": t["aria-hidden"] ?? "true"
+      class: t.class ?? "",
+      "aria-hidden": o["aria-hidden"] ?? "true"
     },
-    o(
+    r(
       "g",
       {
         fill: "none",
         stroke: `${t["stroke-color"] ?? "#222"}`,
-        "stroke-linecap": `${t["stroke-linecap"] ?? "round"}`,
-        "stroke-linejoin": `${t["stroke-linejoin"] ?? "round"}`,
+        "stroke-linecap": `${o["stroke-linecap"] ?? "round"}`,
+        "stroke-linejoin": `${o["stroke-linejoin"] ?? "round"}`,
         "stroke-width": `${t["stroke-width"] ?? "3"}`
       },
       [
-        o("path", {
+        r("path", {
           d: "m2.121 2.121 14.316 14.316"
         }),
-        o("path", {
+        r("path", {
           d: "M2.121 16.437 16.244 2.121"
         })
       ]

package/dist/chunks/PharmacyIcon.56ql_DYl.js

@@ -0,0 +1,19 @@
+import { h as o } from "vue";
+const e = () => ({
+  width: 20,
+  height: 20,
+  "stroke-color": "#222",
+  "aria-hidden": !0
+});
+o(
+  "svg",
+  { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28.5 20.243" },
+  o("g", { fill: "none", stroke: "#222", "stroke-linecap": "round", "stroke-width": "3" }, [
+    o("path", { "stroke-linejoin": "round", d: "m9.501 2.121-8 8 8 8" }),
+    o("path", { d: "M2 10.121h25" })
+  ])
+);
+o("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 17 17" });
+export {
+  e
+};