@wikicasa-dev/components 1.5.0 → 1.5.2

package/dist/BaseAccordionContent.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
+import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.8ErZghvk.js";
 export {
   f as default
 };

package/dist/BaseAccordionItem.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.ofUooWrJ.js";
+import { _ as f } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.cWFIcTGL.js";
 export {
   f as default
 };

package/dist/BaseModal.js

@@ -1,19 +1,19 @@
 import './assets/BaseModal.css';
-import { defineComponent as v, ref as r, onBeforeMount as C, onMounted as M, watch as x, openBlock as k, createBlock as f, Teleport as B, createElementVNode as l, normalizeClass as i, withModifiers as g, withCtx as E, createVNode as $, unref as L, createCommentVNode as p, renderSlot as d, createElementBlock as H } from "vue";
+import { defineComponent as x, ref as r, watch as M, openBlock as k, createBlock as f, Teleport as B, createElementVNode as s, normalizeClass as i, withModifiers as g, withCtx as E, createVNode as L, unref as $, createCommentVNode as p, renderSlot as d, createElementBlock as T } from "vue";
 import "./chunks/js.cookie.BQua9eWh.js";
-import { _ as T } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
-import { l as z } from "./chunks/CloseIcon.DiRdm5zi.js";
-import { useBreakpoints as O } from "./useBreakpoints.js";
+import { _ as H } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
+import { l as O } from "./chunks/CloseIcon.DiRdm5zi.js";
+import { useBreakpoints as z } from "./useBreakpoints.js";
 import { _ as F } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-const I = (a, n) => new Promise((o, u) => {
+const I = (a, n) => new Promise((l, u) => {
   setTimeout(() => {
     try {
-      a && a(), o();
+      a && a(), l();
     } catch {
       u();
     }
   }, n);
-}), D = ["id", "data-cy"], N = ["innerHTML"], V = /* @__PURE__ */ v({
+}), K = ["id", "data-cy"], N = ["innerHTML"], V = /* @__PURE__ */ x({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
@@ -36,35 +36,32 @@ const I = (a, n) => new Promise((o, u) => {
   },
   emits: ["closed", "opened"],
   setup(a, { emit: n }) {
-    const o = a, u = n, { isSmall: m } = O(), e = r(!1), b = r(null), h = r(null);
-    C(() => {
-      e.value = o.showModal;
-    }), M(() => {
-      const t = (c) => {
-        c.key === "Escape" && (s(), document.body?.removeEventListener("keydown", t));
-      };
-      document.body?.addEventListener("keydown", t);
-    });
-    const y = async () => {
-      e.value = !0, document.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px"), u("opened"), o.autoClose !== void 0 && setTimeout(() => {
-        s();
-      }, o.autoClose);
-    }, w = async ({ target: t }) => {
-      !o.closeOnClickOut || m.value && !t.classList.contains("bbt-modal-wrapper") || //In mobile mode, the wrapper will be touched
-      !m.value && !t.classList.contains("bbt-backdrop") || await s();
-    }, s = async () => {
-      e.value = !1, document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), await I(() => {
+    const l = a, u = n, { isSmall: m } = z(), e = r(!1), b = r(null), y = r(null), c = ({ key: t }) => {
+      t === "Escape" && o();
+    }, h = () => {
+      document.body.addEventListener("keydown", c);
+    }, v = () => {
+      document.body.removeEventListener("keydown", c);
+    }, w = async () => {
+      e.value = !0, h(), document.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px"), u("opened"), l.autoClose !== void 0 && setTimeout(() => {
+        o();
+      }, l.autoClose);
+    }, C = async ({ target: t }) => {
+      !l.closeOnClickOut || m.value && !t.classList.contains("bbt-modal-wrapper") || //In mobile mode, the wrapper will be touched
+      !m.value && !t.classList.contains("bbt-backdrop") || await o();
+    }, o = async () => {
+      e.value = !1, v(), document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px"), await I(() => {
         u("closed");
       }, 250);
     };
-    return x(
-      () => o.showModal,
+    return M(
+      () => l.showModal,
       (t) => {
-        t ? y() : s();
+        t && !e.value && w(), !t && e.value && o(), e.value = t;
       },
       { immediate: !0 }
-    ), (t, c) => (k(), f(B, { to: "body" }, [
-      l("div", {
+    ), (t, _) => (k(), f(B, { to: "body" }, [
+      s("div", {
         ref_key: "backdropEl",
         ref: b,
         class: i(["bbt-backdrop uikit-fixed uikit-left-0 uikit-start-0 uikit-top-0 uikit-h-full uikit-w-full uikit-items-start uikit-justify-center uikit-overflow-y-auto uikit-px-0 uikit-pt-0 sm:uikit-px-5 sm:uikit-pt-[30px]", [
@@ -74,12 +71,12 @@ const I = (a, n) => new Promise((o, u) => {
           { "uikit-flex uikit-bg-transparent": !e.value }
         ]]),
         style: { "z-index": "1062" },
-        onClick: w
+        onClick: C
       }, [
-        l("dialog", {
+        s("dialog", {
           id: t.id,
           ref_key: "modalEl",
-          ref: h,
+          ref: y,
           "data-cy": t.$attrs["data-cy"],
           class: i(["custom-modal safe-bottom base-bt-modal transition-y !uikit-relative uikit-m-0 uikit-block uikit-h-full uikit-w-full uikit-overflow-x-hidden uikit-overflow-y-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-p-0 uikit-no-scrollbar max-sm:uikit-fixed max-sm:uikit-w-full max-sm:uikit-max-w-full max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none max-sm:uikit-border-0 sm:uikit-h-auto", [
             t.customModalClasses,
@@ -88,20 +85,20 @@ const I = (a, n) => new Promise((o, u) => {
             `base-${t.size}`
           ]])
         }, [
-          l("div", {
+          s("div", {
             class: i(["bbt-modal-wrapper uikit-relative uikit-h-full", [t.customModalDialogClasses]])
           }, [
-            l("div", {
+            s("div", {
               class: i(["uikit-modal-content uikit-fixed uikit-bottom-0 uikit-h-auto uikit-max-h-[90%] uikit-w-full uikit-overflow-x-hidden uikit-rounded uikit-bg-white uikit-py-0 uikit-no-scrollbar max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-relative sm:uikit-flex sm:uikit-flex-col sm:uikit-overflow-y-auto sm:uikit-py-0 sm:uikit-shadow-[0_3px_6px_#00000029]", [
                 t.customModalContentClasses,
                 "transition-y",
                 { "full-height-mobile": t.fullHeight }
               ]])
             }, [
-              l("div", {
+              s("div", {
                 class: i(["default-header uikit-border-0 uikit-px-4 sm:uikit-px-6", [t.customModalHeaderClasses]])
               }, [
-                t.withCloseIcon ? (k(), f(T, {
+                t.withCloseIcon ? (k(), f(H, {
                   key: 0,
                   id: "close-icon-btn",
                   "data-cy": "bbt-default-close-icon-btn",
@@ -109,10 +106,10 @@ const I = (a, n) => new Promise((o, u) => {
                   type: "button",
                   "aria-label": "Close",
                   "is-empty": !0,
-                  onClick: g(s, ["prevent", "stop"])
+                  onClick: g(o, ["prevent", "stop"])
                 }, {
                   default: E(() => [
-                    $(L(z), {
+                    L($(O), {
                       class: "bbt-close-icon uikit-p-5px",
                       width: 30,
                       height: 30
@@ -120,32 +117,32 @@ const I = (a, n) => new Promise((o, u) => {
                   ]),
                   _: 1
                 }, 8, ["class"])) : p("", !0),
-                d(t.$slots, "header", { closeModal: s }, () => [
-                  l("span", {
+                d(t.$slots, "header", { closeModal: o }, () => [
+                  s("span", {
                     class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", t.$attrs["title-classes"]]),
                     innerHTML: t.headerTitle
                   }, null, 10, N)
                 ], !0)
               ], 2),
-              l("div", {
+              s("div", {
                 class: i(["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", [t.customModalBodyClasses]])
               }, [
                 d(t.$slots, "body", {}, void 0, !0)
               ], 2),
-              t.withCustomFooter ? (k(), H("div", {
+              t.withCustomFooter ? (k(), T("div", {
                 key: 0,
                 class: i(["uikit-bbt-footer uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", t.customModalFooterClasses])
               }, [
-                d(t.$slots, "footer", { closeModal: s }, void 0, !0)
+                d(t.$slots, "footer", { closeModal: o }, void 0, !0)
               ], 2)) : p("", !0)
             ], 2)
           ], 2),
           d(t.$slots, "fixed-bottom", {}, void 0, !0)
-        ], 10, D)
+        ], 10, K)
       ], 2)
     ]));
   }
-}), A = /* @__PURE__ */ F(V, [["__scopeId", "data-v-9a5fbdbf"]]);
+}), G = /* @__PURE__ */ F(V, [["__scopeId", "data-v-7fc1eaab"]]);
 export {
-  A as default
+  G as default
 };

package/dist/assets/BaseModal.css

@@ -1 +1 @@
-.custom-modal[data-v-9a5fbdbf]{--modal-max-height: 690px;--modal-width-sm: 496px;--modal-width-md: 592px;--modal-width-lg: 670px;--modal-max-width: var(--modal-width-sm);max-width:var(--modal-max-width)}.base-modal-md[data-v-9a5fbdbf]{--modal-max-width: var(--modal-width-md)}.base-modal-lg[data-v-9a5fbdbf]{--modal-max-width: var(--modal-width-lg)}.base-modal-sm[data-v-9a5fbdbf],.base-modal-md[data-v-9a5fbdbf],.base-modal-lg[data-v-9a5fbdbf]{max-height:var(--modal-max-height)}@media not all and (min-width: 576px){.base-modal-sm[data-v-9a5fbdbf],.base-modal-md[data-v-9a5fbdbf],.base-modal-lg[data-v-9a5fbdbf]{max-height:none;max-width:none}}@media screen and (max-width: 576px){.base-modal-sm[data-v-9a5fbdbf],.base-modal-md[data-v-9a5fbdbf],.base-modal-lg[data-v-9a5fbdbf]{width:100%!important}}.base-modal-xxl[data-v-9a5fbdbf]{max-width:1500px}.base-modal-full[data-v-9a5fbdbf]{width:100%}.default-header[data-v-9a5fbdbf]{justify-content:space-between;padding-top:25px}.colored-backdrop[data-v-9a5fbdbf]{animation:backdrop-opacity-9a5fbdbf .3s ease-out 0s backwards;background-color:#b4c2f0b3}.custom-modal[data-v-9a5fbdbf]{will-change:transform}@media (min-width: 576px){.custom-modal.show.transition-y[data-v-9a5fbdbf]{animation:slide-down-9a5fbdbf .5s ease-out 0s backwards}}@media not all and (min-width: 576px){.custom-modal.show .uikit-modal-content.transition-y[data-v-9a5fbdbf]{animation:slide-up-9a5fbdbf .5s ease-out 0s backwards}}.custom-modal.closed[data-v-9a5fbdbf]{overflow-y:hidden!important}@media (min-width: 576px){.custom-modal.closed.transition-y[data-v-9a5fbdbf]{animation:slide-down-back-9a5fbdbf .25s both}}@media not all and (min-width: 576px){.custom-modal.closed .uikit-modal-content.transition-y[data-v-9a5fbdbf]{animation:slide-up-back-9a5fbdbf .25s both}}[data-v-9a5fbdbf] #close-icon-btn{position:absolute;right:15px;top:15px}@media not all and (min-width: 576px){.full-height-mobile[data-v-9a5fbdbf]{height:95%;max-height:none}}@keyframes slide-up-9a5fbdbf{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-up-back-9a5fbdbf{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-down-9a5fbdbf{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down-back-9a5fbdbf{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes backdrop-opacity-9a5fbdbf{0%{opacity:0}to{opacity:1}}
+.custom-modal[data-v-7fc1eaab]{--modal-max-height: 690px;--modal-width-sm: 496px;--modal-width-md: 592px;--modal-width-lg: 670px;--modal-max-width: var(--modal-width-sm);max-width:var(--modal-max-width)}.base-modal-md[data-v-7fc1eaab]{--modal-max-width: var(--modal-width-md)}.base-modal-lg[data-v-7fc1eaab]{--modal-max-width: var(--modal-width-lg)}.base-modal-sm[data-v-7fc1eaab],.base-modal-md[data-v-7fc1eaab],.base-modal-lg[data-v-7fc1eaab]{max-height:var(--modal-max-height)}@media not all and (min-width: 576px){.base-modal-sm[data-v-7fc1eaab],.base-modal-md[data-v-7fc1eaab],.base-modal-lg[data-v-7fc1eaab]{max-height:none;max-width:none}}@media screen and (max-width: 576px){.base-modal-sm[data-v-7fc1eaab],.base-modal-md[data-v-7fc1eaab],.base-modal-lg[data-v-7fc1eaab]{width:100%!important}}.base-modal-xxl[data-v-7fc1eaab]{max-width:1500px}.base-modal-full[data-v-7fc1eaab]{width:100%}.default-header[data-v-7fc1eaab]{justify-content:space-between;padding-top:25px}.colored-backdrop[data-v-7fc1eaab]{animation:backdrop-opacity-7fc1eaab .3s ease-out 0s backwards;background-color:#b4c2f0b3}.custom-modal[data-v-7fc1eaab]{will-change:transform}@media (min-width: 576px){.custom-modal.show.transition-y[data-v-7fc1eaab]{animation:slide-down-7fc1eaab .5s ease-out 0s backwards}}@media not all and (min-width: 576px){.custom-modal.show .uikit-modal-content.transition-y[data-v-7fc1eaab]{animation:slide-up-7fc1eaab .5s ease-out 0s backwards}}.custom-modal.closed[data-v-7fc1eaab]{overflow-y:hidden!important}@media (min-width: 576px){.custom-modal.closed.transition-y[data-v-7fc1eaab]{animation:slide-down-back-7fc1eaab .25s both}}@media not all and (min-width: 576px){.custom-modal.closed .uikit-modal-content.transition-y[data-v-7fc1eaab]{animation:slide-up-back-7fc1eaab .25s both}}[data-v-7fc1eaab] #close-icon-btn{position:absolute;right:15px;top:15px}@media not all and (min-width: 576px){.full-height-mobile[data-v-7fc1eaab]{height:95%;max-height:none}}@keyframes slide-up-7fc1eaab{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-up-back-7fc1eaab{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-down-7fc1eaab{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down-back-7fc1eaab{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes backdrop-opacity-7fc1eaab{0%{opacity:0}to{opacity:1}}

package/dist/chunks/{BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js → BaseAccordionContent.vue_vue_type_script_setup_true_lang.8ErZghvk.js}

@@ -1,32 +1,30 @@
-import { defineComponent as t, openBlock as n, createElementBlock as r, normalizeClass as s, renderSlot as o, createElementVNode as e } from "vue";
-const a = ["id", "aria-labelledby"], d = { class: "uikit-overflow-hidden" }, c = { class: "uikit-mb-0" }, k = /* @__PURE__ */ t({
+import { defineComponent as e, openBlock as t, createElementBlock as n, normalizeClass as r, renderSlot as o, createElementVNode as a } from "vue";
+const s = ["id", "aria-labelledby"], d = { class: "uikit-overflow-hidden" }, u = /* @__PURE__ */ e({
   inheritAttrs: !1,
   __name: "BaseAccordionContent",
   props: {
     id: {},
     accordionOpen: { type: Boolean }
   },
-  setup(l) {
-    return (i, p) => (n(), r("div", {
+  setup(c) {
+    return (i, l) => (t(), n("div", {
       id: `accordion-text-${i.id}`,
       role: "region",
       "aria-labelledby": `accordion-title-${i.id}`,
-      class: s(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
+      class: r(["uikit-grid uikit-overflow-hidden uikit-px-5 uikit-text-sm uikit-text-w-black uikit-transition-[grid-template-rows,opacity,padding,margin] uikit-duration-300 uikit-ease-in-out", [
         i.accordionOpen ? i.$attrs["accordion-open-classes"] : i.$attrs["accordion-close-classes"],
         i.accordionOpen ? "uikit-grid-rows-[1fr] uikit-opacity-100" : "uikit-grid-rows-[0fr] uikit-opacity-0",
         i.$attrs["accordion-classes"]
       ]])
     }, [
       o(i.$slots, "custom_accordion_content", { isOpen: i.accordionOpen }, () => [
-        e("div", d, [
-          e("p", c, [
-            o(i.$slots, "default", { isOpen: i.accordionOpen })
-          ])
+        a("div", d, [
+          o(i.$slots, "default", { isOpen: i.accordionOpen })
         ])
       ])
-    ], 10, a));
+    ], 10, s));
   }
 });
 export {
-  k as _
+  u as _
 };

package/dist/chunks/{BaseAccordionItem.vue_vue_type_script_setup_true_lang.ofUooWrJ.js → BaseAccordionItem.vue_vue_type_script_setup_true_lang.cWFIcTGL.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, ref as w, watch as d, openBlock as r, createElementBlock as u, normalizeClass as c, createElementVNode as p, withModifiers as b, createVNode as m, unref as v, createBlock as h, withCtx as i, renderSlot as s, createCommentVNode as C } from "vue";
 import { d as y } from "./ArrowIcon.CklBXJPN.js";
-import { _ as g } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
+import { _ as g } from "./BaseAccordionContent.vue_vue_type_script_setup_true_lang.8ErZghvk.js";
 import { _ as O } from "./BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CrVwjQqr.js";
 const B = { key: 0 }, E = ["id", "data-cy", "aria-expanded", "aria-controls"], A = ["itemprop", "innerHTML"], H = /* @__PURE__ */ f({
   inheritAttrs: !1,

package/dist/index.js

@@ -1,8 +1,8 @@
 import './assets/index.css';
 import { _ as a } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.CoE2D2rV.js";
 import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CrVwjQqr.js";
-import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
-import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.ofUooWrJ.js";
+import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.8ErZghvk.js";
+import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.cWFIcTGL.js";
 import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { default as B } from "./CheckboxBtn.js";
 import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";

package/package.json

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