@wikicasa-dev/components 1.3.4 → 1.3.6

package/dist/AccessibleSelect.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
+import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.DB7G0w8N.js";
 export {
   f as default
 };

package/dist/BaseAutocomplete.js

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

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

@@ -10,6 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         valid: string;
         invalid: string;
     }> | undefined;
+    /**
+     * If true, we will close the dropdown when we touch the body of the document
+     */
+    closeOnBodyPressed?: boolean | undefined;
 }>, {
     modelValue: () => {
         id: string;
@@ -18,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     dropdownPosition: string;
     isValid: null;
+    closeOnBodyPressed: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: AccessibleSelectOptions) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -31,6 +36,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         valid: string;
         invalid: string;
     }> | undefined;
+    /**
+     * If true, we will close the dropdown when we touch the body of the document
+     */
+    closeOnBodyPressed?: boolean | undefined;
 }>, {
     modelValue: () => {
         id: string;
@@ -39,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     dropdownPosition: string;
     isValid: null;
+    closeOnBodyPressed: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((args_0: AccessibleSelectOptions) => any) | undefined;
 }, {
@@ -46,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isValid: boolean | null;
     modelValue: AccessibleSelectOptions;
     dropdownPosition: "top" | "bottom";
+    closeOnBodyPressed: boolean;
 }, {}>, {
     lefticon?(_: {}): any;
 }>;

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

@@ -42,6 +42,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    closeDropdownOnBodyPressed: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {
     select: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -91,6 +95,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    closeDropdownOnBodyPressed: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
     onClick?: (() => any) | undefined;
@@ -106,6 +114,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableCb: boolean;
     onOptionSelectedCb: Nullable<(v: AccessibleSelectOptions) => void>;
     cleanupOnClose: boolean;
+    closeDropdownOnBodyPressed: boolean;
 }, {}>, {
     lefticon?(_: {}): any;
     righticon?(_: {

package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.DB7G0w8N.js}

@@ -1,9 +1,9 @@
-import { h as V, ref as L, onMounted as E, onUnmounted as T, unref as v, defineComponent as C, computed as F, watch as A, openBlock as u, createElementBlock as d, Fragment as H, createElementVNode as l, normalizeClass as n, createCommentVNode as m, renderSlot as B, withModifiers as w, createBlock as D, createVNode as P, renderList as q } from "vue";
-import { d as z } from "./ArrowIcon.CklBXJPN.js";
-import { o as N } from "./DefaultValues-k7iQWtC2.CPFgoBrE.js";
-const S = (o, { attrs: s }) => {
-  o = { ...N(), ...o };
-  const { width: a, height: i } = o;
+import { h as V, ref as L, onMounted as E, onUnmounted as T, unref as v, defineComponent as B, computed as C, watch as F, openBlock as u, createElementBlock as d, Fragment as H, createElementVNode as l, normalizeClass as o, createCommentVNode as m, renderSlot as P, withModifiers as w, createBlock as A, createVNode as D, renderList as O } from "vue";
+import { d as q } from "./ArrowIcon.CklBXJPN.js";
+import { o as z } from "./DefaultValues-k7iQWtC2.CPFgoBrE.js";
+const N = (s, { attrs: n }) => {
+  s = { ...z(), ...s };
+  const { width: a, height: i } = s;
   return V(
     "svg",
     {
@@ -11,10 +11,10 @@ const S = (o, { attrs: s }) => {
       viewBox: "0 0 11.175 13.409",
       width: `${a}`,
       height: `${i}`,
-      class: o.class ?? "",
-      "aria-hidden": s["aria-hidden"] ?? "true",
+      class: s.class ?? "",
+      "aria-hidden": n["aria-hidden"] ?? "true",
       fill: "none",
-      stroke: s["stroke-color"] ?? "#FA4F64"
+      stroke: n["stroke-color"] ?? "#FA4F64"
     },
     [
       V("circle", {
@@ -30,15 +30,15 @@ const S = (o, { attrs: s }) => {
         cx: 6,
         cy: 8.2,
         r: 0.6,
-        fill: s["stroke-color"] ?? "#FA4F64",
+        fill: n["stroke-color"] ?? "#FA4F64",
         stroke: "none"
       })
     ]
   );
-}, U = (o) => {
-  const { isDropdownOpen: s, disableSpaceHandler: a } = o, i = L(-1), f = L(-1), $ = (t) => {
+}, S = (s) => {
+  const { isDropdownOpen: n, disableSpaceHandler: a } = s, i = L(-1), f = L(-1), $ = (t) => {
     const k = "ArrowUp", g = "ArrowDown", b = "Enter", h = "Escape", e = " ", p = "PageUp", r = "Home", c = "PageDown", y = "End";
-    if (!s.value || ![
+    if (!n.value || ![
       k,
       g,
       b,
@@ -50,7 +50,7 @@ const S = (o, { attrs: s }) => {
       y
     ].includes(t.key))
       return;
-    const M = v(o.optionsLength);
+    const M = v(s.optionsLength);
     if (t.key === k)
       i.value = i.value === 0 ? M - 1 : i.value - 1;
     else if (t.key === g)
@@ -58,9 +58,9 @@ const S = (o, { attrs: s }) => {
     else if (t.key === b || t.key === e) {
       if (t.key === e && a)
         return;
-      f.value = i.value, s.value = !1;
+      f.value = i.value, n.value = !1;
     } else
-      t.key === h ? (i.value = f.value, s.value = !1) : t.key === p || t.key === r ? i.value = 0 : (t.key === c || t.key === y) && (i.value = M - 1);
+      t.key === h ? (i.value = f.value, n.value = !1) : t.key === p || t.key === r ? i.value = 0 : (t.key === c || t.key === y) && (i.value = M - 1);
     t.stopPropagation(), t.preventDefault();
   };
   return E(() => {
@@ -71,7 +71,7 @@ const S = (o, { attrs: s }) => {
     activeIdx: i,
     selectedIdx: f
   };
-}, j = ["id", "innerHTML"], I = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], O = ["innerHTML"], Y = { class: "uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], K = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, R = ["name", "checked", "onInput"], W = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], ie = /* @__PURE__ */ C({
+}, U = ["id", "innerHTML"], j = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], I = ["innerHTML"], Y = { class: "uikit-inline-flex" }, G = ["innerHTML"], J = ["data-cy"], K = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, R = ["name", "checked", "onInput"], W = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], ie = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
   props: {
@@ -84,47 +84,48 @@ const S = (o, { attrs: s }) => {
       label: ""
     }) },
     isValid: { type: [Boolean, null], default: null },
-    feedback: {}
+    feedback: {},
+    closeOnBodyPressed: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: s }) {
-    const a = o, i = L(!1), f = L(null), $ = F(() => !!a.modelValue.label), t = s, { activeIdx: k, selectedIdx: g } = U({
+  setup(s, { emit: n }) {
+    const a = s, i = L(!1), f = L(null), $ = C(() => !!a.modelValue.label), t = n, { activeIdx: k, selectedIdx: g } = S({
       optionsLength: a.options.length,
       isDropdownOpen: i
     }), b = (e) => {
       i.value = !1, t("update:modelValue", e);
     };
-    A(g, (e) => {
+    F(g, (e) => {
       b(a.options[e]), i.value = !1;
     });
     const h = () => {
       i.value = !1;
     };
     return E(() => {
-      document && document.addEventListener("click", h);
+      a.closeOnBodyPressed && document && document.addEventListener("click", h);
     }), T(() => {
-      document && document.removeEventListener("click", h);
+      a.closeOnBodyPressed && document && document.removeEventListener("click", h);
     }), (e, p) => (u(), d(H, null, [
       l("div", {
-        class: n(["uikit-relative uikit-flex uikit-items-center", [e.label ? "uikit-h-[52px]" : "uikit-h-[42px]", e.$attrs.class]])
+        class: o(["uikit-relative uikit-flex uikit-items-center", [e.label ? "uikit-h-[52px]" : "uikit-h-[42px]", e.$attrs.class]])
       }, [
         e.label ? (u(), d("label", {
           key: 0,
           id: `${e.namespace}_label`,
-          class: n(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
+          class: o(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
             $.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-left-4 uikit-top-4 uikit-text-w-gray",
             e.$attrs["label-classes"]
           ]]),
           innerHTML: e.label
-        }, null, 10, j)) : m("", !0),
-        B(e.$slots, "lefticon"),
+        }, null, 10, U)) : m("", !0),
+        P(e.$slots, "lefticon"),
         l("button", {
           id: `${e.namespace}_btn`,
           ref_key: "btnEl",
           ref: f,
           type: "button",
           "data-cy": e.$attrs["data-cy"],
-          class: n(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0", e.$attrs["btn-classes"]]),
+          class: o(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0", e.$attrs["btn-classes"]]),
           "aria-required": !!e.$attrs.required,
           role: "combobox",
           "aria-haspopup": "listbox",
@@ -137,27 +138,27 @@ const S = (o, { attrs: s }) => {
           onClick: p[0] || (p[0] = w((r) => i.value = !i.value, ["stop"]))
         }, [
           l("span", {
-            class: n(e.$attrs["btn-text-classes"]),
+            class: o(e.$attrs["btn-text-classes"]),
             innerHTML: e.modelValue.visibleLabel || e.modelValue.label
-          }, null, 10, O),
+          }, null, 10, I),
           l("span", Y, [
-            a.isValid == !1 ? (u(), D(v(S), {
+            a.isValid == !1 ? (u(), A(v(N), {
               key: 0,
               class: "uikit-mr-1",
               width: 20,
               height: 20
             })) : m("", !0),
-            P(v(z), {
-              class: n(["uikit-transition-transform motion-reduce:uikit-transition-none", i.value && "uikit-rotate-180"]),
+            D(v(q), {
+              class: o(["uikit-transition-transform motion-reduce:uikit-transition-none", i.value && "uikit-rotate-180"]),
               width: 18,
               height: 18,
               "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : "#222"
             }, null, 8, ["class", "stroke-color"])
           ])
-        ], 10, I),
+        ], 10, j),
         l("fieldset", {
           "aria-hidden": "true",
-          class: n(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-box-border uikit-cursor-pointer uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger", [
+          class: o(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-box-border uikit-cursor-pointer uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger", [
             e.label ? "uikit-h-12" : "uikit-h-[42px]",
             e.$attrs["fieldset-classes"],
             e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary"
@@ -165,10 +166,10 @@ const S = (o, { attrs: s }) => {
         }, [
           e.label ? (u(), d("legend", {
             key: 0,
-            class: n([e.$attrs["legend-classes"], "uikit-ml-2 uikit-h-3 uikit-px-0"])
+            class: o([e.$attrs["legend-classes"], "uikit-ml-2 uikit-h-3 uikit-px-0"])
           }, [
             l("span", {
-              class: n(["uikit-mx-5px", e.modelValue.label ? "uikit-invisible" : "uikit-hidden"]),
+              class: o(["uikit-mx-5px", e.modelValue.label ? "uikit-invisible" : "uikit-hidden"]),
               innerHTML: e.label
             }, null, 10, G)
           ], 2)) : m("", !0)
@@ -178,7 +179,7 @@ const S = (o, { attrs: s }) => {
           role: "listbox",
           tabindex: -1,
           "aria-multiselectable": !1,
-          class: n(["uikit-absolute uikit-z-10 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
+          class: o(["uikit-absolute uikit-z-10 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
             { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !i.value },
             {
               "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": i.value
@@ -190,12 +191,12 @@ const S = (o, { attrs: s }) => {
           onClick: p[1] || (p[1] = w(() => {
           }, ["stop"]))
         }, [
-          (u(!0), d(H, null, q(e.options, (r, c) => (u(), d("li", {
+          (u(!0), d(H, null, O(e.options, (r, c) => (u(), d("li", {
             id: `${e.namespace}_element_${e.options[c].label}`,
             key: `${r.label}_${c}`,
             role: "option",
             "aria-selected": v(k) === c,
-            class: n(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.$attrs["dropdown-item-classes"]]),
+            class: o(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.$attrs["dropdown-item-classes"]]),
             onClick: w((y) => b(r), ["stop"]),
             onMouseover: w((y) => k.value = c, ["stop"])
           }, [

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

@@ -1,19 +1,19 @@
-import { defineComponent as H, mergeModels as S, useModel as z, ref as s, computed as f, onBeforeMount as E, watch as C, openBlock as g, createBlock as V, normalizeClass as J, withCtx as c, createVNode as K, renderSlot as O, createElementBlock as U, Fragment as A, renderList as F, unref as P, 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 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 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(u, k) {
+function R(d, k) {
   return (...v) => new Promise((l, n) => {
-    u.id && clearTimeout(u.id), u.id = setTimeout(() => {
+    d.id && clearTimeout(d.id), d.id = setTimeout(() => {
       try {
         const i = k(...v);
         l(i);
       } catch (i) {
         n(i);
       }
-    }, u.delay);
+    }, d.delay);
   });
 }
 const X = ["innerHTML"], oe = /* @__PURE__ */ H({
@@ -28,7 +28,8 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     onOptionSelectedCb: { default: null },
     keepState: { default: null },
     cleanupOnClose: { type: Boolean, default: !0 },
-    dropdownClasses: { default: "" }
+    dropdownClasses: { default: "" },
+    closeDropdownOnBodyPressed: { type: Boolean, default: !0 }
   }, {
     modelValue: {
       default() {
@@ -38,13 +39,13 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ S(["dropdownClosed", "changedValue", "click", "keydown"], ["update:modelValue"]),
-  setup(u, { expose: k, emit: v }) {
-    const l = u, n = z(u, "modelValue"), i = v, d = s(""), o = s([]), m = s(null), p = s(!1), t = s(!1), y = s(null), B = f(() => o.value.length);
-    E(() => {
-      d.value = n.value?.label || "", m.value = R({ delay: 300 }, l.onInputChangeCb);
+  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);
+    z(() => {
+      u.value = n.value?.label || "", m.value = R({ delay: 300 }, l.onInputChangeCb);
     });
     const { activeIdx: h, selectedIdx: w } = Q({
-      optionsLength: B,
+      optionsLength: O,
       isDropdownOpen: t,
       disableSpaceHandler: !0
     }), M = f(() => {
@@ -69,7 +70,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         default:
           return "";
       }
-    }), T = f(() => {
+    }), 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) {
         case "bordered":
@@ -81,21 +82,21 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         default:
           return "";
       }
-    }), L = async (e) => {
-      if (d.value !== e && (i("changedValue", e), d.value = e, !!l.onInputChangeCb)) {
-        if (n.value && !e && (n.value.label = "", t.value = !1), !e || p.value) {
-          o.value = [], p.value = !1, w.value = -1, h.value = -1, await m.value(null);
+    }), T = async (e) => {
+      if (u.value !== e && (i("changedValue", e), u.value = e, !!l.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);
           return;
         }
-        l.disableCb || (o.value = await m.value(e), console.log({ options: JSON.parse(JSON.stringify(o.value)) }), o.value.length && (t.value = !0));
+        l.disableCb || (o.value = await m.value(e), console.log({ options: JSON.parse(JSON.stringify(o.value)) }), t.value = !!o.value.length);
       }
     }, $ = (e, a) => {
-      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (o.value = []), p.value = !0, d.value = e.label, n.value = e, t.value = !1, w.value = a;
-    }, N = () => {
+      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;
+    }, L = () => {
       o.value.length && l.keepState !== "closed" && (t.value = !0);
     };
     return C(n, (e, a) => {
-      e !== a && (d.value = e?.label || "");
+      e !== a && (u.value = e?.label || "");
     }), C(w, (e) => {
       if (e === -1 || !o.value.length)
         return;
@@ -111,7 +112,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         y.value?.select();
       }
     }), (e, a) => (g(), V(q, {
-      class: J(e.$attrs["root-classes"]),
+      class: E(e.$attrs["root-classes"]),
       "data-cy": `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
@@ -121,7 +122,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         {
           "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !e.theme
         },
-        T.value,
+        D.value,
         "!uikit-max-h-[210px] uikit-z-10",
         e.dropdownClasses
       ],
@@ -129,11 +130,12 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
       "keep-state": !o.value.length || l.keepState === "closed" ? "closed" : "opened",
       "onUpdate:dropdownState": a[1] || (a[1] = (r) => t.value = r),
       onClick: a[2] || (a[2] = (r) => {
-        i("click"), N();
-      })
+        i("click"), L();
+      }),
+      "close-when-clicked-outside": e.closeDropdownOnBodyPressed
     }, {
       btn_slot: c(() => [
-        K(j, {
+        J(j, {
           id: `ac_input_${e.$attrs.id}`,
           ref_key: "baseInput",
           ref: y,
@@ -149,26 +151,26 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
           radius: !e.theme || e.theme === "bordered",
           "input-class": [M.value, e.$attrs["input-classes"]],
           "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
-          "keep-floating-label": !!d.value,
-          "onUpdate:modelValue": L,
+          "keep-floating-label": !!u.value,
+          "onUpdate:modelValue": T,
           onKeydown: a[0] || (a[0] = (r) => i("keydown", r))
         }, {
           leftIcon: c(() => [
-            O(e.$slots, "lefticon")
+            B(e.$slots, "lefticon")
           ]),
           righticon: c(({ handleClean: r }) => [
-            O(e.$slots, "righticon", { handleClean: r })
+            B(e.$slots, "righticon", { handleClean: r })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "border", "radius", "input-class", "fieldset-classes", "keep-floating-label"])
       ]),
       default: c(() => [
-        (g(!0), U(A, null, F(o.value, (r, b) => (g(), V(G, {
+        (g(!0), K(U, null, A(o.value, (r, b) => (g(), V(G, {
           key: b,
-          active: P(h) === b,
+          active: F(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (D) => $(r, b),
-          onMouseover: (D) => h.value = b
+          onClick: (N) => $(r, b),
+          onMouseover: (N) => h.value = b
         }, {
           default: c(() => [
             W("span", {
@@ -179,7 +181,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ H({
         }, 1032, ["active", "onClick", "onMouseover"]))), 128))
       ]),
       _: 3
-    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state"]));
+    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state", "close-when-clicked-outside"]));
   }
 });
 export {

package/dist/index.js

@@ -8,9 +8,9 @@ import { default as B } from "./CheckboxBtn.js";
 import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";
 import { _ as c } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
 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.lyHlWiC5.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.CnyHYNUi.js";
+import { _ as T } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D5NYtmuS.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.4",
+  "version": "1.3.6",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",