@vuetify/nightly 3.7.5-master.2024-12-17 → 3.7.6-dev.2025-01-06

package/lib/components/VDialog/index.d.mts

@@ -1,3 +1,4 @@
+import * as _vue_reactivity from '@vue/reactivity';
 import * as vue from 'vue';
 import { ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, Ref, EffectScope, Component, nextTick } from 'vue';
 
@@ -93,7 +94,7 @@ declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyPr
 declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void;
 
 declare const VDialog: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -286,89 +287,7 @@ declare const VDialog: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            absolute: boolean;
-            location: Anchor;
-            origin: "auto" | Anchor | "overlap";
-            transition: string | boolean | (vue.TransitionProps & {
-                component?: Component;
-            });
-            zIndex: string | number;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            persistent: boolean;
-            modelValue: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
-                updateLocation: (e?: Event) => void;
-            });
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            scrim: string | boolean;
-            _disableGlobalStack: boolean;
-        } & {
-            offset?: string | number | number[] | undefined;
-            height?: string | number | undefined;
-            width?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            opacity?: string | number | undefined;
-            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-            class?: any;
-            theme?: string | undefined;
-            contentClass?: any;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-            closeDelay?: string | number | undefined;
-            openDelay?: string | number | undefined;
-            openOnClick?: boolean | undefined;
-            openOnFocus?: boolean | undefined;
-            contentProps?: any;
-            attach?: string | boolean | Element | undefined;
-        } & {
-            $children?: vue.VNodeChild | {
-                default?: ((arg: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild);
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: false | ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:activator"?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            onAfterEnter?: (() => any) | undefined;
-            onAfterLeave?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -387,6 +306,7 @@ declare const VDialog: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -472,14 +392,14 @@ declare const VDialog: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: vue.Ref<HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined>;
+            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean>>;
+            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -521,7 +441,7 @@ declare const VDialog: {
                 props: Record<string, any>;
                 targetRef: TemplateRef;
             }) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -540,8 +460,8 @@ declare const VDialog: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -559,103 +479,22 @@ declare const VDialog: {
         });
         scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
         activatorProps: Record<string, any>;
+        openOnClick: boolean;
         openOnHover: boolean;
+        openOnFocus: boolean;
         closeOnContentClick: boolean;
         closeOnBack: boolean;
         contained: boolean;
         noClickAnimation: boolean;
         scrim: string | boolean;
         _disableGlobalStack: boolean;
-    } & {
-        offset?: string | number | number[] | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        opacity?: string | number | undefined;
-        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-        class?: any;
-        theme?: string | undefined;
-        contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-        closeDelay?: string | number | undefined;
-        openDelay?: string | number | undefined;
-        openOnClick?: boolean | undefined;
-        openOnFocus?: boolean | undefined;
-        contentProps?: any;
-        attach?: string | boolean | Element | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: {
-            isActive: vue.Ref<boolean>;
-        }) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            isActive: vue.Ref<boolean>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:activator"?: false | ((arg: {
-            isActive: boolean;
-            props: Record<string, any>;
-            targetRef: TemplateRef;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        onAfterEnter?: (() => any) | undefined;
-        onAfterLeave?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: vue.Ref<HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined>;
-        target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
-        animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean>>;
-        localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
-        _allExposed: {
-            activatorEl: vue.Ref<HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined>;
-            target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
-            animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean>>;
-            localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-        } | {};
-    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        'update:modelValue': (value: boolean) => true;
-        afterEnter: () => true;
-        afterLeave: () => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }> & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
         transition: string | boolean | (vue.TransitionProps & {
             component?: Component;
-        }) | {
-            component: Component;
-        };
+        });
         zIndex: string | number;
         style: vue.StyleValue;
         eager: boolean;
@@ -673,9 +512,7 @@ declare const VDialog: {
         contained: boolean;
         noClickAnimation: boolean;
         scrim: string | boolean;
-        fullscreen: boolean;
-        retainFocus: boolean;
-        scrollable: boolean;
+        _disableGlobalStack: boolean;
     } & {
         offset?: string | number | number[] | undefined;
         height?: string | number | undefined;
@@ -732,7 +569,32 @@ declare const VDialog: {
         onAfterEnter?: (() => any) | undefined;
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, {
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
+        animateClick: () => void;
+        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean, boolean>>;
+        localTop: vue.ComputedRef<boolean>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+        _allExposed: {
+            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
+            animateClick: () => void;
+            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean, boolean>>;
+            localTop: vue.ComputedRef<boolean>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+        } | {};
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        'update:modelValue': (value: boolean) => true;
+        afterEnter: () => true;
+        afterLeave: () => true;
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -772,7 +634,7 @@ declare const VDialog: {
             props: Record<string, any>;
             targetRef: TemplateRef;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -972,89 +834,7 @@ declare const VDialog: {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-            absolute: boolean;
-            location: Anchor;
-            origin: "auto" | Anchor | "overlap";
-            transition: string | boolean | (vue.TransitionProps & {
-                component?: Component;
-            });
-            zIndex: string | number;
-            style: vue.StyleValue;
-            eager: boolean;
-            disabled: boolean;
-            persistent: boolean;
-            modelValue: boolean;
-            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
-                updateLocation: (e?: Event) => void;
-            });
-            scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
-            activatorProps: Record<string, any>;
-            openOnHover: boolean;
-            closeOnContentClick: boolean;
-            closeOnBack: boolean;
-            contained: boolean;
-            noClickAnimation: boolean;
-            scrim: string | boolean;
-            _disableGlobalStack: boolean;
-        } & {
-            offset?: string | number | number[] | undefined;
-            height?: string | number | undefined;
-            width?: string | number | undefined;
-            maxHeight?: string | number | undefined;
-            maxWidth?: string | number | undefined;
-            minHeight?: string | number | undefined;
-            minWidth?: string | number | undefined;
-            opacity?: string | number | undefined;
-            target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-            class?: any;
-            theme?: string | undefined;
-            contentClass?: any;
-            activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-            closeDelay?: string | number | undefined;
-            openDelay?: string | number | undefined;
-            openOnClick?: boolean | undefined;
-            openOnFocus?: boolean | undefined;
-            contentProps?: any;
-            attach?: string | boolean | Element | undefined;
-        } & {
-            $children?: vue.VNodeChild | {
-                default?: ((arg: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild);
-            'v-slots'?: {
-                default?: false | ((arg: {
-                    isActive: vue.Ref<boolean>;
-                }) => vue.VNodeChild) | undefined;
-                activator?: false | ((arg: {
-                    isActive: boolean;
-                    props: Record<string, any>;
-                    targetRef: TemplateRef;
-                }) => vue.VNodeChild) | undefined;
-            } | undefined;
-        } & {
-            "v-slot:default"?: false | ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            "v-slot:activator"?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } & {
-            onAfterEnter?: (() => any) | undefined;
-            onAfterLeave?: (() => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1073,6 +853,7 @@ declare const VDialog: {
         }>;
         $root: vue.ComponentPublicInstance | null;
         $parent: vue.ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
         $el: any;
         $options: vue.ComponentOptionsBase<{
@@ -1158,14 +939,14 @@ declare const VDialog: {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         }, {
-            activatorEl: vue.Ref<HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined>;
+            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean>>;
+            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'click:outside': (e: MouseEvent) => true;
             'update:modelValue': (value: boolean) => true;
@@ -1207,7 +988,7 @@ declare const VDialog: {
                 props: Record<string, any>;
                 targetRef: TemplateRef;
             }) => vue.VNode[];
-        }>>> & {
+        }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -1226,8 +1007,35 @@ declare const VDialog: {
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-    } & Omit<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+    } & Readonly<{
+        absolute: boolean;
+        location: Anchor;
+        origin: "auto" | Anchor | "overlap";
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: Component;
+        });
+        zIndex: string | number;
+        style: vue.StyleValue;
+        eager: boolean;
+        disabled: boolean;
+        persistent: boolean;
+        modelValue: boolean;
+        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
+            updateLocation: (e?: Event) => void;
+        });
+        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
+        activatorProps: Record<string, any>;
+        openOnClick: boolean;
+        openOnHover: boolean;
+        openOnFocus: boolean;
+        closeOnContentClick: boolean;
+        closeOnBack: boolean;
+        contained: boolean;
+        noClickAnimation: boolean;
+        scrim: string | boolean;
+        _disableGlobalStack: boolean;
+    }> & Omit<{
         absolute: boolean;
         location: Anchor;
         origin: "auto" | Anchor | "overlap";
@@ -1309,25 +1117,25 @@ declare const VDialog: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-        activatorEl: vue.Ref<HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined>;
+    }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean>>;
+        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
         _allExposed: {
-            activatorEl: vue.Ref<HTMLElement | undefined>;
-            scrimEl: vue.Ref<HTMLElement | undefined>;
+            activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
             target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
             animateClick: () => void;
-            contentEl: vue.Ref<HTMLElement | undefined>;
-            globalTop: Readonly<vue.Ref<boolean>>;
+            contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            globalTop: Readonly<vue.Ref<boolean, boolean>>;
             localTop: vue.ComputedRef<boolean>;
-            updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+            updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {};
     }, {}, {}, {}, {
         absolute: boolean;
@@ -1557,89 +1365,7 @@ declare const VDialog: {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        absolute: boolean;
-        location: Anchor;
-        origin: "auto" | Anchor | "overlap";
-        transition: string | boolean | (vue.TransitionProps & {
-            component?: Component;
-        });
-        zIndex: string | number;
-        style: vue.StyleValue;
-        eager: boolean;
-        disabled: boolean;
-        persistent: boolean;
-        modelValue: boolean;
-        locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
-            updateLocation: (e?: Event) => void;
-        });
-        scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
-        activatorProps: Record<string, any>;
-        openOnHover: boolean;
-        closeOnContentClick: boolean;
-        closeOnBack: boolean;
-        contained: boolean;
-        noClickAnimation: boolean;
-        scrim: string | boolean;
-        _disableGlobalStack: boolean;
-    } & {
-        offset?: string | number | number[] | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        opacity?: string | number | undefined;
-        target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
-        class?: any;
-        theme?: string | undefined;
-        contentClass?: any;
-        activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
-        closeDelay?: string | number | undefined;
-        openDelay?: string | number | undefined;
-        openOnClick?: boolean | undefined;
-        openOnFocus?: boolean | undefined;
-        contentProps?: any;
-        attach?: string | boolean | Element | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: {
-            isActive: vue.Ref<boolean>;
-        }) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                isActive: vue.Ref<boolean>;
-            }) => vue.VNodeChild) | undefined;
-            activator?: false | ((arg: {
-                isActive: boolean;
-                props: Record<string, any>;
-                targetRef: TemplateRef;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            isActive: vue.Ref<boolean>;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:activator"?: false | ((arg: {
-            isActive: boolean;
-            props: Record<string, any>;
-            targetRef: TemplateRef;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        onAfterEnter?: (() => any) | undefined;
-        onAfterLeave?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    }, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1658,6 +1384,7 @@ declare const VDialog: {
     }>;
     $root: vue.ComponentPublicInstance | null;
     $parent: vue.ComponentPublicInstance | null;
+    $host: Element | null;
     $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
     $el: any;
     $options: vue.ComponentOptionsBase<{
@@ -1743,14 +1470,14 @@ declare const VDialog: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     }, {
-        activatorEl: vue.Ref<HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined>;
+        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean>>;
+        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'click:outside': (e: MouseEvent) => true;
         'update:modelValue': (value: boolean) => true;
@@ -1792,7 +1519,7 @@ declare const VDialog: {
             props: Record<string, any>;
             targetRef: TemplateRef;
         }) => vue.VNode[];
-    }>>> & {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
         beforeMount?: (() => void) | (() => void)[];
@@ -1811,8 +1538,35 @@ declare const VDialog: {
     };
     $forceUpdate: () => void;
     $nextTick: typeof nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
-} & Omit<{
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, _vue_reactivity.OnCleanup]) => any : (...args: [any, any, _vue_reactivity.OnCleanup]) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
+} & Readonly<{
+    absolute: boolean;
+    location: Anchor;
+    origin: "auto" | Anchor | "overlap";
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: Component;
+    });
+    zIndex: string | number;
+    style: vue.StyleValue;
+    eager: boolean;
+    disabled: boolean;
+    persistent: boolean;
+    modelValue: boolean;
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
+        updateLocation: (e?: Event) => void;
+    });
+    scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition";
+    activatorProps: Record<string, any>;
+    openOnClick: boolean;
+    openOnHover: boolean;
+    openOnFocus: boolean;
+    closeOnContentClick: boolean;
+    closeOnBack: boolean;
+    contained: boolean;
+    noClickAnimation: boolean;
+    scrim: string | boolean;
+    _disableGlobalStack: boolean;
+}> & Omit<{
     absolute: boolean;
     location: Anchor;
     origin: "auto" | Anchor | "overlap";
@@ -1894,25 +1648,25 @@ declare const VDialog: {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
-    activatorEl: vue.Ref<HTMLElement | undefined>;
-    scrimEl: vue.Ref<HTMLElement | undefined>;
+}, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
+    activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
     target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
     animateClick: () => void;
-    contentEl: vue.Ref<HTMLElement | undefined>;
-    globalTop: Readonly<vue.Ref<boolean>>;
+    contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    globalTop: Readonly<vue.Ref<boolean, boolean>>;
     localTop: vue.ComputedRef<boolean>;
-    updateLocation: vue.Ref<((e: Event) => void) | undefined>;
-}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
+    updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
+}> & {} & vue.ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
     _allExposed: {
-        activatorEl: vue.Ref<HTMLElement | undefined>;
-        scrimEl: vue.Ref<HTMLElement | undefined>;
+        activatorEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrimEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
         animateClick: () => void;
-        contentEl: vue.Ref<HTMLElement | undefined>;
-        globalTop: Readonly<vue.Ref<boolean>>;
+        contentEl: vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        globalTop: Readonly<vue.Ref<boolean, boolean>>;
         localTop: vue.ComputedRef<boolean>;
-        updateLocation: vue.Ref<((e: Event) => void) | undefined>;
+        updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => true;
@@ -1958,7 +1712,7 @@ declare const VDialog: {
         props: Record<string, any>;
         targetRef: TemplateRef;
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     transition: Omit<{
         type: vue.PropType<string | boolean | (vue.TransitionProps & {
             component?: Component;