@wikicasa-dev/components 2.0.47 → 2.0.50

package/dist/AccessibleSelect.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.B8fWfyF7.js";
+import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.tcyWuhKm.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.CThPNixl.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.B31Vyyn6.js";
 export {
   f as default
 };

package/dist/BaseDropDown.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.CDb77c8J.js";
+import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.CpbjEyOl.js";
 export {
   f as default
 };

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

@@ -2,9 +2,11 @@ import { AccessibleSelectOptions } from './types';
 import { ClassType, Optional } from '@wikicasa-dev/types';
 declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
         readonly "onUpdate:toggleDropdown"?: ((toggleDropdown: Optional<boolean>) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:toggleDropdown"> & ({
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onUpdate:modelValue" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
         modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
         toggleDropdown?: Optional<boolean>;
     } & {
@@ -43,7 +45,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
     slots: {
         lefticon?(_: {}): any;
     };
-    emit: {
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & {
         'update:modelValue': [modelValue: Optional<AccessibleSelectOptions<T, LabelID>>];
         'update:toggleDropdown': [toggleDropdown: Optional<boolean>];
     };

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

@@ -4,11 +4,11 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onClick?: (() => any) | undefined;
         readonly "onUpdate:modelValue"?: ((modelValue: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
         readonly onKeydownEnterPressed?: (() => any) | undefined;
-        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onChangedValue?: ((args_0: string) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onKeydownEnterPressed" | "onUpdate:dropdownState" | "onChangedValue"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
         modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
     } & {
         isValid?: Nullable<boolean>;
@@ -38,7 +38,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
             handleClean: () => void;
         }): any;
     };
-    emit: (((evt: "click") => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "changedValue", args_0: string) => void)) & {
+    emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & {
         'update:modelValue': [modelValue: AccessibleSelectOptions<T, LabelID> | undefined];
     };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {

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

@@ -1,5 +1,28 @@
-import { Nullable } from '@wikicasa-dev/types';
+import { Nullable, Optional } from '@wikicasa-dev/types';
 import { ClassType } from './types';
+declare let __VLS_typeProps: {
+    dropdownClasses?: ClassType;
+    btnClasses?: string;
+    withArrowIcon?: boolean;
+    btnLabel?: string;
+    labelClasses?: ClassType;
+    direction?: "up" | "down";
+    arrowWidth?: number;
+    arrowStrokeColor?: `#${string}`;
+    isAbsolute?: boolean;
+    /**
+     * @deprecated Use v-model:toggleDropdown instead
+     */
+    openDropdown?: boolean;
+    closeWhenClickedOutside?: boolean;
+    dropdownElement?: "div" | "ul" | "ol";
+    keepState?: "opened" | "closed" | "";
+    activateKeyboardController?: boolean;
+    dataCy?: string;
+};
+type __VLS_PublicProps = {
+    "toggleDropdown"?: Optional<boolean>;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): {
     slots: {
         btn_slot?(_: {
@@ -21,43 +44,13 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    dropdownClasses?: ClassType;
-    btnClasses?: string;
-    withArrowIcon?: boolean;
-    btnLabel?: string;
-    labelClasses?: ClassType;
-    direction?: "up" | "down";
-    arrowWidth?: number;
-    arrowStrokeColor?: `#${string}`;
-    isAbsolute?: boolean;
-    openDropdown?: boolean;
-    closeWhenClickedOutside?: boolean;
-    dropdownElement?: "div" | "ul" | "ol";
-    keepState?: "opened" | "closed" | "";
-    activateKeyboardController?: boolean;
-    dataCy?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
+    "update:toggleDropdown": (toggleDropdown: Optional<boolean>) => any;
     "update:dropdownState": (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    dropdownClasses?: ClassType;
-    btnClasses?: string;
-    withArrowIcon?: boolean;
-    btnLabel?: string;
-    labelClasses?: ClassType;
-    direction?: "up" | "down";
-    arrowWidth?: number;
-    arrowStrokeColor?: `#${string}`;
-    isAbsolute?: boolean;
-    openDropdown?: boolean;
-    closeWhenClickedOutside?: boolean;
-    dropdownElement?: "div" | "ul" | "ol";
-    keepState?: "opened" | "closed" | "";
-    activateKeyboardController?: boolean;
-    dataCy?: string;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: (() => any) | undefined;
+    "onUpdate:toggleDropdown"?: ((toggleDropdown: Optional<boolean>) => any) | undefined;
     "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
 }>, {
     dataCy: string;

package/dist/chunks/{AccessibleSelect.vue_vue_type_script_setup_true_lang.B8fWfyF7.js → AccessibleSelect.vue_vue_type_script_setup_true_lang.tcyWuhKm.js}

@@ -1,19 +1,19 @@
-import { h as m, defineComponent as F, mergeModels as I, useModel as $, useId as A, computed as M, ref as L, watch as V, onMounted as D, onUnmounted as z, openBlock as o, createElementBlock as n, normalizeClass as a, createElementVNode as s, createCommentVNode as k, withModifiers as p, renderSlot as E, unref as b, createBlock as P, createVNode as N, Fragment as T, renderList as O } from "vue";
-import { A as q } from "./useKeyboardController.CutKeclN.js";
-import { a as j } from "./ArrowIcon.CCFMdsq6.js";
-import { e as S } from "./PharmacyIcon.56ql_DYl.js";
-const U = (t, { attrs: r }) => {
-  t = { ...S(), ...t };
-  const { width: c, height: w } = t;
+import { h as m, defineComponent as D, mergeModels as L, useModel as V, useId as z, computed as T, ref as B, watch as g, onMounted as E, onUnmounted as P, openBlock as o, createElementBlock as n, normalizeClass as a, createElementVNode as s, createCommentVNode as k, withModifiers as p, renderSlot as N, unref as b, createBlock as O, createVNode as S, Fragment as H, renderList as q } from "vue";
+import { A as j } from "./useKeyboardController.CutKeclN.js";
+import { a as U } from "./ArrowIcon.CCFMdsq6.js";
+import { e as G } from "./PharmacyIcon.56ql_DYl.js";
+const J = (t, { attrs: w }) => {
+  t = { ...G(), ...t };
+  const { width: c, height: r } = t;
   return m(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 11.175 13.409",
       width: `${c}`,
-      height: `${w}`,
+      height: `${r}`,
       class: t.class ?? "",
-      "aria-hidden": r["aria-hidden"] ?? "true",
+      "aria-hidden": w["aria-hidden"] ?? "true",
       fill: "none",
       stroke: t["stroke-color"] ?? "#FA4F64"
     },
@@ -36,10 +36,10 @@ const U = (t, { attrs: r }) => {
       })
     ]
   );
-}, G = ["id", "innerHTML"], J = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], K = ["innerHTML"], Q = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, R = ["innerHTML"], W = ["data-cy"], X = ["id", "aria-selected", "onClick", "onMouseover"], Y = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Z = ["name", "checked", "onInput"], x = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], oe = /* @__PURE__ */ F({
+}, K = ["id", "innerHTML"], Q = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], R = ["innerHTML"], W = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, X = ["innerHTML"], Y = ["data-cy"], Z = ["id", "aria-selected", "onClick", "onMouseover"], x = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, _ = ["name", "checked", "onInput"], ee = ["innerHTML"], ie = ["id", "arial-live", "innerHTML"], te = ["id", "arial-live", "innerHTML"], ne = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ L({
     label: { default: "" },
     dropdownPosition: { default: "bottom" },
     namespace: {},
@@ -68,26 +68,28 @@ const U = (t, { attrs: r }) => {
     },
     toggleDropdownModifiers: {}
   }),
-  emits: ["update:modelValue", "update:toggleDropdown"],
-  setup(t) {
-    const r = $(t, "modelValue"), c = $(t, "toggleDropdown"), w = A(), l = M(() => t.namespace || w), i = L(!1), B = L(null), h = M(() => !!r.value.label), { activeIdx: v, selectedIdx: H } = q({
+  emits: /* @__PURE__ */ L(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
+  setup(t, { emit: w }) {
+    const c = w, r = V(t, "modelValue"), C = V(t, "toggleDropdown"), F = z(), l = T(() => t.namespace || F), i = B(!1), I = B(null), h = T(() => !!r.value.label), { activeIdx: v, selectedIdx: A } = j({
       optionsLength: t.options.length,
       isDropdownOpen: i
     }), y = (e) => {
       i.value = !1, r.value = e;
     };
-    V(H, (e) => {
+    g(A, (e) => {
       y(t.options[e]), i.value = !1;
-    }), V(c, (e) => {
-      e && (i.value = !i.value, c.value = !1);
+    }), g(C, (e) => {
+      e && (i.value = !i.value, C.value = !1);
+    }), g(i, (e) => {
+      c("update:dropdownState", e);
     });
-    const g = ({ target: e }) => {
+    const $ = ({ target: e }) => {
       `${l.value}_btn` !== e.id && (i.value = !1);
     };
-    return D(() => {
-      t.closeOnBodyPressed && document.addEventListener("click", g);
-    }), z(() => {
-      t.closeOnBodyPressed && document.removeEventListener("click", g);
+    return E(() => {
+      t.closeOnBodyPressed && document.addEventListener("click", $);
+    }), P(() => {
+      t.closeOnBodyPressed && document.removeEventListener("click", $);
     }), (e, u) => (o(), n("div", {
       class: a(e.$attrs.class)
     }, [
@@ -104,18 +106,18 @@ const U = (t, { attrs: r }) => {
             { "uikit-left-4": !e.$slots.lefticon && !h.value }
           ]]),
           innerHTML: e.label
-        }, null, 10, G)) : k("", !0),
+        }, null, 10, K)) : k("", !0),
         e.$slots.lefticon ? (o(), n("span", {
           key: 1,
           class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
           onClick: u[0] || (u[0] = p((d) => i.value = !i.value, ["stop"]))
         }, [
-          E(e.$slots, "lefticon")
+          N(e.$slots, "lefticon")
         ])) : k("", !0),
         s("button", {
           id: `${l.value}_btn`,
           ref_key: "btnEl",
-          ref: B,
+          ref: I,
           type: "button",
           "data-cy": e.dataCy,
           class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [e.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
@@ -128,21 +130,23 @@ const U = (t, { attrs: r }) => {
           "aria-activedescendant": b(v) >= 0 && i.value ? `${l.value}_element_${e.options[b(v)].label}` : "",
           "aria-invalid": e.isValid === !1,
           "aria-describedby": e.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
-          onClick: u[1] || (u[1] = (d) => i.value = !i.value)
+          onClick: u[1] || (u[1] = (d) => {
+            i.value = !i.value, c("click", d);
+          })
         }, [
           s("span", {
             class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
             innerHTML: r.value.visibleLabel || r.value.label
-          }, null, 10, K),
-          s("span", Q, [
-            e.isValid == !1 ? (o(), P(b(U), {
+          }, null, 10, R),
+          s("span", W, [
+            e.isValid == !1 ? (o(), O(b(J), {
               key: 0,
               class: "uikit-mr-1",
               width: 20,
               height: 20,
               "stroke-color": "#FA4F64"
             })) : k("", !0),
-            N(b(j), {
+            S(b(U), {
               class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
                 i.value ? "uikit-rotate-180" : "",
                 e.arrowIcon?.classes
@@ -152,7 +156,7 @@ const U = (t, { attrs: r }) => {
               "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
             }, null, 8, ["class", "width", "height", "stroke-color"])
           ])
-        ], 10, J),
+        ], 10, Q),
         s("fieldset", {
           "aria-hidden": "true",
           class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
@@ -171,7 +175,7 @@ const U = (t, { attrs: r }) => {
               key: 0,
               class: a(["uikit-mx-5px", [r.value.label ? "uikit-invisible" : "uikit-hidden"]]),
               innerHTML: e.label
-            }, null, 10, R)) : k("", !0)
+            }, null, 10, X)) : k("", !0)
           ], 2)
         ], 2),
         s("ul", {
@@ -191,52 +195,52 @@ const U = (t, { attrs: r }) => {
           onClick: u[3] || (u[3] = p(() => {
           }, ["stop"]))
         }, [
-          (o(!0), n(T, null, O(e.options, (d, f) => (o(), n("li", {
+          (o(!0), n(H, null, q(e.options, (d, f) => (o(), n("li", {
             id: `${l.value}_element_${e.options[f].label}`,
             key: `${d.label}_${f}`,
             role: "option",
             "aria-selected": b(v) === f,
             class: a(["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.dropdownItemClasses]),
-            onClick: p((C) => y(d), ["stop"]),
-            onMouseover: p((C) => v.value = f, ["stop"]),
+            onClick: p((M) => y(d), ["stop"]),
+            onMouseover: p((M) => v.value = f, ["stop"]),
             onBlur: u[2] || (u[2] = p(() => {
             }, ["stop"]))
           }, [
-            s("label", Y, [
+            s("label", x, [
               s("input", {
                 tabindex: "-1",
                 class: "uikit-m-0 uikit-appearance-none",
                 name: `${l.value}_radio`,
                 type: "radio",
                 checked: d.label === r.value.label,
-                onInput: p((C) => y(d), ["stop"])
-              }, null, 40, Z),
+                onInput: p((M) => y(d), ["stop"])
+              }, null, 40, _),
               s("span", {
                 innerHTML: d.label
-              }, null, 8, x)
+              }, null, 8, ee)
             ])
-          ], 42, X))), 128))
-        ], 10, W)
+          ], 42, Z))), 128))
+        ], 10, Y)
       ], 2),
-      e.feedback ? (o(), n(T, { key: 0 }, [
+      e.feedback ? (o(), n(H, { key: 0 }, [
         e.feedback.valid ? (o(), n("span", {
           key: 0,
           id: `${l.value}_valid_msg`,
           "arial-live": e.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12",
           innerHTML: e.isValid ? e.feedback.valid : ""
-        }, null, 8, _)) : k("", !0),
+        }, null, 8, ie)) : k("", !0),
         e.feedback.invalid ? (o(), n("span", {
           key: 1,
           id: `${l.value}_invalid_msg`,
           "arial-live": e.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
           innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
-        }, null, 8, ee)) : k("", !0)
+        }, null, 8, te)) : k("", !0)
       ], 64)) : k("", !0)
     ], 2));
   }
 });
 export {
-  oe as _
+  ne as _
 };

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.CThPNixl.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.B31Vyyn6.js}

@@ -1,6 +1,6 @@
 import { defineComponent as T, mergeModels as $, useModel as L, ref as r, computed as k, onBeforeMount as F, watch as f, openBlock as C, createBlock as S, normalizeClass as H, withCtx as s, createVNode as z, renderSlot as V, createElementBlock as A, Fragment as K, renderList as N, unref as U, createElementVNode as W } from "vue";
 import j from "../BaseInput.js";
-import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.CDb77c8J.js";
+import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.CpbjEyOl.js";
 import "./types-B0dZ7OiV.D29wNgoj.js";
 import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
 import { A as J } from "./useKeyboardController.CutKeclN.js";

package/dist/chunks/{BaseDropDown.vue_vue_type_script_setup_true_lang.CDb77c8J.js → BaseDropDown.vue_vue_type_script_setup_true_lang.CpbjEyOl.js}

@@ -1,12 +1,12 @@
-import { defineComponent as I, useId as L, ref as w, computed as A, useTemplateRef as E, watch as s, onBeforeMount as O, onMounted as W, onUnmounted as $, openBlock as u, createElementBlock as M, normalizeClass as i, withModifiers as v, renderSlot as b, createVNode as H, unref as a, withCtx as h, createElementVNode as N, createBlock as C, createCommentVNode as T, resolveDynamicComponent as V } from "vue";
-import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
-import { a as q } from "./ArrowIcon.CCFMdsq6.js";
+import { defineComponent as M, mergeModels as b, useId as A, useModel as E, ref as h, computed as O, useTemplateRef as W, watch as n, onBeforeMount as $, onMounted as H, onUnmounted as N, openBlock as u, createElementBlock as T, normalizeClass as i, withModifiers as g, renderSlot as C, createVNode as V, unref as l, withCtx as y, createElementVNode as K, createBlock as D, createCommentVNode as q, resolveDynamicComponent as z } from "vue";
+import { _ as R } from "./BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
+import { a as U } from "./ArrowIcon.CCFMdsq6.js";
 import "./PharmacyIcon.56ql_DYl.js";
-import { A as z } from "./useKeyboardController.CutKeclN.js";
-const R = ["innerHTML"], Q = /* @__PURE__ */ I({
+import { A as j } from "./useKeyboardController.CutKeclN.js";
+const F = ["innerHTML"], Z = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "BaseDropDown",
-  props: {
+  props: /* @__PURE__ */ b({
     dropdownClasses: { default: "" },
     btnClasses: { default: "" },
     withArrowIcon: { type: Boolean, default: !1 },
@@ -22,15 +22,20 @@ const R = ["innerHTML"], Q = /* @__PURE__ */ I({
     keepState: { default: "" },
     activateKeyboardController: { type: Boolean, default: !0 },
     dataCy: { default: "" }
-  },
-  emits: ["click", "update:dropdownState"],
-  setup(y, { emit: g }) {
-    const o = y, c = L(), p = g, t = w(!1), n = w([]), B = A(() => n.value.length), k = E("dropdown"), { activeIdx: f, selectedIdx: d } = z({
-      optionsLength: B,
+  }, {
+    toggleDropdown: {
+      default: void 0
+    },
+    toggleDropdownModifiers: {}
+  }),
+  emits: /* @__PURE__ */ b(["click", "update:dropdownState"], ["update:toggleDropdown"]),
+  setup(p, { emit: B }) {
+    const o = p, c = A(), k = B, f = E(p, "toggleDropdown"), t = h(!1), d = h([]), S = O(() => d.value.length), w = W("dropdown"), { activeIdx: m, selectedIdx: r } = j({
+      optionsLength: S,
       isDropdownOpen: t,
       activate: o.activateKeyboardController
     });
-    s(
+    n(
       () => o.openDropdown,
       (e) => {
         t.value = e;
@@ -38,38 +43,40 @@ const R = ["innerHTML"], Q = /* @__PURE__ */ I({
       {
         immediate: !0
       }
-    ), s(t, (e) => {
-      p("update:dropdownState", e);
-    }), s(d, (e) => {
-      e !== -1 && n.value[e].querySelector("a")?.click();
+    ), n(t, (e) => {
+      k("update:dropdownState", e);
+    }), n(f, (e) => {
+      e && (t.value = !t.value, f.value = !1);
+    }), n(r, (e) => {
+      e !== -1 && d.value[e].querySelector("a")?.click();
     });
-    const m = () => {
+    const v = () => {
       t.value = !1;
-    }, r = () => {
+    }, s = () => {
       o.keepState === "closed" && !t.value || o.keepState === "opened" && t.value || (t.value = !t.value);
-    }, S = (e) => {
-      e != null && (f.value = e);
-    }, D = (e) => {
-      e != null && (d.value = e);
+    }, I = (e) => {
+      e != null && (m.value = e);
+    }, L = (e) => {
+      e != null && (r.value = e);
     };
-    return O(() => {
-      o.closeWhenClickedOutside && document.body.addEventListener("click", m);
-    }), W(() => {
-      k.value && (n.value = k.value.children || []);
-    }), $(() => {
-      o.closeWhenClickedOutside && document.body.removeEventListener("click", m);
-    }), (e, l) => (u(), M("div", {
+    return $(() => {
+      o.closeWhenClickedOutside && document.body.addEventListener("click", v);
+    }), H(() => {
+      w.value && (d.value = w.value.children || []);
+    }), N(() => {
+      o.closeWhenClickedOutside && document.body.removeEventListener("click", v);
+    }), (e, a) => (u(), T("div", {
       class: i(["uikit-relative uikit-block", e.$attrs.class]),
-      onClick: l[1] || (l[1] = v((U) => {
-        p("click"), r();
+      onClick: a[1] || (a[1] = g((G) => {
+        k("click"), s();
       }, ["stop"]))
     }, [
-      b(e.$slots, "btn_slot", {
-        toggleDropdown: r,
+      C(e.$slots, "btn_slot", {
+        toggleDropdown: s,
         isOpen: t.value
       }, () => [
-        H(K, {
-          id: a(c),
+        V(R, {
+          id: l(c),
           type: "button",
           "data-cy": e.dataCy,
           class: i([
@@ -79,24 +86,24 @@ const R = ["innerHTML"], Q = /* @__PURE__ */ I({
           "aria-expanded": t.value,
           "btn-class": "uikit-btn-single-selection"
         }, {
-          default: h(() => [
-            N("span", {
+          default: y(() => [
+            K("span", {
               class: i(["uikit-mr-5px", e.labelClasses]),
               innerHTML: e.btnLabel
-            }, null, 10, R),
-            e.withArrowIcon ? (u(), C(a(q), {
+            }, null, 10, F),
+            e.withArrowIcon ? (u(), D(l(U), {
               key: 0,
               class: i(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value ? "uikit-rotate-180" : ""]),
               width: e.arrowWidth,
               height: e.arrowWidth,
               "stroke-color": e.arrowStrokeColor
-            }, null, 8, ["class", "width", "height", "stroke-color"])) : T("", !0)
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : q("", !0)
           ]),
           _: 1
         }, 8, ["id", "data-cy", "class", "aria-expanded"])
       ]),
-      (u(), C(V(e.dropdownElement), {
-        id: "dropdown_" + a(c),
+      (u(), D(z(e.dropdownElement), {
+        id: "dropdown_" + l(c),
         ref: "dropdown",
         "data-cy": e.dataCy && `${e.dataCy}_dropdown`,
         class: i(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
@@ -107,17 +114,17 @@ const R = ["innerHTML"], Q = /* @__PURE__ */ I({
           { "uikit-absolute": e.isAbsolute }
         ]]),
         "aria-hidden": !t.value,
-        onClick: l[0] || (l[0] = v(() => {
+        onClick: a[0] || (a[0] = g(() => {
         }, ["stop"]))
       }, {
-        default: h(() => [
-          b(e.$slots, "default", {
+        default: y(() => [
+          C(e.$slots, "default", {
             isOpen: t.value,
-            toggleDropdown: r,
-            activeIdx: a(f),
-            selectedIdx: a(d),
-            setActiveIdx: S,
-            setSelectedIdx: D
+            toggleDropdown: s,
+            activeIdx: l(m),
+            selectedIdx: l(r),
+            setActiveIdx: I,
+            setSelectedIdx: L
           })
         ]),
         _: 3
@@ -126,5 +133,5 @@ const R = ["innerHTML"], Q = /* @__PURE__ */ I({
   }
 });
 export {
-  Q as _
+  Z as _
 };

package/dist/index.js

@@ -9,14 +9,14 @@ import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K
 import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.DTPN9Rg-.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DdmSUyxZ.js";
-import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.B8fWfyF7.js";
+import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.tcyWuhKm.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CThPNixl.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.B31Vyyn6.js";
 import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
 import { default as O } from "./BaseCard.js";
 import { default as R } from "./BaseComplexToggle.js";
-import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.CDb77c8J.js";
+import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.CpbjEyOl.js";
 import { default as q } from "./BaseFloatingLabel.js";
 import { default as z } from "./BaseIcon.js";
 import { default as H } from "./BaseInput.js";

package/package.json

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