@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/components/dateRange/v4/index.d.ts

@@ -1,108 +1,227 @@
 declare const DateRangeTypes: () => ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        range: {
-            type: import("vue").PropType<{
-                from: Date;
-                to: Date;
-            }>;
-            required: true;
-        };
-        allowedDays: {
-            type: import("vue").PropType<number>;
-            default: any;
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            disabled: boolean;
+            allowedDays: number;
+            uniqueId: string | number;
+            includeToday: boolean;
+            dateFormat: string;
+            types: ("date" | "week" | "month")[];
+            maxDaysInRange: number;
+            datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
+            regex: RegExp;
+            initialType: "date" | "week" | "month";
+            openOnTop: boolean;
+            showPresets: boolean;
+            maxDate: Date;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            range: {
+                type: import("vue").PropType<{
+                    from: Date;
+                    to: Date;
+                }>;
+                required: true;
+            };
+            allowedDays: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            uniqueId: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            includeToday: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            types: {
+                type: import("vue").PropType<("date" | "week" | "month")[]>;
+                default: () => string[];
+            };
+            maxDaysInRange: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            datePresetList: {
+                type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
+                default: string;
+            };
+            regex: {
+                type: import("vue").PropType<RegExp>;
+                default: () => RegExp;
+            };
+            initialType: {
+                type: import("vue").PropType<"date" | "week" | "month">;
+                required: true;
+                default: any;
+            };
+            openOnTop: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            showPresets: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            maxDate: {
+                type: import("vue").PropType<Date>;
+                default: any;
+            };
+        }>> & {
+            onOpened?: (...args: any[]) => any;
+            onRangeTypeChanged?: (...args: any[]) => any;
+            onCurrentDateChanged?: (...args: any[]) => any;
+            onRangeChanged?: (...args: any[]) => any;
+            onDateRangePresetNameChanged?: (...args: any[]) => any;
+            onDismissed?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate">;
+        $attrs: {
+            [x: string]: unknown;
         };
-        uniqueId: {
-            type: import("vue").PropType<string | number>;
-            default: number;
+        $refs: {
+            [x: string]: unknown;
         };
-        includeToday: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        dateFormat: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        types: {
-            type: import("vue").PropType<("date" | "month" | "week")[]>;
-            default: () => string[];
-        };
-        maxDaysInRange: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
-        datePresetList: {
-            type: import("vue").PropType<"date" | "month" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
-            default: string;
-        };
-        regex: {
-            type: import("vue").PropType<RegExp>;
-            default: () => RegExp;
-        };
-        initialType: {
-            type: import("vue").PropType<"date" | "month" | "week">;
-            required: true;
-            default: any;
-        };
-        openOnTop: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-        showPresets: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-        maxDate: {
-            type: import("vue").PropType<Date>;
-            default: any;
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "opened", ...args: any[]) => void) & ((event: "rangeTypeChanged", ...args: any[]) => void) & ((event: "currentDateChanged", ...args: any[]) => void) & ((event: "rangeChanged", ...args: any[]) => void) & ((event: "dateRangePresetNameChanged", ...args: any[]) => void) & ((event: "dismissed", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            range: {
+                type: import("vue").PropType<{
+                    from: Date;
+                    to: Date;
+                }>;
+                required: true;
+            };
+            allowedDays: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            uniqueId: {
+                type: import("vue").PropType<string | number>;
+                default: number;
+            };
+            includeToday: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            dateFormat: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            types: {
+                type: import("vue").PropType<("date" | "week" | "month")[]>;
+                default: () => string[];
+            };
+            maxDaysInRange: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            datePresetList: {
+                type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
+                default: string;
+            };
+            regex: {
+                type: import("vue").PropType<RegExp>;
+                default: () => RegExp;
+            };
+            initialType: {
+                type: import("vue").PropType<"date" | "week" | "month">;
+                required: true;
+                default: any;
+            };
+            openOnTop: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            showPresets: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            maxDate: {
+                type: import("vue").PropType<Date>;
+                default: any;
+            };
+        }>> & {
+            onOpened?: (...args: any[]) => any;
+            onRangeTypeChanged?: (...args: any[]) => any;
+            onCurrentDateChanged?: (...args: any[]) => any;
+            onRangeChanged?: (...args: any[]) => any;
+            onDateRangePresetNameChanged?: (...args: any[]) => any;
+            onDismissed?: (...args: any[]) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            opened: (...args: any[]) => void;
+            rangeTypeChanged: (...args: any[]) => void;
+            currentDateChanged: (...args: any[]) => void;
+            rangeChanged: (...args: any[]) => void;
+            dateRangePresetNameChanged: (...args: any[]) => void;
+            dismissed: (...args: any[]) => void;
+        }, string, {
+            testId: string;
+            disabled: boolean;
+            allowedDays: number;
+            uniqueId: string | number;
+            includeToday: boolean;
+            dateFormat: string;
+            types: ("date" | "week" | "month")[];
+            maxDaysInRange: number;
+            datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
+            regex: RegExp;
+            initialType: "date" | "week" | "month";
+            openOnTop: boolean;
+            showPresets: boolean;
+            maxDate: Date;
+        }, {}, string> & {
+            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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
         };
-    }>> & Readonly<{
-        onOpened?: (...args: any[]) => any;
-        onRangeTypeChanged?: (...args: any[]) => any;
-        onCurrentDateChanged?: (...args: any[]) => any;
-        onRangeChanged?: (...args: any[]) => any;
-        onDateRangePresetNameChanged?: (...args: any[]) => any;
-        onDismissed?: (...args: any[]) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        opened: (...args: any[]) => void;
-        rangeTypeChanged: (...args: any[]) => void;
-        currentDateChanged: (...args: any[]) => void;
-        rangeChanged: (...args: any[]) => void;
-        dateRangePresetNameChanged: (...args: any[]) => void;
-        dismissed: (...args: any[]) => void;
-    }, import("vue").PublicProps, {
-        testId: string;
-        disabled: boolean;
-        allowedDays: number;
-        uniqueId: string | number;
-        includeToday: boolean;
-        dateFormat: string;
-        types: ("date" | "month" | "week")[];
-        maxDaysInRange: number;
-        datePresetList: "date" | "month" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
-        regex: RegExp;
-        initialType: "date" | "month" | "week";
-        openOnTop: boolean;
-        showPresets: boolean;
-        maxDate: Date;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -135,7 +254,7 @@ declare const DateRangeTypes: () => ({
             default: string;
         };
         types: {
-            type: import("vue").PropType<("date" | "month" | "week")[]>;
+            type: import("vue").PropType<("date" | "week" | "month")[]>;
             default: () => string[];
         };
         maxDaysInRange: {
@@ -143,7 +262,7 @@ declare const DateRangeTypes: () => ({
             default: any;
         };
         datePresetList: {
-            type: import("vue").PropType<"date" | "month" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
+            type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
             default: string;
         };
         regex: {
@@ -151,7 +270,7 @@ declare const DateRangeTypes: () => ({
             default: () => RegExp;
         };
         initialType: {
-            type: import("vue").PropType<"date" | "month" | "week">;
+            type: import("vue").PropType<"date" | "week" | "month">;
             required: true;
             default: any;
         };
@@ -169,29 +288,14 @@ declare const DateRangeTypes: () => ({
             type: import("vue").PropType<Date>;
             default: any;
         };
-    }>> & Readonly<{
+    }>> & {
         onOpened?: (...args: any[]) => any;
         onRangeTypeChanged?: (...args: any[]) => any;
         onCurrentDateChanged?: (...args: any[]) => any;
         onRangeChanged?: (...args: any[]) => any;
         onDateRangePresetNameChanged?: (...args: any[]) => any;
         onDismissed?: (...args: any[]) => any;
-    }>, {}, {}, {}, {}, {
-        testId: string;
-        disabled: boolean;
-        allowedDays: number;
-        uniqueId: string | number;
-        includeToday: boolean;
-        dateFormat: string;
-        types: ("date" | "month" | "week")[];
-        maxDaysInRange: number;
-        datePresetList: "date" | "month" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
-        regex: RegExp;
-        initialType: "date" | "month" | "week";
-        openOnTop: boolean;
-        showPresets: boolean;
-        maxDate: Date;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -228,7 +332,7 @@ declare const DateRangeTypes: () => ({
         default: string;
     };
     types: {
-        type: import("vue").PropType<("date" | "month" | "week")[]>;
+        type: import("vue").PropType<("date" | "week" | "month")[]>;
         default: () => string[];
     };
     maxDaysInRange: {
@@ -236,7 +340,7 @@ declare const DateRangeTypes: () => ({
         default: any;
     };
     datePresetList: {
-        type: import("vue").PropType<"date" | "month" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
+        type: import("vue").PropType<"date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12">;
         default: string;
     };
     regex: {
@@ -244,7 +348,7 @@ declare const DateRangeTypes: () => ({
         default: () => RegExp;
     };
     initialType: {
-        type: import("vue").PropType<"date" | "month" | "week">;
+        type: import("vue").PropType<"date" | "week" | "month">;
         required: true;
         default: any;
     };
@@ -262,14 +366,14 @@ declare const DateRangeTypes: () => ({
         type: import("vue").PropType<Date>;
         default: any;
     };
-}>> & Readonly<{
+}>> & {
     onOpened?: (...args: any[]) => any;
     onRangeTypeChanged?: (...args: any[]) => any;
     onCurrentDateChanged?: (...args: any[]) => any;
     onRangeChanged?: (...args: any[]) => any;
     onDateRangePresetNameChanged?: (...args: any[]) => any;
     onDismissed?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     opened: (...args: any[]) => void;
     rangeTypeChanged: (...args: any[]) => void;
     currentDateChanged: (...args: any[]) => void;
@@ -283,15 +387,15 @@ declare const DateRangeTypes: () => ({
     uniqueId: string | number;
     includeToday: boolean;
     dateFormat: string;
-    types: ("date" | "month" | "week")[];
+    types: ("date" | "week" | "month")[];
     maxDaysInRange: number;
-    datePresetList: "date" | "month" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
+    datePresetList: "date" | "week" | "month" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday" | "dateWithoutLastMonth" | "month-3-6-9-12";
     regex: RegExp;
-    initialType: "date" | "month" | "week";
+    initialType: "date" | "week" | "month";
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         field?(_: {
             currentDate: any;

package/components/dialog/common/Dialog.common.d.ts

@@ -1,6 +1,6 @@
 import { Reason } from './Reason';
 export declare const dialogCommon: (props: any, emit: any) => {
-    visible: import("vue").Ref<boolean, boolean>;
+    visible: import("vue").Ref<boolean>;
     inlineStyle: import("vue").ComputedRef<{
         width: any;
     } | {

package/components/dialog/v3/Dialog.vue.d.ts

@@ -1,5 +1,5 @@
 import { Reason } from '@/components/dialog/common/Reason';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     appendToBody?: boolean;
     content?: string;
     width?: string | number;
@@ -30,11 +30,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     beforeClose: any;
     themeClass: string;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
     close: (reason: Reason) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     appendToBody?: boolean;
     content?: string;
     width?: string | number;
@@ -65,26 +65,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     beforeClose: any;
     themeClass: string;
     testId: string;
-}>>> & Readonly<{
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
     onOpen?: () => any;
-    "onUpdate:modelValue"?: (value: boolean) => any;
-}>, {
-    themeClass: string;
+}, {
     title: string;
+    themeClass: string;
     testId: string;
     width: string | number;
     content: string;
+    showCloseButton: boolean;
     appendToBody: boolean;
+    showBackdrop: boolean;
     closeDelay: number;
     openDelay: number;
     escapeToClose: boolean;
-    showBackdrop: boolean;
-    headerBorder: boolean;
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
-    showCloseButton: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    headerBorder: boolean;
+}>, {
     header?(_: {}): any;
     default?(_: {}): any;
     footer?(_: {}): any;

package/components/dialog/v3/Dialog.vue.js

@@ -0,0 +1,7 @@
+import o from "./Dialog.vue2.js";
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Dialog.vue_vue_type_style_index_0_scoped_eeac406b_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eeac406b"]]);
+export {
+  a as default
+};

package/components/dialog/v3/Dialog.vue2.js

@@ -0,0 +1,137 @@
+ import "../../../Dialog.vue_vue_type_style_index_0_scoped_eeac406b_lang.css"; import { defineComponent as E, useCssVars as N, openBlock as s, createBlock as m, Teleport as w, createVNode as r, Transition as D, withCtx as n, unref as t, normalizeClass as f, createElementVNode as i, normalizeStyle as R, withKeys as A, renderSlot as u, createTextVNode as $, toDisplayString as h, createCommentVNode as l, createElementBlock as y } from "vue";
+import { UseFocusTrap as S } from "@vueuse/integrations/useFocusTrap/component";
+import k from "../../typography/Text.vue.js";
+import { NOOP as T } from "@vue/shared";
+import { Reason as B } from "../common/Reason.js";
+import "../../button/v3/Button.vue.js";
+import V from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import g from "../../icon/v3/Icon.vue.js";
+import { DialogTestIdModifiers as o } from "../../../testids/index.js";
+import { dialogCommon as P } from "../common/Dialog.common.js";
+const z = ["data-testid"], p = ["data-testid"], K = ["data-testid"], F = ["data-testid"], H = { class: "placeholder" }, U = {
+  key: 1,
+  class: "footer"
+}, W = ["data-testid"], x = ["data-testid"], ee = /* @__PURE__ */ E({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: !0 },
+    content: { default: null },
+    width: { default: "" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    showBackdrop: { type: Boolean, default: !0 },
+    headerBorder: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    themeClass: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: I }) {
+    const O = e;
+    N((d) => ({
+      "639c24b4": e.width
+    }));
+    const { visible: b, inlineStyle: v, handleClose: c } = P(O, I);
+    return (d, a) => (s(), m(w, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      r(D, null, {
+        default: n(() => [
+          t(b) ? (s(), m(t(S), {
+            key: 0,
+            class: f(["container", e.themeClass])
+          }, {
+            default: n(() => [
+              i("div", {
+                class: "modal",
+                style: R(t(v)),
+                "data-testid": `${e.testId}-${t(o).WRAPPER}`,
+                onKeydown: a[1] || (a[1] = A((C) => e.escapeToClose ? t(c)(t(B).Escape) : t(T)(), ["esc"]))
+              }, [
+                i("header", {
+                  class: f(["header", { "header--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).HEADER}`
+                }, [
+                  e.headerBorder ? u(d.$slots, "header", { key: 0 }, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0) : l("", !0),
+                  e.showCloseButton ? (s(), m(t(V), {
+                    key: 1,
+                    class: "button close-button",
+                    size: "md",
+                    theme: "secondary",
+                    variant: "colorized",
+                    "icon-name": "close",
+                    "data-testid": `${e.testId}-${t(o).ACTION_CLOSE}`,
+                    onClick: a[0] || (a[0] = (C) => t(c)(t(B).CloseButton))
+                  }, {
+                    default: n(() => [
+                      r(g, {
+                        "font-size": "md",
+                        name: "close"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data-testid"])) : l("", !0)
+                ], 10, p),
+                e.headerBorder ? l("", !0) : (s(), y("div", {
+                  key: 0,
+                  class: "header--secondary",
+                  "data-testid": `${e.testId}-${t(o).HEADER_SECONDARY}`
+                }, [
+                  u(d.$slots, "header", {}, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ], 8, K)),
+                i("div", {
+                  class: f(["content", { "content--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).CONTENT}`
+                }, [
+                  u(d.$slots, "default", {}, () => [
+                    i("div", H, h(e.content), 1)
+                  ], !0)
+                ], 10, F),
+                d.$slots.footer ? (s(), y("footer", U, [
+                  i("div", {
+                    class: "action-buttons",
+                    "data-testid": `${e.testId}-${t(o).ACTION_BUTTONS_WRAPPER}`
+                  }, [
+                    u(d.$slots, "footer", {}, void 0, !0)
+                  ], 8, W)
+                ])) : l("", !0)
+              ], 44, z),
+              e.showBackdrop ? (s(), y("div", {
+                key: 0,
+                class: "backdrop",
+                "data-testid": `${e.testId}-${t(o).BACKDROP}`,
+                onClick: a[2] || (a[2] = (C) => e.closeOnClickOutside ? t(c)(t(B).Backdrop) : t(T)())
+              }, null, 8, x)) : l("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : l("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  ee as default
+};