@wikicasa-dev/components 2.0.47 → 2.0.49

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.Dpwbklqk.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,10 @@ 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"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onUpdate:modelValue" | "onUpdate:toggleDropdown"> & ({
         modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
         toggleDropdown?: Optional<boolean>;
     } & {
@@ -43,7 +44,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
     slots: {
         lefticon?(_: {}): any;
     };
-    emit: {
+    emit: ((evt: "click", args_0: MouseEvent) => void) & {
         'update:modelValue': [modelValue: Optional<AccessibleSelectOptions<T, LabelID>>];
         'update:toggleDropdown': [toggleDropdown: Optional<boolean>];
     };

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.Dpwbklqk.js}

@@ -1,33 +1,33 @@
-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;
-  return m(
+import { h as f, defineComponent as D, mergeModels as M, useModel as L, useId as z, computed as V, ref as T, watch as B, 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 q, Fragment as H, renderList as j } from "vue";
+import { A as S } 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: m }) => {
+  t = { ...G(), ...t };
+  const { width: w, height: r } = t;
+  return f(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 11.175 13.409",
-      width: `${c}`,
-      height: `${w}`,
+      width: `${w}`,
+      height: `${r}`,
       class: t.class ?? "",
-      "aria-hidden": r["aria-hidden"] ?? "true",
+      "aria-hidden": m["aria-hidden"] ?? "true",
       fill: "none",
       stroke: t["stroke-color"] ?? "#FA4F64"
     },
     [
-      m("circle", {
+      f("circle", {
         cx: 6,
         cy: 6,
         r: 4.5
       }),
-      m("path", {
+      f("path", {
         "stroke-linejoin": "round",
         d: "M5.8 3.6h.4L6 6.5z"
       }),
-      m("circle", {
+      f("circle", {
         cx: 6,
         cy: 8.2,
         r: 0.6,
@@ -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"], ii = ["innerHTML"], ei = ["id", "arial-live", "innerHTML"], ti = ["id", "arial-live", "innerHTML"], ni = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ M({
     label: { default: "" },
     dropdownPosition: { default: "bottom" },
     namespace: {},
@@ -68,175 +68,177 @@ 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__ */ M(["click"], ["update:modelValue", "update:toggleDropdown"]),
+  setup(t, { emit: m }) {
+    const w = m, r = L(t, "modelValue"), g = L(t, "toggleDropdown"), F = z(), l = V(() => t.namespace || F), e = T(!1), I = T(null), h = V(() => !!r.value.label), { activeIdx: c, selectedIdx: A } = S({
       optionsLength: t.options.length,
-      isDropdownOpen: i
-    }), y = (e) => {
-      i.value = !1, r.value = e;
+      isDropdownOpen: e
+    }), y = (i) => {
+      e.value = !1, r.value = i;
     };
-    V(H, (e) => {
-      y(t.options[e]), i.value = !1;
-    }), V(c, (e) => {
-      e && (i.value = !i.value, c.value = !1);
+    B(A, (i) => {
+      y(t.options[i]), e.value = !1;
+    }), B(g, (i) => {
+      i && (e.value = !e.value, g.value = !1);
     });
-    const g = ({ target: e }) => {
-      `${l.value}_btn` !== e.id && (i.value = !1);
+    const C = ({ target: i }) => {
+      `${l.value}_btn` !== i.id && (e.value = !1);
     };
-    return D(() => {
-      t.closeOnBodyPressed && document.addEventListener("click", g);
-    }), z(() => {
-      t.closeOnBodyPressed && document.removeEventListener("click", g);
-    }), (e, u) => (o(), n("div", {
-      class: a(e.$attrs.class)
+    return E(() => {
+      t.closeOnBodyPressed && document.addEventListener("click", C);
+    }), P(() => {
+      t.closeOnBodyPressed && document.removeEventListener("click", C);
+    }), (i, u) => (o(), n("div", {
+      class: a(i.$attrs.class)
     }, [
       s("div", {
-        class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", e.wrapperClasses])
+        class: a(["uikit-relative uikit-flex uikit-h-12 uikit-items-center", i.wrapperClasses])
       }, [
-        e.label ? (o(), n("label", {
+        i.label ? (o(), n("label", {
           key: 0,
           id: `${l.value}_label`,
           class: a(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
             h.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
-            e.labelClasses,
-            { "uikit-left-9": e.$slots.lefticon && !h.value },
-            { "uikit-left-4": !e.$slots.lefticon && !h.value }
+            i.labelClasses,
+            { "uikit-left-9": i.$slots.lefticon && !h.value },
+            { "uikit-left-4": !i.$slots.lefticon && !h.value }
           ]]),
-          innerHTML: e.label
-        }, null, 10, G)) : k("", !0),
-        e.$slots.lefticon ? (o(), n("span", {
+          innerHTML: i.label
+        }, null, 10, K)) : k("", !0),
+        i.$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"]))
+          onClick: u[0] || (u[0] = p((d) => e.value = !e.value, ["stop"]))
         }, [
-          E(e.$slots, "lefticon")
+          N(i.$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]]),
-          "aria-required": !!e.$attrs.required,
+          "data-cy": i.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", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", i.btnClasses]]),
+          "aria-required": !!i.$attrs.required,
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-controls": `${l.value}_dropdown`,
           "aria-labelledby": `${l.value}_label ${l.value}_btn`,
-          "aria-expanded": i.value,
-          "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)
+          "aria-expanded": e.value,
+          "aria-activedescendant": b(c) >= 0 && e.value ? `${l.value}_element_${i.options[b(c)].label}` : "",
+          "aria-invalid": i.isValid === !1,
+          "aria-describedby": i.isValid === !1 ? `${l.value}_invalid_msg` : void 0,
+          onClick: u[1] || (u[1] = (d) => {
+            e.value = !e.value, w("click", d);
+          })
         }, [
           s("span", {
-            class: a(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
+            class: a(["uikit-pointer-events-none uikit-mt-1", i.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, [
+            i.isValid == !1 ? (o(), O(b(J), {
               key: 0,
               class: "uikit-mr-1",
               width: 20,
               height: 20,
               "stroke-color": "#FA4F64"
             })) : k("", !0),
-            N(b(j), {
+            q(b(U), {
               class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
-                i.value ? "uikit-rotate-180" : "",
-                e.arrowIcon?.classes
+                e.value ? "uikit-rotate-180" : "",
+                i.arrowIcon?.classes
               ]]),
-              width: e.arrowIcon?.width ?? 18,
-              height: e.arrowIcon?.height ?? 18,
-              "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
+              width: i.arrowIcon?.width ?? 18,
+              height: i.arrowIcon?.height ?? 18,
+              "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : i.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", [
-            e.fieldsetClasses,
-            e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
+            i.fieldsetClasses,
+            i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
             {
-              "uikit-border uikit-border-solid 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.border
+              "uikit-border uikit-border-solid 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": i.border
             },
-            { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
+            { "uikit-border-0 peer-focus:uikit-border-0": !i.border }
           ]])
         }, [
           s("legend", {
-            class: a([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
+            class: a([[i.legendClasses, { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
           }, [
-            e.label ? (o(), n("span", {
+            i.label ? (o(), n("span", {
               key: 0,
               class: a(["uikit-mx-5px", [r.value.label ? "uikit-invisible" : "uikit-hidden"]]),
-              innerHTML: e.label
-            }, null, 10, R)) : k("", !0)
+              innerHTML: i.label
+            }, null, 10, X)) : k("", !0)
           ], 2)
         ], 2),
         s("ul", {
-          "data-cy": e.dataCy && `${e.dataCy}_dropdown`,
+          "data-cy": i.dataCy && `${i.dataCy}_dropdown`,
           role: "listbox",
           tabindex: -1,
           "aria-multiselectable": !1,
           class: a(["uikit-absolute uikit-z-30 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-h-0 uikit-w-0 uikit-overflow-hidden": !e.value },
             {
-              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": i.value
+              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": e.value
             },
-            { "uikit-bottom-[55px]": e.dropdownPosition === "top" },
-            { "uikit-top-[55px]": e.dropdownPosition === "bottom" },
-            e.dropdownClasses
+            { "uikit-bottom-[55px]": i.dropdownPosition === "top" },
+            { "uikit-top-[55px]": i.dropdownPosition === "bottom" },
+            i.dropdownClasses
           ]]),
           onClick: u[3] || (u[3] = p(() => {
           }, ["stop"]))
         }, [
-          (o(!0), n(T, null, O(e.options, (d, f) => (o(), n("li", {
-            id: `${l.value}_element_${e.options[f].label}`,
-            key: `${d.label}_${f}`,
+          (o(!0), n(H, null, j(i.options, (d, v) => (o(), n("li", {
+            id: `${l.value}_element_${i.options[v].label}`,
+            key: `${d.label}_${v}`,
             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"]),
+            "aria-selected": b(c) === v,
+            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", i.dropdownItemClasses]),
+            onClick: p(($) => y(d), ["stop"]),
+            onMouseover: p(($) => c.value = v, ["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(($) => y(d), ["stop"])
+              }, null, 40, _),
               s("span", {
                 innerHTML: d.label
-              }, null, 8, x)
+              }, null, 8, ii)
             ])
-          ], 42, X))), 128))
-        ], 10, W)
+          ], 42, Z))), 128))
+        ], 10, Y)
       ], 2),
-      e.feedback ? (o(), n(T, { key: 0 }, [
-        e.feedback.valid ? (o(), n("span", {
+      i.feedback ? (o(), n(H, { key: 0 }, [
+        i.feedback.valid ? (o(), n("span", {
           key: 0,
           id: `${l.value}_valid_msg`,
-          "arial-live": e.$attrs["aria-live"],
+          "arial-live": i.$attrs["aria-live"],
           class: "uikit-mt-1 uikit-inline-block uikit-text-12",
-          innerHTML: e.isValid ? e.feedback.valid : ""
-        }, null, 8, _)) : k("", !0),
-        e.feedback.invalid ? (o(), n("span", {
+          innerHTML: i.isValid ? i.feedback.valid : ""
+        }, null, 8, ei)) : k("", !0),
+        i.feedback.invalid ? (o(), n("span", {
           key: 1,
           id: `${l.value}_invalid_msg`,
-          "arial-live": e.$attrs["aria-live"],
+          "arial-live": i.$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)
+          innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
+        }, null, 8, ti)) : k("", !0)
       ], 64)) : k("", !0)
     ], 2));
   }
 });
 export {
-  oe as _
+  ni 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.Dpwbklqk.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.49",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",