@wikicasa-dev/components 1.3.6 → 1.4.1

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D5NYtmuS.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DbIX6YbP.js";
 export {
   f as default
 };

package/dist/BaseModal.js

@@ -5,7 +5,7 @@ import { _ as M } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.
 import { l as v } from "./chunks/CloseIcon.DiRdm5zi.js";
 import { useBreakpoints as g } from "./useBreakpoints.js";
 import { _ as x } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-const B = (t, i) => new Promise((s, l) => {
+const $ = (t, i) => new Promise((s, l) => {
   setTimeout(() => {
     try {
       t && t(), s();
@@ -13,14 +13,14 @@ const B = (t, i) => new Promise((s, l) => {
       l();
     }
   }, i);
-}), E = [
+}), B = [
   "modal-sm",
   "modal-md",
   "modal-lg",
   "modal-xl",
   "modal-xxl",
   "modal-desktop"
-], $ = b({
+], E = b({
   components: { BaseButton: M, CloseIcon: v },
   props: {
     id: { type: String, default: "base-bt-modal" },
@@ -87,8 +87,8 @@ const B = (t, i) => new Promise((s, l) => {
       t?.classList.add("uikit-flex", "colored-backdrop");
       let s = this.customModalDialogClasses || "";
       s += ` ${this.size}`;
-      const l = s.split(" ").find((u) => E.includes(u));
-      i?.classList.add("show", `base-${l}`), this.autoClose !== void 0 && setTimeout(() => {
+      const l = s.split(" ").find((u) => B.includes(u));
+      i?.classList.add("show", `base-${l}`), this.$emit("opened"), this.autoClose !== void 0 && setTimeout(() => {
         this.closeModal();
       }, this.autoClose);
     },
@@ -98,7 +98,7 @@ const B = (t, i) => new Promise((s, l) => {
     },
     /** Closes the modal with a transition */
     async closeModal() {
-      this.backdropEl.classList.remove("colored-backdrop"), this.backdropEl.classList.add("uikit-flex", "uikit-bg-transparent"), this.modalEl.classList.remove("show"), this.modalEl.classList.add("closed", "uikit-overflow-hidden"), document && document.body.classList.remove("no-scrolling"), await B(() => {
+      this.backdropEl.classList.remove("colored-backdrop"), this.backdropEl.classList.add("uikit-flex", "uikit-bg-transparent"), this.modalEl.classList.remove("show"), this.modalEl.classList.add("closed", "uikit-overflow-hidden"), document && document.body.classList.remove("no-scrolling"), await $(() => {
         this.$emit("closed");
       }, 250);
     },
@@ -182,7 +182,7 @@ function O(t, i, s, l, u, H) {
     ], 2)
   ]);
 }
-const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-68392dc5"]]);
+const V = /* @__PURE__ */ x(E, [["render", O], ["__scopeId", "data-v-3f7206dc"]]);
 export {
   V as default
 };

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

@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     keydown: (args_0: KeyboardEvent) => void;
-    dropdownClosed: (args_0: boolean) => void;
+    "update:dropdownState": (args_0: boolean) => void;
     changedValue: (args_0: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue").PropType<ModelValueType<unknown> | undefined>;
@@ -102,7 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onClick?: (() => any) | undefined;
-    onDropdownClosed?: ((args_0: boolean) => any) | undefined;
+    "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
     onChangedValue?: ((args_0: string) => any) | undefined;
 }, {
     label: string;

package/dist/assets/BaseModal.css

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

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.D5NYtmuS.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.DbIX6YbP.js}

@@ -1,15 +1,15 @@
-import { defineComponent as H, mergeModels as S, useModel as P, ref as s, computed as f, onBeforeMount as z, watch as C, openBlock as g, createBlock as V, normalizeClass as E, withCtx as c, createVNode as J, renderSlot as B, createElementBlock as K, Fragment as U, renderList as A, unref as F, createElementVNode as W } from "vue";
+import { defineComponent as H, mergeModels as S, useModel as P, ref as s, computed as f, onBeforeMount as z, watch as k, openBlock as g, createBlock as V, normalizeClass as E, withCtx as c, createVNode as J, renderSlot as B, createElementBlock as K, Fragment as U, renderList as A, unref as F, createElementVNode as W } from "vue";
 import j from "../BaseInput.js";
 import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.BTIpnAy4.js";
 import "./js.cookie.BQua9eWh.js";
 import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
 import { useKeyboardController as Q } from "../useKeyboardController.js";
-function R(d, k) {
-  return (...v) => new Promise((l, n) => {
+function R(d, v) {
+  return (...m) => new Promise((t, n) => {
     d.id && clearTimeout(d.id), d.id = setTimeout(() => {
       try {
-        const i = k(...v);
-        l(i);
+        const i = v(...m);
+        t(i);
       } catch (i) {
         n(i);
       }
@@ -38,41 +38,41 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["dropdownClosed", "changedValue", "click", "keydown"], ["update:modelValue"]),
-  setup(d, { expose: k, emit: v }) {
-    const l = d, n = P(d, "modelValue"), i = v, u = s(""), o = s([]), m = s(null), p = s(!1), t = s(!1), y = s(null), O = f(() => o.value.length);
+  emits: /* @__PURE__ */ S(["update:dropdownState", "changedValue", "click", "keydown"], ["update:modelValue"]),
+  setup(d, { expose: v, emit: m }) {
+    const t = d, n = P(d, "modelValue"), i = m, u = s(""), o = s([]), h = s(null), p = s(!1), l = s(!1), y = s(null), O = f(() => o.value.length);
     z(() => {
-      u.value = n.value?.label || "", m.value = R({ delay: 300 }, l.onInputChangeCb);
+      u.value = n.value?.label || "", h.value = R({ delay: 300 }, t.onInputChangeCb);
     });
-    const { activeIdx: h, selectedIdx: w } = Q({
+    const { activeIdx: w, selectedIdx: C } = Q({
       optionsLength: O,
-      isDropdownOpen: t,
+      isDropdownOpen: l,
       disableSpaceHandler: !0
     }), M = f(() => {
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "";
         case "all-bordered":
-          return "uikit-rounded " + (t.value && "uikit-rounded-b-none");
+          return "uikit-rounded " + (l.value && "uikit-rounded-b-none");
         case "all-bordered-thick":
-          return "uikit-rounded-xl !uikit-h-[60px] " + (t.value && "uikit-rounded-b-none");
+          return "uikit-rounded-xl !uikit-h-[60px] " + (l.value && "uikit-rounded-b-none");
         default:
           return "";
       }
     }), I = f(() => {
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "";
         case "all-bordered":
-          return "uikit-border uikit-border-w-lavender uikit-border-solid uikit-rounded " + (t.value ? "uikit-border-b-0 uikit-rounded-b-none" : "");
+          return "uikit-border uikit-border-w-lavender uikit-border-solid uikit-rounded " + (l.value ? "uikit-border-b-0 uikit-rounded-b-none" : "");
         case "all-bordered-thick":
-          return "uikit-rounded-xl !uikit-h-[60px]" + (t.value && "uikit-rounded-b-none");
+          return "uikit-rounded-xl !uikit-h-[60px]" + (l.value && "uikit-rounded-b-none");
         default:
           return "";
       }
     }), D = f(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
         case "all-bordered":
@@ -83,31 +83,33 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
           return "";
       }
     }), T = async (e) => {
-      if (u.value !== e && (i("changedValue", e), u.value = e, !!l.onInputChangeCb)) {
+      if (u.value !== e && (i("changedValue", e), u.value = e, !!t.onInputChangeCb)) {
         if (!e || p.value) {
-          o.value = [], p.value = !1, w.value = -1, h.value = -1, n.value && (n.value.label = ""), t.value = !1, await m.value(null);
+          o.value = [], p.value = !1, C.value = -1, w.value = -1, n.value && (n.value.label = ""), l.value = !1, await h.value(null);
           return;
         }
-        l.disableCb || (o.value = await m.value(e), console.log({ options: JSON.parse(JSON.stringify(o.value)) }), t.value = !!o.value.length);
+        t.disableCb || (o.value = await h.value(e), console.log({ options: JSON.parse(JSON.stringify(o.value)) }), l.value = !!o.value.length);
       }
     }, $ = (e, a) => {
-      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (o.value = []), p.value = !0, u.value = e.label, n.value = e, t.value = !1, w.value = a;
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (o.value = []), p.value = !0, u.value = e.label, n.value = e, l.value = !1, C.value = a;
     }, L = () => {
-      o.value.length && l.keepState !== "closed" && (t.value = !0);
+      o.value.length && t.keepState !== "closed" && (l.value = !0);
     };
-    return C(n, (e, a) => {
+    return k(n, (e, a) => {
       e !== a && (u.value = e?.label || "");
-    }), C(w, (e) => {
+    }), k(C, (e) => {
       if (e === -1 || !o.value.length)
         return;
       const a = o.value[e];
       p.value && a.label === n.value?.label || $(a, e);
-    }), C(
-      () => l.keepState,
+    }), k(
+      () => t.keepState,
       (e) => {
-        e === "closed" ? (t.value = !1, l.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (t.value = !0), i("dropdownClosed", t.value);
+        e === "closed" ? (l.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (l.value = !0);
       }
-    ), k({
+    ), k(l, (e) => {
+      i("update:dropdownState", e);
+    }), v({
       select: () => {
         y.value?.select();
       }
@@ -126,9 +128,9 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         "!uikit-max-h-[210px] uikit-z-10",
         e.dropdownClasses
       ],
-      "open-dropdown": t.value,
-      "keep-state": !o.value.length || l.keepState === "closed" ? "closed" : "opened",
-      "onUpdate:dropdownState": a[1] || (a[1] = (r) => t.value = r),
+      "open-dropdown": l.value,
+      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "onUpdate:dropdownState": a[1] || (a[1] = (r) => l.value = r),
       onClick: a[2] || (a[2] = (r) => {
         i("click"), L();
       }),
@@ -167,10 +169,10 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
       default: c(() => [
         (g(!0), K(U, null, A(o.value, (r, b) => (g(), V(G, {
           key: b,
-          active: F(h) === b,
+          active: F(w) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
           onClick: (N) => $(r, b),
-          onMouseover: (N) => h.value = b
+          onMouseover: (N) => w.value = b
         }, {
           default: c(() => [
             W("span", {

package/dist/index.js

@@ -10,7 +10,7 @@ import { _ as c } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang
 import { _ as b } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.C-jm5z4e.js";
 import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.DB7G0w8N.js";
 import { _ as C } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
-import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D5NYtmuS.js";
+import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DbIX6YbP.js";
 import { _ as w } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as k } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BrJbAMJ8.js";
 import { _ as F } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";

package/package.json

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