@wikicasa-dev/components 2.0.38 → 2.0.40

package/dist/BaseBreadcrumb.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BH2c3gOe.js";
+import { _ as f } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BAE3i6sW.js";
 export {
   f as default
 };

package/dist/BaseModal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bfqji3sg.js";
+import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.TtM_VyuR.js";
 export {
   f as default
 };

package/dist/UIKit/BaseModal.vue.d.ts

@@ -14,7 +14,7 @@ declare function __VLS_template(): {
     };
     refs: {
         backdropEl: HTMLDivElement;
-        modalEl: HTMLDialogElement;
+        modalDialog: HTMLDialogElement;
     };
     attrs: Partial<{}>;
 };
@@ -67,7 +67,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
 }> & Readonly<{
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    backdropEl: HTMLDivElement;
+    modalDialog: HTMLDialogElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/chunks/{BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BH2c3gOe.js → BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BAE3i6sW.js}

@@ -1,7 +1,7 @@
-import { defineComponent as m, computed as d, openBlock as s, createElementBlock as i, createElementVNode as o, normalizeClass as a, Fragment as n, renderList as k, renderSlot as u, toDisplayString as p, createVNode as h, unref as f } from "vue";
-import { a as b } from "./ArrowIcon.CCFMdsq6.js";
+import { defineComponent as d, computed as k, openBlock as s, createElementBlock as i, createElementVNode as n, normalizeClass as a, Fragment as u, renderList as p, renderSlot as c, toDisplayString as h, createVNode as b, unref as f } from "vue";
+import { a as C } from "./ArrowIcon.CCFMdsq6.js";
 import "./PharmacyIcon.56ql_DYl.js";
-const C = { "aria-label": "Breadcrumb" }, g = ["data-tooltip"], w = ["href"], _ = /* @__PURE__ */ m({
+const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], B = ["href"], $ = /* @__PURE__ */ d({
   __name: "BaseBreadcrumb",
   props: {
     items: {},
@@ -9,38 +9,38 @@ const C = { "aria-label": "Breadcrumb" }, g = ["data-tooltip"], w = ["href"], _
     listItemClasses: {}
   },
   setup(r) {
-    const c = d(() => {
+    const m = k(() => {
       let e = 0;
       const l = [];
       for (; e < r.items.length; )
         l.push({ ...r.items[e], idx: e }), e < r.items.length - 1 && l.push({ arrowIcon: !0 }), e++;
       return l;
     });
-    return (e, l) => (s(), i("nav", C, [
-      o("ol", {
+    return (e, l) => (s(), i("nav", g, [
+      n("ol", {
         class: a(["uikit-flex uikit-items-center uikit-gap-10px uikit-p-0", e.listClasses])
       }, [
-        (s(!0), i(n, null, k(c.value, (t) => (s(), i(n, null, [
+        (s(!0), i(u, null, p(m.value, (t, o) => (s(), i(u, null, [
           t?.label ? (s(), i("li", {
-            key: 0,
+            key: `breadcrumb-li-${o}`,
             class: a(["uikit-list-none", e.listItemClasses]),
             "data-tooltip": t.dataTooltip
           }, [
-            u(e.$slots, "item", {
+            c(e.$slots, "item", {
               item: t
             }, () => [
-              o("a", {
+              n("a", {
                 class: a(["uikit-text-w-black uikit-no-underline", { "uikit-text-w-primary": t.active }]),
                 href: t.link
-              }, p(t.label), 11, w)
+              }, h(t.label), 11, B)
             ])
-          ], 10, g)) : (s(), i("li", {
-            key: 1,
+          ], 10, w)) : (s(), i("li", {
+            key: `breadcrumb-li-no-label-${o}`,
             class: a(["uikit-list-none", e.listItemClasses]),
             "aria-hidden": "true"
           }, [
-            u(e.$slots, "separator", {}, () => [
-              h(f(b), {
+            c(e.$slots, "separator", {}, () => [
+              b(f(C), {
                 class: "-uikit-rotate-90",
                 "stroke-color": "#222",
                 width: 10,
@@ -54,5 +54,5 @@ const C = { "aria-label": "Breadcrumb" }, g = ["data-tooltip"], w = ["href"], _
   }
 });
 export {
-  _
+  $ as _
 };

package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.Bfqji3sg.js → BaseModal.vue_vue_type_style_index_0_lang.TtM_VyuR.js}

@@ -1,16 +1,16 @@
-import { defineComponent as B, ref as u, onUnmounted as L, watch as x, openBlock as c, createBlock as E, Teleport as T, createElementVNode as l, normalizeClass as s, withModifiers as f, createElementBlock as y, createVNode as z, unref as H, createCommentVNode as v, renderSlot as n, nextTick as O } from "vue";
+import { defineComponent as E, ref as d, useTemplateRef as T, onUnmounted as z, watch as H, openBlock as p, createBlock as O, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as r, createElementBlock as h, createVNode as D, unref as I, createCommentVNode as w, renderSlot as c, nextTick as K } from "vue";
 import "./types-B0dZ7OiV.D29wNgoj.js";
-import { l as $ } from "./CloseIcon.DIkr4soH.js";
+import { l as N } from "./CloseIcon.DIkr4soH.js";
 import "./PharmacyIcon.56ql_DYl.js";
-import '../assets/BaseModal.css';const h = () => navigator?.userAgent.includes("Windows"), I = (o, d) => new Promise((a, t) => {
+import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), V = (o, k) => new Promise((a, t) => {
   setTimeout(() => {
     try {
       o && o(), a();
     } catch {
       t();
     }
-  }, d);
-}), K = ["id", "data-cy"], N = ["innerHTML"], P = /* @__PURE__ */ B({
+  }, k);
+}), A = ["id", "data-cy"], F = ["innerHTML"], R = /* @__PURE__ */ E({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -32,38 +32,48 @@ import '../assets/BaseModal.css';const h = () => navigator?.userAgent.includes("
     titleClasses: {}
   },
   emits: ["closed", "opened"],
-  setup(o, { emit: d }) {
-    const a = d, t = u(!1), k = u(null), w = u(null), r = u(!1), m = ({ key: e }) => {
+  setup(o, { emit: k }) {
+    const a = k, t = d(!1), f = d(null), u = T("modalDialog"), m = d(!1), n = d(!1), b = ({ key: e }) => {
       e === "Escape" && i();
     }, C = () => {
-      document?.body.addEventListener("keydown", m);
-    }, b = () => {
-      document?.body.removeEventListener("keydown", m);
-    }, g = async () => {
-      t.value = !0, O(() => {
-        C(), document?.documentElement.classList.add("uikit-no-scrolling"), h() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+      document?.body.addEventListener("keydown", b);
+    }, v = () => {
+      document?.body.removeEventListener("keydown", b);
+    }, M = async () => {
+      t.value = !0, K(() => {
+        C(), document?.documentElement.classList.add("uikit-no-scrolling"), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
       }), a("opened"), o.autoClose !== void 0 && setTimeout(() => {
         i();
       }, o.autoClose);
-    }, M = async () => {
-      o.closeOnClickOut && await i();
+    }, 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", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await I(() => {
-        k.value?.classList.add("uikit-hidden"), a("closed");
+      t.value = !1, v(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await V(() => {
+        f.value?.classList.add("uikit-hidden"), a("closed");
       }, 250);
     };
-    return L(() => {
-      b(), document?.documentElement.classList.remove("uikit-no-scrolling"), h() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
-    }), x(
+    return z(() => {
+      v(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    }), H(
       () => o.showModal,
       async (e) => {
-        !e && !t.value ? r.value = !0 : r.value = !1, e && !t.value && await g(), !e && t.value && await i(), t.value = e;
+        !e && !t.value ? m.value = !0 : m.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
       },
       { immediate: !0 }
-    ), (e, p) => (c(), E(T, { to: "body" }, [
+    ), (e, y) => (p(), O($, { to: "body" }, [
       l("div", {
         ref_key: "backdropEl",
-        ref: k,
+        ref: f,
         class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
@@ -71,15 +81,16 @@ import '../assets/BaseModal.css';const h = () => navigator?.userAgent.includes("
           },
           { "uikit-bg-transparent": !t.value },
           { "sm:uikit-pt-[30px]": !e.centered },
-          { hide: r.value }
+          { hide: m.value }
         ]]),
         style: { "z-index": "1062" },
-        onClick: M
+        onClick: x,
+        onMousedown: r(B, ["stop"]),
+        onMouseup: r(L, ["stop"])
       }, [
         l("dialog", {
           id: e.id,
-          ref_key: "modalEl",
-          ref: w,
+          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 max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
             e.customModalDialogClasses,
@@ -91,51 +102,51 @@ import '../assets/BaseModal.css';const h = () => navigator?.userAgent.includes("
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: p[0] || (p[0] = f(() => {
+          onClick: y[0] || (y[0] = r(() => {
           }, ["stop"]))
         }, [
           l("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 sm:uikit-px-6", [e.customModalHeaderClasses]])
           }, [
-            e.withCloseIcon ? (c(), y("button", {
+            e.withCloseIcon ? (p(), 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: f(i, ["prevent", "stop"])
+              onClick: r(i, ["prevent", "stop"])
             }, [
-              z(H($), {
+              D(I(N), {
                 class: "bbt-close-icon uikit-box-border uikit-p-5px",
                 width: 30,
                 height: 30
               })
-            ], 2)) : v("", !0),
-            n(e.$slots, "header", { closeModal: i }, () => [
+            ], 2)) : w("", !0),
+            c(e.$slots, "header", { closeModal: i }, () => [
               l("span", {
                 class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
-              }, null, 10, N)
+              }, null, 10, F)
             ])
           ], 2),
           l("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 sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
           }, [
-            n(e.$slots, "body", { closeModal: i })
+            c(e.$slots, "body", { closeModal: i })
           ], 2),
-          e.$slots.footer ? (c(), y("div", {
+          e.$slots.footer ? (p(), 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 sm:uikit-px-6", e.customModalFooterClasses])
           }, [
-            n(e.$slots, "footer", { closeModal: i })
-          ], 2)) : v("", !0),
-          n(e.$slots, "fixed-bottom")
-        ], 10, K)
-      ], 2)
+            c(e.$slots, "footer", { closeModal: i })
+          ], 2)) : w("", !0),
+          c(e.$slots, "fixed-bottom")
+        ], 10, A)
+      ], 34)
     ]));
   }
 });
 export {
-  P as _
+  R as _
 };

package/dist/index.js

@@ -27,7 +27,7 @@ import { default as Z } from "./BaseTextarea.js";
 import { default as ee } from "./BaseToggle.js";
 import { default as re } from "./BaseTooltip.js";
 import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
-import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bfqji3sg.js";
+import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.TtM_VyuR.js";
 import { default as me } from "./BaseSnackbar.js";
 import { default as le } from "./StaticSpinner.js";
 import { default as de } from "./BaseShimmerLoader.js";
@@ -39,7 +39,7 @@ import { _ as he } from "./chunks/IntersectionObservable.vue_vue_type_script_set
 import { _ as Ie } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
 import { S as we } from "./chunks/SwiperCarousel.DWUl3bgn.js";
 import { default as ke } from "./SwiperSlide.js";
-import { _ as ve } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BH2c3gOe.js";
+import { _ as ve } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.BAE3i6sW.js";
 import './assets/index.css';export {
   I as AccessibleSelect,
   r as BaseAccordion,

package/package.json

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