@wikicasa-dev/components 1.7.49 → 1.7.50

package/dist/BaseTabList.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js";
+export {
+  f as default
+};

package/dist/BaseTabView.js

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

package/dist/SwiperCarousel.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.7z9WGfLj.js";
+import { _ as f } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.BiS3BhWj.js";
 export {
   f as default
 };

package/dist/UIKit/Accordion/BaseAccordion.vue.d.ts

@@ -5,9 +5,9 @@ declare function __VLS_template(): {
     default?(_: {
         updatePrev: <T>(a: AccordionItem, _accordionItems: AccordionItemDecorated<T>) => void;
         prev: {
-            title?: string;
+            title?: string | undefined;
             id: string | number;
-            active?: boolean;
+            active?: boolean | undefined;
         } | null;
     }): any;
 };

package/dist/UIKit/Radio/RadioGroup.vue.d.ts

@@ -4,7 +4,7 @@ declare function __VLS_template(): {
     default?(_: {
         handleClick: (elem: RadioButtonType) => void;
         activeValue: {
-            id?: string | number | null;
+            id?: (string | number | null) | undefined;
             label: string | number;
             payload?: unknown;
         } | null;
@@ -14,7 +14,7 @@ declare function __VLS_template(): {
     radio_elements?(_: {
         handleClick: (elem: RadioButtonType) => void;
         activeValue: {
-            id?: string | number | null;
+            id?: (string | number | null) | undefined;
             label: string | number;
             payload?: unknown;
         } | null;

package/dist/UIKit/Tab/BaseTabList.vue.d.ts

@@ -0,0 +1,37 @@
+import { ClassType } from '@wikicasa-dev/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    uid: string;
+    tabListClasses?: ClassType;
+}>, {
+    tabListClasses: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClick: (e: Event, tabIdx: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    uid: string;
+    tabListClasses?: ClassType;
+}>, {
+    tabListClasses: string;
+}>>> & {
+    onTabClick?: ((e: Event, tabIdx: number) => any) | undefined;
+}, {
+    tabListClasses: ClassType;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Tab/BaseTabView.vue.d.ts

@@ -2,29 +2,38 @@ import { ClassType } from '@wikicasa-dev/types';
 
 declare const _default: import('vue').DefineComponent<{
     activeIdx: import('vue').PropType<number | undefined>;
-    tabViewDescription: {
-        type: import('vue').PropType<string>;
-        required: true;
-    };
     tabListClasses: {
         type: import('vue').PropType<ClassType>;
         default: string;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    tabClick: (args_0: MouseEvent, args_1: number) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    activeIdx: import('vue').PropType<number | undefined>;
+    tabsPosition: {
+        type: import('vue').PropType<"bottom" | "top">;
+        default: string;
+    };
     tabViewDescription: {
         type: import('vue').PropType<string>;
         required: true;
     };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    tabClick: (args_0: MouseEvent, args_1: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeIdx: import('vue').PropType<number | undefined>;
     tabListClasses: {
         type: import('vue').PropType<ClassType>;
         default: string;
     };
+    tabsPosition: {
+        type: import('vue').PropType<"bottom" | "top">;
+        default: string;
+    };
+    tabViewDescription: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
 }>> & {
     onTabClick?: ((args_0: MouseEvent, args_1: number) => any) | undefined;
 }, {
     tabListClasses: ClassType;
+    tabsPosition: "top" | "bottom";
 }, {}>;
 export default _default;

package/dist/chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BEX0zH-7.js

@@ -0,0 +1,42 @@
+import { defineComponent as p, inject as l, openBlock as a, createElementBlock as r, normalizeClass as o, Fragment as m, renderList as h, unref as i, toDisplayString as C, createBlock as _, resolveDynamicComponent as y, createCommentVNode as f } from "vue";
+const v = ["aria-labelledby"], B = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], F = { key: 0 }, $ = /* @__PURE__ */ p({
+  __name: "BaseTabList",
+  props: {
+    uid: {},
+    tabListClasses: { default: "" }
+  },
+  emits: ["tabClick"],
+  setup(L, { emit: c }) {
+    const d = l("tabs"), s = l("isTabActive"), b = l("handleClick"), u = c;
+    return (n, g) => (a(), r("div", {
+      role: "tablist",
+      "aria-labelledby": `tablist-${n.uid}`,
+      class: o(n.tabListClasses)
+    }, [
+      (a(!0), r(m, null, h(i(d), (e, t) => (a(), r("button", {
+        key: t,
+        id: e.tabId,
+        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: o([
+          "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), u("tabClick", k, t);
+        }
+      }, [
+        e["header-title"] ? (a(), r("span", F, C(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), _(y(e.renderFn.children.header), { key: 1 })) : f("", !0)
+      ], 10, B))), 128))
+    ], 10, v));
+  }
+});
+export {
+  $ as _
+};

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

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