@wikicasa-dev/components 2.0.13 → 2.0.15

package/dist/BaseAutocomplete.js

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

package/dist/BaseModal.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
+import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.cWjybS9o.js";
 export {
   f as default
 };

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

@@ -1,57 +1,54 @@
 import { AccessibleSelectOptions } from './types';
 import { ClassType, Optional } from '@wikicasa-dev/types';
-declare let __VLS_typeProps: {
-    label?: string;
-    dropdownPosition?: "top" | "bottom";
-    namespace?: string;
-    options: AccessibleSelectOptions[];
-    isValid?: boolean | null;
-    feedback?: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    /**
-     * If true, we will close the dropdown when we touch the body of the document
-     */
-    closeOnBodyPressed?: boolean;
-    border?: boolean;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-    dropdownClasses?: ClassType;
-    labelClasses?: ClassType;
-    btnClasses?: ClassType;
-    dropdownItemClasses?: ClassType;
-    btnTextClasses?: ClassType;
-    arrowIcon?: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy?: string;
-};
-type __VLS_PublicProps = {
-    modelValue?: Optional<AccessibleSelectOptions>;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+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 "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
+    } & {
+        label?: string;
+        dropdownPosition?: "top" | "bottom";
+        namespace?: string;
+        options: AccessibleSelectOptions<T, LabelID>[];
+        isValid?: boolean | null;
+        feedback?: Partial<{
+            valid: string;
+            invalid: string;
+        }>;
+        /**
+         * If true, we will close the dropdown when we touch the body of the document
+         */
+        closeOnBodyPressed?: boolean;
+        border?: boolean;
+        fieldsetClasses?: ClassType;
+        legendClasses?: ClassType;
+        dropdownClasses?: ClassType;
+        labelClasses?: ClassType;
+        btnClasses?: ClassType;
+        dropdownItemClasses?: ClassType;
+        btnTextClasses?: ClassType;
+        arrowIcon?: Partial<{
+            width: number;
+            height: number;
+            strokeColor: `#${string}`;
+            classes: ClassType;
+        }>;
+        dataCy?: string;
+    })> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
     };
-    refs: {
-        btnEl: HTMLButtonElement;
+    emit: {
+        'update:modelValue': [modelValue: Optional<AccessibleSelectOptions<T, LabelID>>];
     };
-    attrs: Partial<{}>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: Optional<AccessibleSelectOptions>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,197 +1,51 @@
 import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
 import { AccessibleSelectOptions, ClassTypeProp } from './types';
-type ModelValueType<T = unknown> = AccessibleSelectOptions<T>;
-declare let __VLS_typeProps: {
-    isValid?: Nullable<boolean>;
-    theme?: BaseAutocompleteThemes;
-    label?: string;
-    disableCb?: boolean;
-    onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions[]>;
-    onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions) => void>;
-    keepState?: Nullable<"closed" | "open">;
-    cleanupOnClose?: boolean;
-    dropdownClasses?: string;
-    /**
-     * If true, we will close the dropdown when the user clicks or touches the body of the document
-     */
-    closeDropdownOnBodyPressed?: boolean;
-    inputClasses?: ClassTypeProp;
-    fieldsetClasses?: ClassTypeProp;
-};
-type __VLS_PublicProps = {
-    modelValue?: ModelValueType | undefined;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+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?: (() => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((modelValue: AccessibleSelectOptions<T, LabelID> | undefined) => 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"> & ({
+        modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
+    } & {
+        isValid?: Nullable<boolean>;
+        theme?: BaseAutocompleteThemes;
+        label?: string;
+        disableCb?: boolean;
+        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
+        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
+        keepState?: Nullable<"closed" | "open">;
+        cleanupOnClose?: boolean;
+        dropdownClasses?: string;
+        /**
+         * If true, we will close the dropdown when the user clicks or touches the body of the document
+         */
+        closeDropdownOnBodyPressed?: boolean;
+        inputClasses?: ClassTypeProp;
+        fieldsetClasses?: ClassTypeProp;
+    })> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
         righticon?(_: {
             handleClean: () => void;
         }): any;
     };
-    refs: {
-        baseInput: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly modelValue?: string | number | undefined;
-                readonly inputClass?: import('./types').ClassType | import('./types').ClassType[];
-                readonly labelText?: string | undefined;
-                readonly feedback?: import('./types').FeedbackLabels | undefined;
-                readonly isValid?: Nullable<boolean> | undefined;
-                readonly keepFloatingLabel?: boolean | undefined;
-                readonly formatter?: Nullable<Partial<{
-                    formatFn: (n: number | string) => string;
-                    unFormatFn: (v: string) => string | number | null;
-                }>> | undefined;
-                readonly labelClasses?: ClassTypeProp;
-                readonly fieldsetClasses?: ClassTypeProp;
-                readonly labelTextClasses?: ClassTypeProp;
-                readonly withLeftIcon?: boolean | undefined;
-                readonly withRightIcon?: boolean | undefined;
-                readonly dataCy?: string | undefined;
-                readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
-                readonly "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-                readonly onFocusin?: (() => any) | undefined;
-                readonly onFocusout?: (() => any) | undefined;
-                readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-                readonly onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-                readonly onKeydownEnterPressed?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "click", args_0: MouseEvent) => void) & ((event: "update:modelValue", modelValue: string | number | undefined) => void) & ((event: "focusin") => void) & ((event: "focusout") => void) & ((event: "keydown", args_0: KeyboardEvent) => void) & ((event: "keyup", args_0: KeyboardEvent) => void) & ((event: "keydownEnterPressed") => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: string | number | undefined;
-            } & {
-                inputClass?: import('./types').ClassType | import('./types').ClassType[];
-                labelText?: string;
-                feedback?: import('./types').FeedbackLabels;
-                isValid?: Nullable<boolean>;
-                keepFloatingLabel?: boolean;
-                formatter?: Nullable<Partial<{
-                    formatFn: (n: number | string) => string;
-                    unFormatFn: (v: string) => string | number | null;
-                }>>;
-                labelClasses?: ClassTypeProp;
-                fieldsetClasses?: ClassTypeProp;
-                labelTextClasses?: ClassTypeProp;
-                withLeftIcon?: boolean;
-                withRightIcon?: boolean;
-                dataCy?: string;
-            }> & Readonly<{
-                onClick?: ((args_0: MouseEvent) => any) | undefined;
-                "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-                onFocusin?: (() => any) | undefined;
-                onFocusout?: (() => any) | undefined;
-                onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-                onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-                onKeydownEnterPressed?: (() => any) | undefined;
-            }>, {
-                select: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (args_0: MouseEvent) => any;
-                "update:modelValue": (modelValue: string | number | undefined) => any;
-                focusin: () => any;
-                focusout: () => any;
-                keydown: (args_0: KeyboardEvent) => any;
-                keyup: (args_0: KeyboardEvent) => any;
-                keydownEnterPressed: () => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{
-            modelValue?: string | number | undefined;
-        } & {
-            inputClass?: import('./types').ClassType | import('./types').ClassType[];
-            labelText?: string;
-            feedback?: import('./types').FeedbackLabels;
-            isValid?: Nullable<boolean>;
-            keepFloatingLabel?: boolean;
-            formatter?: Nullable<Partial<{
-                formatFn: (n: number | string) => string;
-                unFormatFn: (v: string) => string | number | null;
-            }>>;
-            labelClasses?: ClassTypeProp;
-            fieldsetClasses?: ClassTypeProp;
-            labelTextClasses?: ClassTypeProp;
-            withLeftIcon?: boolean;
-            withRightIcon?: boolean;
-            dataCy?: string;
-        }> & Readonly<{
-            onClick?: ((args_0: MouseEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((modelValue: string | number | undefined) => any) | undefined;
-            onFocusin?: (() => any) | undefined;
-            onFocusout?: (() => any) | undefined;
-            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-            onKeydownEnterPressed?: (() => any) | undefined;
-        }>, "select"> & import('vue').ShallowUnwrapRef<{
-            select: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                leftIcon?(_: {}): any;
-                righticon?(_: {
-                    handleClean: () => void;
-                    handleShowPasswd: () => void;
-                    curType: import('@wikicasa-dev/types').InputTypeHTMLAttribute;
-                }): any;
-                feedback?(_: {}): any;
-                "under-label"?(_: {}): any;
-            };
-        }) | null;
+    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)) & {
+        'update:modelValue': [modelValue: AccessibleSelectOptions<T, LabelID> | undefined];
     };
-    attrs: Partial<{}>;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    select: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-    "update:modelValue": (modelValue: ModelValueType<unknown> | undefined) => any;
-    keydown: (args_0: KeyboardEvent) => any;
-    keydownEnterPressed: () => any;
-    "update:dropdownState": (args_0: boolean) => any;
-    changedValue: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClick?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((modelValue: ModelValueType<unknown> | undefined) => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-    onKeydownEnterPressed?: (() => any) | undefined;
-    "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
-    onChangedValue?: ((args_0: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,4 +1,4 @@
-import { ClassType } from '@wikicasa-dev/types';
+import { ClassTypeProp } from './types';
 declare function __VLS_template(): {
     slots: {
         header?(_: {
@@ -22,14 +22,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     id?: string;
     size?: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
-    customBackdropClasses?: ClassType;
-    customModalDialogClasses?: ClassType;
-    customModalHeaderClasses?: ClassType;
-    customModalBodyClasses?: ClassType;
-    customModalFooterClasses?: ClassType;
+    customBackdropClasses?: ClassTypeProp;
+    customModalDialogClasses?: ClassTypeProp;
+    customModalHeaderClasses?: ClassTypeProp;
+    customModalBodyClasses?: ClassTypeProp;
+    customModalFooterClasses?: ClassTypeProp;
     withCloseIcon?: boolean;
     showModal?: boolean;
-    closeIcon?: string;
     headerTitle?: string;
     autoClose?: number;
     fullHeight?: boolean;
@@ -38,20 +37,22 @@ declare const __VLS_component: import('vue').DefineComponent<{
      * If true, the modal will be centered in desktop mode
      */
     centered?: boolean;
+    dataCy?: string;
+    closeIconBtnClasses?: ClassTypeProp;
+    titleClasses?: ClassTypeProp;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     opened: () => any;
     closed: () => any;
 }, string, import('vue').PublicProps, Readonly<{
     id?: string;
     size?: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
-    customBackdropClasses?: ClassType;
-    customModalDialogClasses?: ClassType;
-    customModalHeaderClasses?: ClassType;
-    customModalBodyClasses?: ClassType;
-    customModalFooterClasses?: ClassType;
+    customBackdropClasses?: ClassTypeProp;
+    customModalDialogClasses?: ClassTypeProp;
+    customModalHeaderClasses?: ClassTypeProp;
+    customModalBodyClasses?: ClassTypeProp;
+    customModalFooterClasses?: ClassTypeProp;
     withCloseIcon?: boolean;
     showModal?: boolean;
-    closeIcon?: string;
     headerTitle?: string;
     autoClose?: number;
     fullHeight?: boolean;
@@ -60,25 +61,13 @@ declare const __VLS_component: import('vue').DefineComponent<{
      * If true, the modal will be centered in desktop mode
      */
     centered?: boolean;
+    dataCy?: string;
+    closeIconBtnClasses?: ClassTypeProp;
+    titleClasses?: ClassTypeProp;
 }> & Readonly<{
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-}>, {
-    id: string;
-    size: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
-    headerTitle: string;
-    customBackdropClasses: ClassType;
-    customModalDialogClasses: ClassType;
-    customModalHeaderClasses: ClassType;
-    customModalBodyClasses: ClassType;
-    customModalFooterClasses: ClassType;
-    withCloseIcon: boolean;
-    showModal: boolean;
-    closeIcon: string;
-    fullHeight: boolean;
-    closeOnClickOut: boolean;
-    centered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.js}

@@ -41,7 +41,10 @@ const R = ["innerHTML"], le = /* @__PURE__ */ T({
   }),
   emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: p, emit: v }) {
-    const d = L(t, "modelValue"), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
+    const d = L(
+      t,
+      "modelValue"
+    ), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
     F(() => {
       m.value = Q({ delay: 300 }, t.onInputChangeCb);
     });

package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js → BaseModal.vue_vue_type_style_index_0_lang.cWjybS9o.js}

@@ -1,76 +1,77 @@
-import { defineComponent as L, ref as d, onUnmounted as B, watch as E, openBlock as k, createBlock as y, Teleport as $, createElementVNode as l, normalizeClass as o, withModifiers as v, withCtx as T, createVNode as z, unref as H, createCommentVNode as h, renderSlot as n, createElementBlock as O, nextTick as I } from "vue";
+import { defineComponent as x, ref as u, onUnmounted as B, watch as L, openBlock as c, createBlock as E, Teleport as T, createElementVNode as l, normalizeClass as s, withModifiers as f, createElementBlock as y, createVNode as z, unref as H, createCommentVNode as v, renderSlot as n, nextTick as O } from "vue";
 import "./types-B0dZ7OiV.D29wNgoj.js";
-import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
-import { l as N } from "./CloseIcon.DIkr4soH.js";
+import { l as $ } from "./CloseIcon.DIkr4soH.js";
 import "./PharmacyIcon.56ql_DYl.js";
-import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("Windows"), V = (a, r) => new Promise((s, u) => {
+import '../assets/BaseModal.css';const h = () => navigator?.userAgent.includes("Windows"), I = (o, d) => new Promise((a, t) => {
   setTimeout(() => {
     try {
-      a && a(), s();
+      o && o(), a();
     } catch {
-      u();
+      t();
     }
-  }, r);
-}), A = ["id", "data-cy"], D = ["innerHTML"], j = /* @__PURE__ */ L({
+  }, d);
+}), K = ["id", "data-cy"], N = ["innerHTML"], P = /* @__PURE__ */ x({
   __name: "BaseModal",
   props: {
     id: { default: "base-bt-modal" },
     size: { default: "modal-md" },
-    customBackdropClasses: { default: "" },
-    customModalDialogClasses: { default: "" },
-    customModalHeaderClasses: { default: "" },
-    customModalBodyClasses: { default: "" },
-    customModalFooterClasses: { default: "" },
+    customBackdropClasses: {},
+    customModalDialogClasses: {},
+    customModalHeaderClasses: {},
+    customModalBodyClasses: {},
+    customModalFooterClasses: {},
     withCloseIcon: { type: Boolean, default: !0 },
     showModal: { type: Boolean, default: !0 },
-    closeIcon: { default: "" },
     headerTitle: { default: "" },
     autoClose: {},
     fullHeight: { type: Boolean, default: !1 },
     closeOnClickOut: { type: Boolean, default: !0 },
-    centered: { type: Boolean, default: !1 }
+    centered: { type: Boolean, default: !1 },
+    dataCy: {},
+    closeIconBtnClasses: {},
+    titleClasses: {}
   },
   emits: ["closed", "opened"],
-  setup(a, { emit: r }) {
-    const s = a, u = r, t = d(!1), m = d(null), g = d(null), c = d(!1), p = ({ key: e }) => {
+  setup(o, { emit: d }) {
+    const a = d, t = u(!1), k = u(null), w = u(null), r = u(!1), m = ({ key: e }) => {
       e === "Escape" && i();
     }, C = () => {
-      document?.body.addEventListener("keydown", p);
-    }, f = () => {
-      document?.body.removeEventListener("keydown", p);
-    }, x = async () => {
-      t.value = !0, I(() => {
-        C(), document?.documentElement.classList.add("uikit-no-scrolling"), w() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
-      }), u("opened"), s.autoClose !== void 0 && setTimeout(() => {
+      document?.body.addEventListener("keydown", m);
+    }, p = () => {
+      document?.body.removeEventListener("keydown", m);
+    }, g = async () => {
+      t.value = !0, O(() => {
+        C(), document?.documentElement.classList.add("uikit-no-scrolling"), h() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
+      }), a("opened"), o.autoClose !== void 0 && setTimeout(() => {
         i();
-      }, s.autoClose);
+      }, o.autoClose);
     }, M = async () => {
-      s.closeOnClickOut && await i();
+      o.closeOnClickOut && await i();
     }, i = async () => {
-      t.value = !1, f(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await V(() => {
-        m.value?.classList.add("uikit-hidden"), u("closed");
+      t.value = !1, p(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await I(() => {
+        k.value?.classList.add("uikit-hidden"), a("closed");
       }, 250);
     };
     return B(() => {
-      f(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
-    }), E(
-      () => s.showModal,
+      p(), document?.documentElement.classList.remove("uikit-no-scrolling"), h() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
+    }), L(
+      () => o.showModal,
       async (e) => {
-        !e && !t.value ? c.value = !0 : c.value = !1, e && !t.value && await x(), !e && t.value && await i(), t.value = e;
+        !e && !t.value ? r.value = !0 : r.value = !1, e && !t.value && await g(), !e && t.value && await i(), t.value = e;
       },
       { immediate: !0 }
-    ), (e, b) => (k(), y($, { to: "body" }, [
+    ), (e, b) => (c(), E(T, { to: "body" }, [
       l("div", {
         ref_key: "backdropEl",
-        ref: m,
-        class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
+        ref: k,
+        class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
           e.customBackdropClasses,
           {
             "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": t.value
           },
           { "uikit-bg-transparent": !t.value },
           { "sm:uikit-pt-[30px]": !e.centered },
-          { hide: c.value }
+          { hide: r.value }
         ]]),
         style: { "z-index": "1062" },
         onClick: M
@@ -78,9 +79,9 @@ import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("
         l("dialog", {
           id: e.id,
           ref_key: "modalEl",
-          ref: g,
-          "data-cy": e.$attrs["data-cy"],
-          class: o(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
+          ref: w,
+          "data-cy": e.dataCy,
+          class: s(["uikit-modal-dialog transition-y uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
             e.customModalDialogClasses,
             { show: t.value },
             { "closed uikit-overflow-hidden": !t.value },
@@ -88,55 +89,51 @@ import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("
             `base-${e.size}`,
             e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
           ]]),
-          onClick: b[0] || (b[0] = v(() => {
+          onClick: b[0] || (b[0] = f(() => {
           }, ["stop"]))
         }, [
           l("div", {
-            class: o(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
+            class: s(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
           }, [
-            e.withCloseIcon ? (k(), y(K, {
+            e.withCloseIcon ? (c(), y("button", {
               key: 0,
               id: "close-icon-btn",
               "data-cy": "bbt-default-close-icon-btn",
-              class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.$attrs["close-icon-btn-classes"]]),
+              class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
               type: "button",
               "aria-label": "Close",
-              "with-min-width": !0,
-              onClick: v(i, ["prevent", "stop"])
-            }, {
-              default: T(() => [
-                z(H(N), {
-                  class: "bbt-close-icon uikit-box-border uikit-p-5px",
-                  width: 30,
-                  height: 30
-                })
-              ]),
-              _: 1
-            }, 8, ["class"])) : h("", !0),
+              onClick: f(i, ["prevent", "stop"])
+            }, [
+              z(H($), {
+                class: "bbt-close-icon uikit-box-border uikit-p-5px",
+                width: 30,
+                height: 30
+              })
+            ], 2)) : v("", !0),
             n(e.$slots, "header", { closeModal: i }, () => [
               l("span", {
-                class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.$attrs["title-classes"]]),
+                class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                 innerHTML: e.headerTitle
-              }, null, 10, D)
+              }, null, 10, N)
             ])
           ], 2),
           l("div", {
-            class: o(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
+            class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
           }, [
             n(e.$slots, "body", { closeModal: i })
           ], 2),
-          e.$slots.footer ? (k(), O("div", {
+          e.$slots.footer ? (c(), y("div", {
             key: 0,
-            class: o(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
+            class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
           }, [
             n(e.$slots, "footer", { closeModal: i })
-          ], 2)) : h("", !0),
+          ], 2)) : v("", !0),
           n(e.$slots, "fixed-bottom")
-        ], 10, A)
+        ], 10, K)
       ], 2)
     ]));
   }
 });
 export {
-  j as _
+  P as _
 };

package/dist/index.js

@@ -11,7 +11,7 @@ import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
 import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CfwgKf93.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.i1drmEOH.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CCR6X0si.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";
@@ -27,7 +27,7 @@ import { default as Z } from "./BaseTextarea.js";
 import { default as ee } from "./BaseToggle.js";
 import { default as re } from "./BaseTooltip.js";
 import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
-import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CautEumd.js";
+import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.cWjybS9o.js";
 import { default as me } from "./BaseSnackbar.js";
 import { default as le } from "./StaticSpinner.js";
 import { default as de } from "./BaseShimmerLoader.js";

package/package.json

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