@ironsource/shared-ui 2.1.12-rc.30 → 2.1.12-rc.31

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,22 +1,17 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
 import { NOOP as I } from "@vue/shared";
-import b from "../../typography/v4/Typography.vue.js";
-import O from "../../button/v4/ButtonV4.vue.js";
-import S from "../../button/v4/IconButtonV4.vue.js";
-import "../../button/v4/ButtonGroup.vue.js";
-import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import { Reason as g } from "../common/Reason.js";
-import { dialogCommon as V } from "../common/Dialog.common.js";
-import { DialogTestIdModifiers as a } from "../../../testids/index.js";
-import { useTestIdAttrs as p } from "../../../utils/testIds.js";
-import { useMagicKeys as D, whenever as R } from "@vueuse/core";
-const $ = {
+import N from "../../typography/v4/Typography.vue.js";
+import { Reason as v } from "../common/Reason.js";
+import { dialogCommon as P } from "../common/Dialog.common.js";
+import { DialogTestIdModifiers as i } from "../../../testids/index.js";
+import { useTestIdAttrs as V } from "../../../utils/testIds.js";
+import { useMagicKeys as $, whenever as S } from "@vueuse/core";
+import E from "./DialogHeader.vue.js";
+import A from "./DialogFooter.vue.js";
+const F = {
   key: 0,
   class: "container light-theme-v4"
-}, F = { class: "title" }, U = {
-  key: 1,
-  class: "footer"
-}, Y = /* @__PURE__ */ L({
+}, J = /* @__PURE__ */ k({
   __name: "DialogV4",
   props: {
     modelValue: { type: Boolean },
@@ -44,115 +39,78 @@ const $ = {
     noPadding: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "open", "close", "save", "cancel"],
-  setup(e, { emit: C }) {
-    const r = e, { escape: w } = D(), n = p(r.testId, a), { visible: h, handleClose: v } = V(r, C);
-    R(w, () => {
-      h.value && r.escapeToClose && !r.saveButtonLoading && v(g.Escape);
+  setup(e, { emit: c }) {
+    const a = e, { escape: h } = $(), r = V(a.testId, i), { visible: m, handleClose: f } = P(a, c);
+    S(h, () => {
+      m.value && a.escapeToClose && !a.saveButtonLoading && f(v.Escape);
     });
-    const N = () => {
-      const { closeOnClickOutside: c, saveButtonLoading: d } = r;
-      c && !d ? v(g.Backdrop) : I();
+    const w = () => {
+      const { closeOnClickOutside: n, saveButtonLoading: o } = a;
+      n && !o ? f(v.Backdrop) : I();
     };
-    return (c, d) => (o(), u(E, {
+    return (n, o) => (l(), s(T, {
       to: "body",
       disabled: !e.appendToBody
     }, [
-      A(P, null, {
-        default: i(() => [
-          t(h) ? (o(), m("div", $, [
-            y("div", s({
+      L(D, null, {
+        default: d(() => [
+          t(m) ? (l(), C("div", F, [
+            g("div", B({
               class: ["dialog", [`dialog--${e.size}`]]
-            }, t(n)[t(a).WRAPPER]), [
-              e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
+            }, t(r)[t(i).WRAPPER]), [
+              e.title || e.subtitle || e.showCloseButton ? (l(), s(E, {
                 key: 0,
-                class: "header"
-              }, t(n)[t(a).HEADER]), [
-                y("div", F, [
-                  k(c.$slots, "header", {}, () => [
-                    e.title ? (o(), u(t(b), {
-                      key: 0,
-                      variant: "h3"
-                    }, {
-                      default: i(() => [
-                        f(B(e.title), 1)
-                      ]),
-                      _: 1
-                    })) : l("", !0),
-                    e.subtitle ? (o(), u(t(b), {
-                      key: 1,
-                      class: "subtitle",
-                      variant: "body1"
-                    }, {
-                      default: i(() => [
-                        f(B(e.subtitle), 1)
-                      ]),
-                      _: 1
-                    })) : l("", !0)
-                  ], !0)
+                title: e.title,
+                subtitle: e.subtitle,
+                "show-close-button": e.showCloseButton,
+                "disable-close-button": e.saveButtonLoading,
+                "test-id": e.testId,
+                onClose: o[0] || (o[0] = (y) => t(f)(t(v).CloseButton))
+              }, {
+                header: d(() => [
+                  b(n.$slots, "header", {}, void 0, !0)
                 ]),
-                e.showCloseButton ? (o(), u(t(S), s({
-                  key: 0,
-                  class: "close-button",
-                  "icon-name": "x",
-                  disabled: e.saveButtonLoading
-                }, t(n)[t(a).ACTION_CLOSE], {
-                  onClick: d[0] || (d[0] = (T) => t(v)(t(g).CloseButton))
-                }), null, 16, ["disabled"])) : l("", !0)
-              ], 16)) : l("", !0),
-              y("div", s({
+                _: 3
+              }, 8, ["title", "subtitle", "show-close-button", "disable-close-button", "test-id"])) : u("", !0),
+              g("div", B({
                 class: ["content", { "content--no-padding": e.noPadding }]
-              }, t(n)[t(a).CONTENT]), [
-                k(c.$slots, "default", {}, () => [
-                  e.content ? (o(), u(t(b), {
+              }, t(r)[t(i).CONTENT]), [
+                b(n.$slots, "default", {}, () => [
+                  e.content ? (l(), s(t(N), {
                     key: 0,
                     variant: "body1"
                   }, {
-                    default: i(() => [
-                      f(B(e.content), 1)
+                    default: d(() => [
+                      O(p(e.content), 1)
                     ]),
                     _: 1
-                  })) : l("", !0)
+                  })) : u("", !0)
                 ], !0)
               ], 16),
-              e.showFooter ? (o(), m("footer", U, [
-                y("div", s({ class: "action-buttons" }, t(n)[t(a).ACTION_BUTTONS_WRAPPER]), [
-                  k(c.$slots, "footer", {}, () => [
-                    e.showCancelButton ? (o(), u(t(O), s({
-                      key: 0,
-                      class: "form-action",
-                      variant: "outlined",
-                      color: e.cancelButtonColor,
-                      disabled: e.saveButtonLoading
-                    }, t(n)[t(a).CANCEL_BUTTON], {
-                      onClick: d[1] || (d[1] = (T) => C("cancel"))
-                    }), {
-                      default: i(() => [
-                        f(B(e.cancelButtonLabel), 1)
-                      ]),
-                      _: 1
-                    }, 16, ["color", "disabled"])) : l("", !0),
-                    e.showSaveButton ? (o(), u(t(O), s({
-                      key: 1,
-                      class: "form-action",
-                      loading: e.saveButtonLoading,
-                      color: e.saveButtonColor
-                    }, t(n)[t(a).SAVE_BUTTON], {
-                      onClick: d[2] || (d[2] = (T) => C("save"))
-                    }), {
-                      default: i(() => [
-                        f(B(e.saveButtonLabel), 1)
-                      ]),
-                      _: 1
-                    }, 16, ["loading", "color"])) : l("", !0)
-                  ], !0)
-                ], 16)
-              ])) : l("", !0)
+              e.showFooter ? (l(), s(A, {
+                key: 1,
+                "show-cancel-button": e.showCancelButton,
+                "show-save-button": e.showSaveButton,
+                "save-button-label": e.saveButtonLabel,
+                "save-button-loading": e.saveButtonLoading,
+                "save-button-color": e.saveButtonColor,
+                "cancel-button-label": e.cancelButtonLabel,
+                "cancel-button-color": e.cancelButtonColor,
+                "test-id": e.testId,
+                onSave: o[1] || (o[1] = (y) => c("save")),
+                onCancel: o[2] || (o[2] = (y) => c("cancel"))
+              }, {
+                footer: d(() => [
+                  b(n.$slots, "footer", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 8, ["show-cancel-button", "show-save-button", "save-button-label", "save-button-loading", "save-button-color", "cancel-button-label", "cancel-button-color", "test-id"])) : u("", !0)
             ], 16),
-            e.showBackdrop ? (o(), m("div", s({
+            e.showBackdrop ? (l(), C("div", B({
               key: 0,
               class: "dialog-backdrop"
-            }, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
-          ])) : l("", !0)
+            }, t(r)[t(i).BACKDROP], { onClick: w }), null, 16)) : u("", !0)
+          ])) : u("", !0)
         ]),
         _: 3
       })
@@ -160,5 +118,5 @@ const $ = {
   }
 });
 export {
-  Y as default
+  J as default
 };

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

@@ -9,22 +9,22 @@ declare const DialogTypes: () => ({
             size: "small" | "medium" | "extraSmall";
             content: string;
             subtitle: string;
-            appendToBody: boolean;
-            closeDelay: number;
-            openDelay: number;
-            escapeToClose: boolean;
-            showBackdrop: boolean;
-            closeOnClickOutside: boolean;
-            beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
             showCancelButton: boolean;
             showSaveButton: boolean;
-            showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: import("../../button/common/consts").ButtonColor;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            appendToBody: boolean;
+            showBackdrop: boolean;
+            closeDelay: number;
+            openDelay: number;
+            escapeToClose: boolean;
+            closeOnClickOutside: boolean;
+            beforeClose: (show: () => void) => void;
+            showFooter: boolean;
             noPadding: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -51,34 +51,6 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            appendToBody: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            openDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            escapeToClose: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showBackdrop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnClickOutside: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            beforeClose: {
-                type: import("vue").PropType<(show: () => void) => void>;
-                default: any;
-            };
             showCloseButton: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -91,10 +63,6 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showFooter: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             saveButtonLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -115,6 +83,38 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            appendToBody: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            openDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            escapeToClose: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            beforeClose: {
+                type: import("vue").PropType<(show: () => void) => void>;
+                default: any;
+            };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noPadding: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -123,9 +123,9 @@ declare const DialogTypes: () => ({
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
-            onOpen?: () => any;
             onSave?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
+            onOpen?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "appendToBody" | "showBackdrop" | "closeDelay" | "openDelay" | "escapeToClose" | "closeOnClickOutside" | "beforeClose" | "showFooter" | "noPadding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -164,34 +164,6 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            appendToBody: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            openDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            escapeToClose: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showBackdrop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            closeOnClickOutside: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            beforeClose: {
-                type: import("vue").PropType<(show: () => void) => void>;
-                default: any;
-            };
             showCloseButton: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -204,10 +176,6 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showFooter: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             saveButtonLabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -228,6 +196,38 @@ declare const DialogTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            appendToBody: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showBackdrop: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            openDelay: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            escapeToClose: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            closeOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            beforeClose: {
+                type: import("vue").PropType<(show: () => void) => void>;
+                default: any;
+            };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noPadding: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -236,8 +236,8 @@ declare const DialogTypes: () => ({
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: import("../v3").Reason) => any;
             onCancel?: () => any;
-            onOpen?: () => any;
             onSave?: () => any;
+            onOpen?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => void;
             open: () => void;
@@ -250,22 +250,22 @@ declare const DialogTypes: () => ({
             size: "small" | "medium" | "extraSmall";
             content: string;
             subtitle: string;
-            appendToBody: boolean;
-            closeDelay: number;
-            openDelay: number;
-            escapeToClose: boolean;
-            showBackdrop: boolean;
-            closeOnClickOutside: boolean;
-            beforeClose: (show: () => void) => void;
             showCloseButton: boolean;
             showCancelButton: boolean;
             showSaveButton: boolean;
-            showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
             saveButtonColor: import("../../button/common/consts").ButtonColor;
             cancelButtonLabel: string;
             cancelButtonColor: string;
+            appendToBody: boolean;
+            showBackdrop: boolean;
+            closeDelay: number;
+            openDelay: number;
+            escapeToClose: boolean;
+            closeOnClickOutside: boolean;
+            beforeClose: (show: () => void) => void;
+            showFooter: boolean;
             noPadding: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -312,34 +312,6 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        appendToBody: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeDelay: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        openDelay: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        escapeToClose: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showBackdrop: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        closeOnClickOutside: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        beforeClose: {
-            type: import("vue").PropType<(show: () => void) => void>;
-            default: any;
-        };
         showCloseButton: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -352,10 +324,6 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showFooter: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         saveButtonLabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -376,6 +344,38 @@ declare const DialogTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        appendToBody: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showBackdrop: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeDelay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        openDelay: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        escapeToClose: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        closeOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        beforeClose: {
+            type: import("vue").PropType<(show: () => void) => void>;
+            default: any;
+        };
+        showFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noPadding: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -384,8 +384,8 @@ declare const DialogTypes: () => ({
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: import("../v3").Reason) => any;
         onCancel?: () => any;
-        onOpen?: () => any;
         onSave?: () => any;
+        onOpen?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -415,34 +415,6 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    appendToBody: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    closeDelay: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    openDelay: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    escapeToClose: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showBackdrop: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    closeOnClickOutside: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    beforeClose: {
-        type: import("vue").PropType<(show: () => void) => void>;
-        default: any;
-    };
     showCloseButton: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -455,10 +427,6 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showFooter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     saveButtonLabel: {
         type: import("vue").PropType<string>;
         default: string;
@@ -479,6 +447,38 @@ declare const DialogTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    appendToBody: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    openDelay: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    escapeToClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    closeOnClickOutside: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    beforeClose: {
+        type: import("vue").PropType<(show: () => void) => void>;
+        default: any;
+    };
+    showFooter: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noPadding: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -487,8 +487,8 @@ declare const DialogTypes: () => ({
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: import("../v3").Reason) => any;
     onCancel?: () => any;
-    onOpen?: () => any;
     onSave?: () => any;
+    onOpen?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
@@ -501,22 +501,22 @@ declare const DialogTypes: () => ({
     size: "small" | "medium" | "extraSmall";
     content: string;
     subtitle: string;
-    appendToBody: boolean;
-    closeDelay: number;
-    openDelay: number;
-    escapeToClose: boolean;
-    showBackdrop: boolean;
-    closeOnClickOutside: boolean;
-    beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
     showCancelButton: boolean;
     showSaveButton: boolean;
-    showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: import("../../button/common/consts").ButtonColor;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    appendToBody: boolean;
+    showBackdrop: boolean;
+    closeDelay: number;
+    openDelay: number;
+    escapeToClose: boolean;
+    closeOnClickOutside: boolean;
+    beforeClose: (show: () => void) => void;
+    showFooter: boolean;
     noPadding: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {