@wikicasa-dev/components 1.8.3 → 1.8.4

package/dist/BaseModal.js

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

package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.DRnvHI35.js → BaseModal.vue_vue_type_style_index_0_lang.DSPssuBQ.js}

@@ -1,9 +1,9 @@
-import { defineComponent as x, ref as k, watch as M, nextTick as B, openBlock as c, createBlock as f, Teleport as E, createElementVNode as a, normalizeClass as o, withModifiers as b, withCtx as L, createVNode as $, unref as T, createCommentVNode as y, renderSlot as d, createElementBlock as z } from "vue";
+import { defineComponent as x, ref as k, onUnmounted as M, watch as B, nextTick as E, openBlock as c, createBlock as b, Teleport as L, createElementVNode as a, normalizeClass as o, withModifiers as y, withCtx as $, createVNode as T, unref as z, createCommentVNode as h, renderSlot as d, createElementBlock as H } from "vue";
 import "./js.cookie.CkZE2oaL.js";
-import { _ as H } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
-import { l as O } from "./CloseIcon._moEkaop.js";
+import { _ as O } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
+import { l as I } from "./CloseIcon._moEkaop.js";
 import "./DownloadIcon.DHCHRETy.js";
-import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
+import '../assets/BaseModal.css';const K = (l, n) => new Promise((s, u) => {
   setTimeout(() => {
     try {
       l && l(), s();
@@ -11,7 +11,7 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
       u();
     }
   }, n);
-}), K = ["id", "data-cy"], N = ["innerHTML"], j = /* @__PURE__ */ x({
+}), N = ["id", "data-cy"], V = ["innerHTML"], j = /* @__PURE__ */ x({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -32,11 +32,11 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
   },
   emits: ["closed", "opened"],
   setup(l, { emit: n }) {
-    const s = l, u = n, e = k(!1), r = k(null), h = k(null), m = ({ key: t }) => {
+    const s = l, u = n, e = k(!1), r = k(null), v = k(null), m = ({ key: t }) => {
       t === "Escape" && i();
     }, w = () => {
       document.body.addEventListener("keydown", m);
-    }, v = () => {
+    }, p = () => {
       document.body.removeEventListener("keydown", m);
     }, C = async () => {
       e.value = !0, w(), document.documentElement.classList.add("uikit-no-scrolling"), document.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px"), u("opened"), s.autoClose !== void 0 && setTimeout(() => {
@@ -45,19 +45,21 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
     }, g = async () => {
       s.closeOnClickOut && await i();
     }, i = async () => {
-      e.value = !1, v(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), document.documentElement.classList.remove("uikit-no-scrolling"), await I(() => {
+      e.value = !1, p(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), document.documentElement.classList.remove("uikit-no-scrolling"), await K(() => {
         r.value?.classList.add("uikit-hidden"), u("closed");
       }, 250);
     };
-    return M(
+    return M(() => {
+      p(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), document.documentElement.classList.remove("uikit-no-scrolling");
+    }), B(
       () => s.showModal,
       async (t) => {
-        !t && !e.value && B(() => {
+        !t && !e.value && E(() => {
           r.value?.classList.add("uikit-hidden");
         }), t && !e.value && await C(), !t && e.value && await i(), e.value = t;
       },
       { immediate: !0 }
-    ), (t, p) => (c(), f(E, { to: "body" }, [
+    ), (t, f) => (c(), b(L, { to: "body" }, [
       a("div", {
         ref_key: "backdropEl",
         ref: r,
@@ -75,7 +77,7 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
         a("dialog", {
           id: t.id,
           ref_key: "modalEl",
-          ref: h,
+          ref: v,
           "data-cy": t.$attrs["data-cy"],
           class: o(["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", [
             t.customModalDialogClasses,
@@ -85,13 +87,13 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
             `base-${t.size}`,
             t.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: p[0] || (p[0] = b(() => {
+          onClick: f[0] || (f[0] = y(() => {
           }, ["stop"]))
         }, [
           a("div", {
             class: o(["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", [t.customModalHeaderClasses]])
           }, [
-            t.withCloseIcon ? (c(), f(H, {
+            t.withCloseIcon ? (c(), b(O, {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
@@ -99,22 +101,22 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
               type: "button",
               "aria-label": "Close",
               "is-empty": !0,
-              onClick: b(i, ["prevent", "stop"])
+              onClick: y(i, ["prevent", "stop"])
             }, {
-              default: L(() => [
-                $(T(O), {
+              default: $(() => [
+                T(z(I), {
                   class: "bbt-close-icon uikit-box-border uikit-p-5px",
                   width: 30,
                   height: 30
                 })
               ]),
               _: 1
-            }, 8, ["class"])) : y("", !0),
+            }, 8, ["class"])) : h("", !0),
             d(t.$slots, "header", { closeModal: i }, () => [
               a("span", {
                 class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", t.$attrs["title-classes"]]),
                 innerHTML: t.headerTitle
-              }, null, 10, N)
+              }, null, 10, V)
             ])
           ], 2),
           a("div", {
@@ -122,14 +124,14 @@ import '../assets/BaseModal.css';const I = (l, n) => new Promise((s, u) => {
           }, [
             d(t.$slots, "body", { closeModal: i })
           ], 2),
-          t.$slots.footer ? (c(), z("div", {
+          t.$slots.footer ? (c(), H("div", {
             key: 0,
             class: o(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", t.customModalFooterClasses])
           }, [
             d(t.$slots, "footer", { closeModal: i })
-          ], 2)) : y("", !0),
+          ], 2)) : h("", !0),
           d(t.$slots, "fixed-bottom")
-        ], 10, K)
+        ], 10, N)
       ], 2)
     ]));
   }

package/dist/index.js

@@ -28,7 +28,7 @@ import { default as ee } from "./BaseTextarea.js";
 import { default as re } from "./BaseToggle.js";
 import { default as te } from "./BaseTooltip.js";
 import { _ as fe } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.Dj2egDaT.js";
-import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.DRnvHI35.js";
+import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.DSPssuBQ.js";
 import { default as le } from "./BaseSnackbar.js";
 import { default as de } from "./StaticSpinner.js";
 import { default as ue } from "./BaseShimmerLoader.js";

package/package.json

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