@wikicasa-dev/components 2.6.11-alpha.0 → 3.0.0-alpha.0

package/dist/chunks/BaseModal.vue_vue_type_style_index_0_lang.a2qGyPhV.js

@@ -0,0 +1,150 @@
+import { defineComponent as T, ref as d, useTemplateRef as H, onUnmounted as O, watch as $, createBlock as z, openBlock as m, Teleport as D, createElementVNode as a, normalizeClass as s, withModifiers as y, createElementBlock as h, createCommentVNode as w, renderSlot as r, createVNode as I, unref as K, nextTick as N } from "vue";
+import "./polyline.DjpLdMaW.js";
+import { l as V } from "./CloseIcon.BZ4U3aiI.js";
+import "./PharmacyIcon.DEQ8mOEJ.js";
+import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), A = (o, c) => new Promise((l, t) => {
+  setTimeout(() => {
+    try {
+      o && o(), l();
+    } catch {
+      t();
+    }
+  }, c);
+}), F = ["id", "data-cy"], P = ["innerHTML"], j = /* @__PURE__ */ T({
+  __name: "BaseModal",
+  props: {
+    id: { default: "base-bt-modal" },
+    size: { default: "modal-md" },
+    customBackdropClasses: {},
+    customModalDialogClasses: {},
+    customModalHeaderClasses: {},
+    customModalBodyClasses: {},
+    customModalFooterClasses: {},
+    withCloseIcon: { type: Boolean, default: !0 },
+    showModal: { type: Boolean, default: !0 },
+    headerTitle: { default: "" },
+    autoClose: {},
+    fullHeight: { type: Boolean, default: !1 },
+    closeOnClickOut: { type: Boolean, default: !0 },
+    centered: { type: Boolean, default: !1 },
+    dataCy: {},
+    closeIconBtnClasses: {},
+    titleClasses: {}
+  },
+  emits: ["closed", "opened", "dialogClick"],
+  setup(o, { emit: c }) {
+    const l = c, t = d(!1), f = d(null), u = H("modalDialog"), k = d(!1), n = d(!1), p = ({ key: e }) => {
+      e === "Escape" && i();
+    }, C = () => {
+      document?.body.addEventListener("keydown", p);
+    }, b = () => {
+      document?.body.removeEventListener("keydown", p);
+    }, M = async () => {
+      t.value = !0, N(() => {
+        C(), g() ? document?.body.classList.add("uikit:no-scrolling", "uikit:sm:pr-15px") : document?.body.classList.add("uikit:no-scrolling");
+      }), l("opened"), o.autoClose !== void 0 && setTimeout(() => {
+        i();
+      }, o.autoClose);
+    }, B = (e) => {
+      u.value && u.value.contains(e.target) && (n.value = !0);
+    }, L = (e) => {
+      u.value && u.value.contains(e.target) && (n.value = !1);
+    }, x = async () => {
+      if (o.closeOnClickOut) {
+        if (n.value) {
+          n.value = !1;
+          return;
+        }
+        await i();
+      }
+    }, i = async () => {
+      t.value = !1, b(), document?.documentElement.classList.remove("uikit:no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit:no-scrolling", "uikit:sm:pr-15px") : document?.body.classList.remove("uikit:no-scrolling"), await A(() => {
+        f.value?.classList.add("uikit:hidden"), l("closed");
+      }, 250);
+    };
+    return O(() => {
+      b(), document?.documentElement.classList.remove("uikit:no-scrolling"), g() ? document?.body.classList.remove("uikit:no-scrolling", "uikit:sm:pr-15px") : document?.body.classList.remove("uikit:no-scrolling");
+    }), $(
+      () => o.showModal,
+      async (e) => {
+        !e && !t.value ? k.value = !0 : k.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
+      },
+      { immediate: !0 }
+    ), (e, v) => (m(), z(D, { to: "body" }, [
+      a("div", {
+        ref_key: "backdropEl",
+        ref: f,
+        class: s(["bbt-backdrop uikit:fixed uikit:left-0 uikit:top-0 uikit:h-full uikit:w-full", [
+          e.customBackdropClasses,
+          {
+            "uikit:animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit:bg-w-secondary/70": t.value
+          },
+          { "uikit:bg-transparent": !t.value },
+          { "uikit:sm:pt-[30px]": !e.centered },
+          { hide: k.value }
+        ]]),
+        onClick: x,
+        onMousedown: B,
+        onMouseup: L
+      }, [
+        a("dialog", {
+          id: e.id,
+          ref: "modalDialog",
+          "data-cy": e.dataCy,
+          class: s(["uikit-modal-dialog transition-y uikit:mx-auto uikit:block uikit:w-full uikit:overflow-y-auto uikit:overflow-x-hidden uikit:rounded uikit:border-none uikit:bg-transparent uikit:bg-white uikit:p-0 uikit:shadow-lg uikit:no-scrollbar uikit:safe-bottom uikit:max-sm:fixed uikit:max-sm:bottom-0 uikit:max-sm:max-h-[95%] uikit:max-sm:rounded-bl-none uikit:max-sm:rounded-br-none uikit:sm:h-auto", [
+            e.customModalDialogClasses,
+            { show: t.value },
+            { "closed uikit:overflow-hidden": !t.value },
+            { centered: e.centered },
+            { "uikit:absolute": e.centered },
+            { "uikit:static": !e.centered },
+            `base-${e.size}`,
+            e.fullHeight ? "uikit:h-[95%]" : "uikit:h-auto"
+          ]]),
+          onClick: v[0] || (v[0] = y((E) => l("dialogClick", E), ["stop"]))
+        }, [
+          a("div", {
+            class: s(["default-header uikit:sticky uikit:top-0 uikit:z-10 uikit:rounded-t uikit:border-0 uikit:bg-white uikit:px-4 uikit:pb-10px uikit:pt-20px uikit:sm:px-6", [e.customModalHeaderClasses]])
+          }, [
+            e.withCloseIcon ? (m(), h("button", {
+              key: 0,
+              id: "close-icon-btn",
+              "data-cy": "bbt-default-close-icon-btn",
+              class: s(["uikit:absolute uikit:right-15px uikit:top-15px uikit:z-10 uikit:bg-transparent", e.closeIconBtnClasses]),
+              type: "button",
+              "aria-label": "Close",
+              onClick: y(i, ["prevent", "stop"])
+            }, [
+              I(K(V), {
+                class: "bbt-close-icon uikit:box-border uikit:p-5px",
+                width: 30,
+                height: 30
+              })
+            ], 2)) : w("", !0),
+            r(e.$slots, "header", { closeModal: i }, () => [
+              a("span", {
+                class: s(["uikit:w-auto uikit:text-18 uikit:font-semibold uikit:sm:text-22", e.titleClasses]),
+                innerHTML: e.headerTitle
+              }, null, 10, P)
+            ])
+          ], 2),
+          a("div", {
+            class: s(["uikit-bbt-body uikit:flex-auto uikit:overflow-y-auto uikit:overflow-x-hidden uikit:px-4 uikit:pb-0 uikit:no-scrollbar uikit:sm:px-6 uikit:sm:pb-25px", [e.customModalBodyClasses]])
+          }, [
+            r(e.$slots, "body", { closeModal: i })
+          ], 2),
+          e.$slots.footer ? (m(), h("div", {
+            key: 0,
+            class: s(["uikit-bbt-footer uikit:sticky uikit:bottom-0 uikit:border-0 uikit:bg-white uikit:px-4 uikit:py-15px uikit:sm:px-6", e.customModalFooterClasses])
+          }, [
+            r(e.$slots, "footer", { closeModal: i })
+          ], 2)) : w("", !0),
+          r(e.$slots, "fixed-bottom")
+        ], 10, F)
+      ], 34)
+    ]));
+  }
+});
+export {
+  j as _
+};

package/dist/chunks/BasePagination.vue_vue_type_script_setup_true_lang.DdFMVFIO.js

@@ -0,0 +1,164 @@
+import { defineComponent as j, mergeModels as P, useModel as D, computed as s, createElementBlock as n, openBlock as r, createCommentVNode as o, createElementVNode as p, normalizeClass as h, createVNode as y, unref as v, toDisplayString as c, Fragment as m, renderList as x } from "vue";
+import "./polyline.DjpLdMaW.js";
+import { a as C } from "./ArrowIcon.Bq6Xr3uH.js";
+import "./PharmacyIcon.DEQ8mOEJ.js";
+function d(l, t = !1) {
+  return l == null ? "" : S(t ? Math.round(l) : Math.floor(l), 0);
+}
+function S(l, t) {
+  return !l && l !== 0 ? "" : l.toLocaleString(
+    "it-IT",
+    // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
+    {
+      minimumFractionDigits: t,
+      maximumFractionDigits: t,
+      useGrouping: "always"
+    }
+  );
+}
+const $ = {
+  "aria-label": "Page navigation",
+  class: "uikit:overflow-auto"
+}, B = {
+  key: 0,
+  class: "uikit:text-14 uikit:m-0 uikit:flex uikit:list-none uikit:content-center uikit:gap-4 uikit:p-0 uikit:pl-0 uikit:font-semibold uikit:sm:gap-5"
+}, F = ["data-cy"], O = {
+  key: 0,
+  class: "uikit:mx-10px uikit:select-none"
+}, V = {
+  key: 1,
+  class: "font-weight-bold uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:cursor-pointer uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px uikit:hover:bg-w-primary uikit:hover:text-white"
+}, A = ["onClick"], E = ["onClick"], z = {
+  key: 0,
+  class: "uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:cursor-pointer uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px uikit:hover:bg-w-primary uikit:hover:text-white"
+}, G = ["data-cy"], T = {
+  key: 0,
+  class: "uikit:mx-10px uikit:select-none"
+}, Q = /* @__PURE__ */ j({
+  __name: "BasePagination",
+  props: /* @__PURE__ */ P({
+    count: { default: 0 },
+    limit: { default: 25 },
+    siblings: { default: 3 },
+    additionalCount: { default: 0 },
+    arrowColor: { default: "#2B5DFF" },
+    small: { type: Boolean, default: !1 },
+    prevLabel: { default: "" },
+    nextLabel: { default: "" },
+    prevDataCy: {},
+    nextDataCy: {}
+  }, {
+    pageNumber: { default: 1 },
+    pageNumberModifiers: {}
+  }),
+  emits: ["update:pageNumber"],
+  setup(l) {
+    const t = D(l, "pageNumber"), a = s(() => Math.ceil((l.count + l.additionalCount) / l.limit)), g = s(() => (t.value || 0) > l.siblings + 2), f = s(
+      () => (t.value || 0) < a.value - l.siblings - 1
+    ), b = s(() => {
+      let e = t.value || 0, u = 0;
+      for (; e > 2 && u < l.siblings; )
+        e--, u++;
+      return u;
+    }), w = s(() => {
+      let e = t.value || 0, u = 0;
+      for (; e < a.value - 1 && u < l.siblings; )
+        e++, u++;
+      return u;
+    }), N = s(() => {
+      const i = b.value + /* Filling with the remaining right siblings */
+      Math.abs(w.value - l.siblings) + /* If there is no suspension points on the right, let's fill it */
+      new Number(!f.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
+      new Number(t.value === a.value).valueOf();
+      let e = Math.max((t.value || 0) - i, 2);
+      const u = [];
+      for (e; e < (t.value || 0); e++) u.push(e);
+      return u;
+    }), M = s(() => {
+      const i = w.value + /* Filling with the remaining left siblings */
+      Math.abs(b.value - l.siblings) + /* If there is no suspension points on the left, let's fill it */
+      new Number(!g.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
+      new Number(t.value === 1).valueOf();
+      let e = Math.min(t.value || 0, a.value - 1);
+      const u = [];
+      for (e; e < Math.min((t.value || 0) + i, a.value - 1); e++)
+        u.push(e + 1);
+      return u;
+    }), k = (i) => {
+      let e = i;
+      i < 1 ? e = 1 : i > a.value && (e = a.value), t.value = e;
+    };
+    return (i, e) => (r(), n("nav", $, [
+      i.count > 0 ? (r(), n("ul", B, [
+        p("li", {
+          class: h(["arrow-button prev-page uikit:h-30x uikit:flex uikit:min-w-[30px] uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px", {
+            "uikit:cursor-pointer uikit:hover:bg-w-primary uikit:hover:[&_>_svg]:brightness-0 uikit:hover:[&_>_svg]:invert": t.value !== 1,
+            "uikit:hover:text-white": i.small && t.value !== 1,
+            "uikit:rounded-xs": i.small && i.prevLabel
+          }]),
+          "data-cy": i.prevDataCy,
+          onClick: e[0] || (e[0] = (u) => k((t.value || 0) - 1))
+        }, [
+          y(v(C), {
+            width: 20,
+            height: 11,
+            "stroke-color": t.value === 1 ? "#8996A9" : i.arrowColor,
+            class: "uikit:inline-block uikit:rotate-90"
+          }, null, 8, ["stroke-color"]),
+          i.small && i.prevLabel ? (r(), n("span", O, c(i.prevLabel), 1)) : o("", !0)
+        ], 10, F),
+        i.small ? o("", !0) : (r(), n(m, { key: 0 }, [
+          (t.value || 0) > 1 ? (r(), n("li", {
+            key: 0,
+            class: "page uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:cursor-pointer uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px uikit:hover:bg-w-primary uikit:hover:text-white",
+            onClick: e[1] || (e[1] = (u) => k(0))
+          }, " 1 ")) : o("", !0),
+          g.value ? (r(), n("li", V, " ... ")) : o("", !0),
+          (r(!0), n(m, null, x(N.value, (u) => (r(), n("li", {
+            key: u,
+            class: "uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:cursor-pointer uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px uikit:hover:bg-w-primary uikit:hover:text-white",
+            onClick: (L) => k(u)
+          }, c(v(d)(u)), 9, A))), 128))
+        ], 64)),
+        p("li", {
+          class: h(["selected uikit:pointer-events-none uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px", {
+            "uikit:bg-w-primary uikit:text-white uikit:hover:bg-w-primary uikit:hover:text-white": !i.small
+          }])
+        }, c(t.value || 0), 3),
+        i.small ? o("", !0) : (r(), n(m, { key: 1 }, [
+          (r(!0), n(m, null, x(M.value, (u) => (r(), n("li", {
+            key: u,
+            class: "uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:cursor-pointer uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px uikit:hover:bg-w-primary uikit:hover:text-white",
+            onClick: (L) => k(u)
+          }, c(v(d)(u)), 9, E))), 128)),
+          f.value ? (r(), n("li", z, " ... ")) : o("", !0),
+          (t.value || 0) < a.value ? (r(), n("li", {
+            key: 1,
+            class: "uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:cursor-pointer uikit:select-none uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px uikit:hover:bg-w-primary uikit:hover:text-white",
+            onClick: e[2] || (e[2] = (u) => k(a.value))
+          }, c(v(d)(a.value)), 1)) : o("", !0)
+        ], 64)),
+        p("li", {
+          class: h(["arrow-button next-page uikit:flex uikit:h-30px uikit:min-w-[30px] uikit:items-center uikit:justify-center uikit:rounded-circle uikit:p-5px", {
+            "uikit:cursor-pointer uikit:hover:bg-w-primary uikit:hover:[&_>_svg]:brightness-0 uikit:hover:[&_>_svg]:invert": (t.value || 0) < a.value,
+            "uikit:hover:text-white": i.small && (t.value || 0) < a.value,
+            "uikit:rounded-xs": i.small && i.nextLabel
+          }]),
+          "data-cy": i.nextDataCy,
+          onClick: e[3] || (e[3] = (u) => k((t.value || 0) + 1))
+        }, [
+          i.small && i.nextLabel ? (r(), n("span", T, c(i.nextLabel), 1)) : o("", !0),
+          y(v(C), {
+            "stroke-color": (t.value || 0) === a.value ? "#8996A9" : i.arrowColor,
+            width: 20,
+            height: 11,
+            class: "uikit:inline-block uikit:-rotate-90"
+          }, null, 8, ["stroke-color"])
+        ], 10, G)
+      ])) : o("", !0)
+    ]));
+  }
+});
+export {
+  Q as _
+};

package/dist/{UIKit/Tab/BaseTab.vue.js → chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js}

@@ -6,10 +6,10 @@ const o = /* @__PURE__ */ a({
     headerTitle: {},
     tabPanelClasses: {}
   },
-  setup(t) {
-    return (e, s) => r(e.$slots, "header");
+  setup(s) {
+    return (e, t) => r(e.$slots, "header");
   }
 });
 export {
-  o as default
+  o as _
 };

package/dist/chunks/BaseTabList.vue_vue_type_script_setup_true_lang.CxrS-Vq6.js

@@ -0,0 +1,43 @@
+import { defineComponent as p, inject as l, createElementBlock as r, openBlock as a, normalizeClass as o, Fragment as m, renderList as h, unref as i, createBlock as y, createCommentVNode as C, toDisplayString as _, resolveDynamicComponent as f } from "vue";
+const v = ["aria-labelledby"], B = ["id", "data-cy", "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", {
+        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: 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, e), u("tabClick", k, t, e);
+        }
+      }, [
+        e["header-title"] ? (a(), r("span", F, _(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (a(), y(f(e.renderFn.children.header), { key: 1 })) : C("", !0)
+      ], 10, B))), 128))
+    ], 10, v));
+  }
+});
+export {
+  $ as _
+};

package/dist/chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.CVJUssBq.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, withDirectives as l, createElementBlock as o, openBlock as s, normalizeClass as t, renderSlot as r, vShow as i } from "vue";
+const n = ["id", "aria-labelledby"], b = /* @__PURE__ */ a({
+  __name: "BaseTabPanel",
+  props: {
+    id: {},
+    active: { type: Boolean, default: !1 },
+    labelledBy: {}
+  },
+  setup(d) {
+    return (e, p) => l((s(), o("div", {
+      id: e.id,
+      role: "tabpanel",
+      "aria-labelledby": e.labelledBy,
+      class: t(e.$attrs.class)
+    }, [
+      r(e.$slots, "default")
+    ], 10, n)), [
+      [i, e.active]
+    ]);
+  }
+});
+export {
+  b as _
+};

package/dist/chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DGTsSVEG.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, createElementBlock as p, openBlock as i, normalizeClass as I, createElementVNode as H, createBlock as d, createCommentVNode as o, unref as f, toDisplayString as J, 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.CVJUssBq.js";
+import { _ as g } from "./BaseTabList.vue_vue_type_script_setup_true_lang.CxrS-Vq6.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, 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"] || "",
+      "data-cy": c(e)?.["data-cy"] || ""
+    }), n = G(() => m.default ? m.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+      h(t) && e.push(y(t, e.length));
+    }) : h(a) && e.push(y(a, 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 = -1) => `base-tab-panel-${e}-${r}`, w = (e = -1) => {
+      const a = n.value.reduce(
+        (t, s, N) => (s["active-tab-panel-idx"] !== e || t.push({ tab: s, idx: N }), t),
+        []
+      );
+      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === l.value)?.tab.tabId;
+    }, D = (e) => {
+      $.value = T(e);
+    }, L = (e) => {
+      const a = n.value.at(e ?? -1);
+      u.value = a?.["active-tab-panel-idx"] ?? null;
+    };
+    v("handleClick", (e, a) => {
+      D(e), l.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
+    }), k(
+      l,
+      (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) => n.value.find((a) => a["active-tab-panel-idx"] === e);
+    return k(
+      () => n.value.map((e) => e["active-tab-panel-idx"]),
+      (e, a) => {
+        const t = E(e, a);
+        if (t === null) return;
+        const s = n.value[t]["active-tab-panel-idx"];
+        l.value !== t || s === void 0 || (u.value = s);
+      }
+    ), (e, a) => (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, (t, s) => (i(), p(_, { key: s }, [
+        M(s) ? (i(), d(R, {
+          key: 0,
+          id: V(t["active-tab-panel-idx"]),
+          "labelled-by": w(s) ?? "",
+          active: F(s),
+          class: I(t["tab-panel-classes"])
+        }, {
+          default: O(() => [
+            t.renderFn.children && t.renderFn.children.default ? (i(), d(Q(t.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/chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.BL98w2D8.js

@@ -0,0 +1,71 @@
+import { defineComponent as b, ref as c, watch as m, createElementBlock as o, openBlock as s, normalizeClass as t, createElementVNode as l, createBlock as h, createCommentVNode as n, renderSlot as v } from "vue";
+import w from "../BaseFloatingLabel.js";
+const C = ["innerHTML"], g = ["for"], y = ["id", "multiple", "accept"], B = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "BaseUploadFile",
+  props: {
+    id: {},
+    labelText: { default: "" },
+    clear: { type: Boolean, default: !1 },
+    labelClasses: { default: "" },
+    floatingLabelClasses: { default: "" },
+    fieldsetClasses: { default: "" },
+    legendClasses: { default: "" }
+  },
+  emits: ["cleared", "uploaded"],
+  setup(r, { emit: d }) {
+    const k = r, u = d, a = c("");
+    m(
+      () => k.clear,
+      (e) => {
+        e && (a.value = "", u("cleared"));
+      }
+    );
+    const p = ({ target: e }) => {
+      if (!e) return;
+      const i = e.files;
+      i?.length && (a.value = i[0].name, u("uploaded", i[0]));
+    };
+    return (e, i) => (s(), o("div", {
+      class: t(["base-upload-file-wrapper uikit:relative", [e.$attrs.class]])
+    }, [
+      l("fieldset", {
+        class: t(["uikit:pointer-events-none uikit:absolute uikit:bottom-0 uikit:left-0 uikit:right-0 uikit:m-0 uikit:box-border uikit:h-12 uikit:overflow-hidden uikit:rounded-xs uikit:border uikit:border-dashed uikit:border-w-secondary uikit:bg-w-lavender uikit:px-2 uikit:py-0 uikit:text-start", e.fieldsetClasses])
+      }, [
+        e.labelText ? (s(), o("legend", {
+          key: 0,
+          class: t(["uikit:invisible uikit:float-none uikit:ml-2 uikit:block uikit:h-3 uikit:w-auto uikit:max-w-full uikit:overflow-hidden uikit:whitespace-nowrap uikit:p-0 uikit:text-base", e.legendClasses])
+        }, [
+          l("span", {
+            class: "uikit:visible uikit:inline-block uikit:px-5px uikit:opacity-0",
+            innerHTML: e.labelText
+          }, null, 8, C)
+        ], 2)) : n("", !0)
+      ], 2),
+      e.labelText ? (s(), h(w, {
+        key: 0,
+        class: t(e.floatingLabelClasses),
+        "label-text": e.labelText,
+        "label-state": "floating-label",
+        "label-classes": "uikit:-top-1!"
+      }, null, 8, ["class", "label-text"])) : n("", !0),
+      l("label", {
+        class: t(["upload-file-input uikit:relative uikit:z-10 uikit:flex uikit:h-12 uikit:w-full uikit:cursor-pointer uikit:items-center uikit:justify-center uikit:rounded-xs uikit:text-sm", e.labelClasses]),
+        for: e.id
+      }, [
+        l("input", {
+          id: e.id,
+          multiple: e.$attrs.multiple,
+          type: "file",
+          class: "uikit:hidden",
+          accept: e.$attrs.accept,
+          onInput: i[0] || (i[0] = (f) => p(f))
+        }, null, 40, y),
+        v(e.$slots, "label", { filename: a.value })
+      ], 10, g)
+    ], 2));
+  }
+});
+export {
+  B as _
+};