@wikicasa-dev/components 2.6.13 → 2.6.14

package/dist/UIKit/StaticSpinner.vue.js

@@ -1,27 +1,25 @@
-import { defineComponent as t, openBlock as o, createElementBlock as s, createElementVNode as n } from "vue";
-const c = {
-  viewBox: "0 0 128 128",
-  class: "icon-spin uikit-h-6 uikit-w-6"
-}, i = ["stroke", "stroke-width"], k = /* @__PURE__ */ t({
-  __name: "StaticSpinner",
-  props: {
-    thickness: { default: 9 },
-    strokeColor: { default: "#fff" }
-  },
-  setup(e) {
-    return (r, l) => (o(), s("svg", c, [
-      n("circle", {
-        class: "path",
-        cx: "64",
-        cy: "64",
-        r: "42",
-        fill: "none",
-        stroke: e.strokeColor,
-        "stroke-width": e.thickness
-      }, null, 8, i)
-    ]));
-  }
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r } from "vue";
+import '../assets/StaticSpinner.css';//#region lib/UIKit/StaticSpinner.vue?vue&type=script&setup=true&lang.ts
+var i = {
+	viewBox: "0 0 128 128",
+	class: "icon-spin uikit-h-6 uikit-w-6"
+}, a = ["stroke", "stroke-width"], o = /*@__PURE__*/ n({
+	__name: "StaticSpinner",
+	props: {
+		thickness: { default: 9 },
+		strokeColor: { default: "#fff" }
+	},
+	setup(n) {
+		return (o, s) => (r(), e("svg", i, [t("circle", {
+			class: "path",
+			cx: "64",
+			cy: "64",
+			r: "42",
+			fill: "none",
+			stroke: n.strokeColor,
+			"stroke-width": n.thickness
+		}, null, 8, a)]));
+	}
 });
-export {
-  k as default
-};
+//#endregion
+export { o as default };

package/dist/UIKit/Tab/BaseTab.js

@@ -1,4 +1,5 @@
-import f from "./BaseTab.vue.js";
-export {
-  f as default
-};
+import e from "./BaseTab.vue.js";
+//#region lib/UIKit/Tab/BaseTab.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Tab/BaseTab.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as a, renderSlot as r } from "vue";
-const o = /* @__PURE__ */ a({
-  __name: "BaseTab",
-  props: {
-    activeTabPanelIdx: {},
-    headerTitle: {},
-    tabPanelClasses: {}
-  },
-  setup(t) {
-    return (e, s) => r(e.$slots, "header");
-  }
+import { defineComponent as e, renderSlot as t } from "vue";
+//#region lib/UIKit/Tab/BaseTab.vue?vue&type=script&setup=true&lang.ts
+var n = /*@__PURE__*/ e({
+	__name: "BaseTab",
+	props: {
+		activeTabPanelIdx: {},
+		headerTitle: {},
+		tabPanelClasses: {}
+	},
+	setup(e) {
+		return (e, n) => t(e.$slots, "header");
+	}
 });
-export {
-  o as default
-};
+//#endregion
+export { n as default };

package/dist/UIKit/Tab/BaseTabList.js

@@ -1,4 +1,5 @@
-import f from "./BaseTabList.vue.js";
-export {
-  f as default
-};
+import e from "./BaseTabList.vue.js";
+//#region lib/UIKit/Tab/BaseTabList.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Tab/BaseTabList.vue.js

@@ -1,45 +1,46 @@
-import { defineComponent as m, inject as l, openBlock as a, createElementBlock as r, normalizeClass as c, Fragment as y, renderList as C, unref as i, toDisplayString as h, createBlock as p, resolveDynamicComponent as f, createCommentVNode as _ } from "vue";
-const v = ["aria-labelledby", "data-cy"], B = ["id", "data-cy", "aria-selected", "aria-controls", "tabindex", "onClick"], F = { key: 0 }, $ = /* @__PURE__ */ m({
-  __name: "BaseTabList",
-  props: {
-    dataCy: {},
-    uid: {},
-    tabListClasses: {}
-  },
-  emits: ["tabClick"],
-  setup(n, { emit: o }) {
-    const d = l("tabs"), s = l("isTabActive"), b = l("handleClick"), u = o;
-    return (L, g) => (a(), r("div", {
-      role: "tablist",
-      "aria-labelledby": `tablist-${n.uid}`,
-      class: c(n.tabListClasses),
-      "data-cy": n.dataCy
-    }, [
-      (a(!0), r(y, null, C(i(d), (e, t) => (a(), r("button", {
-        id: e.tabId,
-        key: t,
-        "data-cy": e["data-cy"],
-        type: "button",
-        role: "tab",
-        "aria-selected": i(s)(t),
-        "aria-controls": `base-tab-panel-${t}-${n.uid}`,
-        tabindex: i(s)(t) ? void 0 : -1,
-        class: c([
-          "uikit-bg-transparent uikit-p-5px",
-          {
-            "uikit-border-b-2 uikit-border-solid uikit-border-w-primary uikit-font-semibold": i(s)(t)
-          },
-          e.class
-        ]),
-        onClick: (k) => {
-          i(b)(t, e), u("tabClick", k, t, e);
-        }
-      }, [
-        e["header-title"] ? (a(), r("span", F, h(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), p(f(e.renderFn.children.header), { key: 1 })) : _("", !0)
-      ], 10, B))), 128))
-    ], 10, v));
-  }
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, inject as a, normalizeClass as o, openBlock as s, renderList as c, resolveDynamicComponent as l, toDisplayString as u, unref as d } from "vue";
+//#region lib/UIKit/Tab/BaseTabList.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-labelledby", "data-cy"], p = [
+	"id",
+	"data-cy",
+	"aria-selected",
+	"aria-controls",
+	"tabindex",
+	"onClick"
+], m = { key: 0 }, h = /*@__PURE__*/ i({
+	__name: "BaseTabList",
+	props: {
+		dataCy: {},
+		uid: {},
+		tabListClasses: {}
+	},
+	emits: ["tabClick"],
+	setup(i, { emit: h }) {
+		let g = a("tabs"), _ = a("isTabActive"), v = a("handleClick"), y = h;
+		return (a, h) => (s(), r("div", {
+			role: "tablist",
+			"aria-labelledby": `tablist-${i.uid}`,
+			class: o(i.tabListClasses),
+			"data-cy": i.dataCy
+		}, [(s(!0), r(e, null, c(d(g), (e, a) => (s(), r("button", {
+			id: e.tabId,
+			key: a,
+			"data-cy": e["data-cy"],
+			type: "button",
+			role: "tab",
+			"aria-selected": d(_)(a),
+			"aria-controls": `base-tab-panel-${a}-${i.uid}`,
+			tabindex: d(_)(a) ? void 0 : -1,
+			class: o([
+				"uikit-bg-transparent uikit-p-5px",
+				{ "uikit-border-b-2 uikit-border-solid uikit-border-w-primary uikit-font-semibold": d(_)(a) },
+				e.class
+			]),
+			onClick: (t) => {
+				d(v)(a, e), y("tabClick", t, a, e);
+			}
+		}, [e["header-title"] ? (s(), r("span", m, u(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (s(), t(l(e.renderFn.children.header), { key: 1 })) : n("", !0)], 10, p))), 128))], 10, f));
+	}
 });
-export {
-  $ as default
-};
+//#endregion
+export { h as default };

package/dist/UIKit/Tab/BaseTabPanel.js

@@ -1,4 +1,5 @@
-import f from "./BaseTabPanel.vue.js";
-export {
-  f as default
-};
+import e from "./BaseTabPanel.vue.js";
+//#region lib/UIKit/Tab/BaseTabPanel.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Tab/BaseTabPanel.vue.js

@@ -1,25 +1,28 @@
-import { defineComponent as l, withDirectives as t, openBlock as i, createElementBlock as d, normalizeClass as n, renderSlot as o, vShow as s } from "vue";
-const c = ["id", "aria-labelledby", "data-active"], v = /* @__PURE__ */ l({
-  __name: "BaseTabPanel",
-  props: {
-    id: {},
-    active: { type: Boolean, default: !1 },
-    labelledBy: {}
-  },
-  setup(e) {
-    return (a, r) => t((i(), d("div", {
-      id: e.id,
-      role: "tabpanel",
-      "aria-labelledby": e.labelledBy,
-      class: n(a.$attrs.class),
-      "data-active": e.active
-    }, [
-      o(a.$slots, "default")
-    ], 10, c)), [
-      [s, e.active]
-    ]);
-  }
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, vShow as a, withDirectives as o } from "vue";
+//#region lib/UIKit/Tab/BaseTabPanel.vue?vue&type=script&setup=true&lang.ts
+var s = [
+	"id",
+	"aria-labelledby",
+	"data-active"
+], c = /*@__PURE__*/ t({
+	__name: "BaseTabPanel",
+	props: {
+		id: {},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		labelledBy: {}
+	},
+	setup(t) {
+		return (c, l) => o((r(), e("div", {
+			id: t.id,
+			role: "tabpanel",
+			"aria-labelledby": t.labelledBy,
+			class: n(c.$attrs.class),
+			"data-active": t.active
+		}, [i(c.$slots, "default")], 10, s)), [[a, t.active]]);
+	}
 });
-export {
-  v as default
-};
+//#endregion
+export { c as default };

package/dist/UIKit/Tab/BaseTabView.js

@@ -1,4 +1,5 @@
-import f from "./BaseTabView.vue.js";
-export {
-  f as default
-};
+import e from "./BaseTabView.vue.js";
+//#region lib/UIKit/Tab/BaseTabView.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Tab/BaseTabView.vue.js

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

package/dist/UIKit/Tab/v2/BaseTabs.js

@@ -1,5 +1,5 @@
-import o from "./BaseTabs.vue.js";
-import '../../../assets/BaseTabs.css';/* empty css              */
-export {
-  o as default
-};
+import e from "./BaseTabs.vue.js";
+//#region lib/UIKit/Tab/v2/BaseTabs.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/UIKit/Tab/v2/BaseTabs.vue.js

@@ -1,39 +1,35 @@
-import { defineComponent as l, createPropsRestProxy as i, shallowRef as m, provide as d, onMounted as p, openBlock as c, createBlock as f, unref as y, mergeProps as C, withCtx as B, renderSlot as M } from "vue";
-import { TabsRoot as V } from "reka-ui";
-const v = /* @__PURE__ */ l({
-  __name: "BaseTabs",
-  props: {
-    dataCy: {},
-    defaultValue: {},
-    orientation: {},
-    dir: {},
-    activationMode: {},
-    modelValue: {},
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  emits: ["update:modelValue", "mounted"],
-  setup(t, { emit: s }) {
-    const r = i(t, ["dataCy"]), o = s, a = m(!1);
-    return d("indicatorMounted", a), d("setIndicatorMounted", () => {
-      a.value = !0;
-    }), p(() => {
-      o("mounted");
-    }), (u, n) => (c(), f(y(V), C(r, {
-      "data-cy": t.dataCy,
-      class: "uikit-base-tabs",
-      "onUpdate:modelValue": n[0] || (n[0] = (e) => o("update:modelValue", e))
-    }), {
-      default: B(({ modelValue: e }) => [
-        M(u.$slots, "default", {
-          modelValue: e
-        })
-      ]),
-      _: 3
-    }, 16, ["data-cy"]));
-  }
+import { createBlock as e, createPropsRestProxy as t, defineComponent as n, mergeProps as r, onMounted as i, openBlock as a, provide as o, renderSlot as s, shallowRef as c, unref as l, withCtx as u } from "vue";
+import { TabsRoot as d } from "reka-ui";
+import '../../../assets/BaseTabs.css';//#region lib/UIKit/Tab/v2/BaseTabs.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ n({
+	__name: "BaseTabs",
+	props: {
+		dataCy: {},
+		defaultValue: {},
+		orientation: {},
+		dir: {},
+		activationMode: {},
+		modelValue: {},
+		unmountOnHide: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:modelValue", "mounted"],
+	setup(n, { emit: f }) {
+		let p = t(n, ["dataCy"]), m = f, h = c(!1);
+		return o("indicatorMounted", h), o("setIndicatorMounted", () => {
+			h.value = !0;
+		}), i(() => {
+			m("mounted");
+		}), (t, i) => (a(), e(l(d), r(p, {
+			"data-cy": n.dataCy,
+			class: "uikit-base-tabs",
+			"onUpdate:modelValue": i[0] ||= (e) => m("update:modelValue", e)
+		}), {
+			default: u(({ modelValue: e }) => [s(t.$slots, "default", { modelValue: e })]),
+			_: 3
+		}, 16, ["data-cy"]));
+	}
 });
-export {
-  v as default
-};
+//#endregion
+export { f as default };

package/dist/UIKit/Tab/v2/BaseTabsContent.js

@@ -1,4 +1,5 @@
-import f from "./BaseTabsContent.vue.js";
-export {
-  f as default
-};
+import e from "./BaseTabsContent.vue.js";
+//#region lib/UIKit/Tab/v2/BaseTabsContent.vue
+var t = e;
+//#endregion
+export { t as default };