@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.13

package/lib/components/VOverlay/index.d.ts

@@ -0,0 +1,579 @@
+import * as vue from 'vue';
+import { Ref, VNodeChild, PropType } from 'vue';
+
+interface ScrollStrategyData {
+    root: Ref<HTMLElement | undefined>;
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    updateLocation: Ref<((e: Event) => void) | undefined>;
+}
+declare const scrollStrategies: {
+    none: null;
+    close: typeof closeScrollStrategy;
+    block: typeof blockScrollStrategy;
+    reposition: typeof repositionScrollStrategy;
+};
+interface StrategyProps$1 {
+    scrollStrategy: keyof typeof scrollStrategies | ((data: ScrollStrategyData, props?: StrategyProps$1) => void);
+    contained: boolean | undefined;
+}
+declare function closeScrollStrategy(data: ScrollStrategyData): void;
+declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1): void;
+declare function repositionScrollStrategy(data: ScrollStrategyData): void;
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare type SlotsToProps<T extends Record<string, Slot>> = {
+    $children: () => (T['default'] | VNodeChild | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots': new () => {
+        [K in keyof T]?: T[K] | false;
+    };
+};
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
+interface LocationStrategyData {
+    contentEl: Ref<HTMLElement | undefined>;
+    activatorEl: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    isRtl: Ref<boolean>;
+}
+declare const locationStrategies: {
+    static: typeof staticLocationStrategy;
+    connected: typeof connectedLocationStrategy;
+};
+interface StrategyProps {
+    locationStrategy: keyof typeof locationStrategies | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
+        updateLocation: (e: Event) => void;
+    });
+    location: Anchor;
+    origin: Anchor | 'auto' | 'overlap';
+    offset?: number | string | number[];
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
+}
+declare function staticLocationStrategy(): void;
+declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>): {
+    updateLocation: () => void;
+};
+
+declare type OverlaySlots = MakeSlots<{
+    default: [{
+        isActive: Ref<boolean>;
+    }];
+    activator: [{
+        isActive: boolean;
+        props: Record<string, any>;
+    }];
+}>;
+declare const VOverlay: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            transition: {
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: PropType<string | number | number[] | undefined>;
+            eager: BooleanConstructor;
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "contained" | "noClickAnimation" | "persistent" | "closeOnBack" | "scrim">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            transition: {
+                type: PropType<string | boolean | (vue.TransitionProps & {
+                    component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+                })>;
+                default: string;
+                validator: (val: unknown) => boolean;
+            };
+            theme: StringConstructor;
+            scrollStrategy: {
+                type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            locationStrategy: {
+                type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+                    updateLocation: (e: Event) => void;
+                } | undefined)>;
+                default: string;
+                validator: (val: any) => boolean;
+            };
+            location: {
+                type: PropType<Anchor>;
+                default: string;
+            };
+            origin: {
+                type: PropType<"auto" | Anchor | "overlap">;
+                default: string;
+            };
+            offset: PropType<string | number | number[] | undefined>;
+            eager: BooleanConstructor;
+            height: (StringConstructor | NumberConstructor)[];
+            maxHeight: (StringConstructor | NumberConstructor)[];
+            maxWidth: (StringConstructor | NumberConstructor)[];
+            minHeight: (StringConstructor | NumberConstructor)[];
+            minWidth: (StringConstructor | NumberConstructor)[];
+            width: (StringConstructor | NumberConstructor)[];
+            closeDelay: (StringConstructor | NumberConstructor)[];
+            openDelay: (StringConstructor | NumberConstructor)[];
+            activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+            activatorProps: {
+                type: PropType<Record<string, any>>;
+                default: () => {};
+            };
+            openOnClick: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            openOnHover: BooleanConstructor;
+            openOnFocus: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            closeOnContentClick: BooleanConstructor;
+            absolute: BooleanConstructor;
+            attach: PropType<string | boolean | Element>;
+            closeOnBack: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            contained: BooleanConstructor;
+            contentClass: null;
+            contentProps: null;
+            disabled: BooleanConstructor;
+            noClickAnimation: BooleanConstructor;
+            modelValue: BooleanConstructor;
+            persistent: BooleanConstructor;
+            scrim: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+            };
+            zIndex: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+        } & SlotsToProps<MakeSlots<{
+            default: [{
+                isActive: Ref<boolean>;
+            }];
+            activator: [{
+                isActive: boolean;
+                props: Record<string, any>;
+            }];
+        }>>>> & {
+            onAfterLeave?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+        }, {
+            activatorEl: Ref<HTMLElement | undefined>;
+            animateClick: () => void;
+            contentEl: Ref<HTMLElement | undefined>;
+            globalTop: Readonly<Ref<boolean>>;
+            localTop: vue.ComputedRef<boolean>;
+            updateLocation: Ref<((e: Event) => void) | undefined>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'click:outside': (e: MouseEvent) => boolean;
+            'update:modelValue': (value: boolean) => boolean;
+            afterLeave: () => boolean;
+        }, string, {
+            absolute: boolean;
+            location: Anchor;
+            origin: "auto" | Anchor | "overlap";
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            zIndex: string | number;
+            eager: boolean;
+            disabled: boolean;
+            modelValue: boolean;
+            activatorProps: Record<string, any>;
+            openOnClick: boolean;
+            openOnHover: boolean;
+            openOnFocus: boolean;
+            closeOnContentClick: boolean;
+            locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined);
+            scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+            contained: boolean;
+            noClickAnimation: boolean;
+            persistent: boolean;
+            closeOnBack: boolean;
+            scrim: string | boolean;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<{
+        transition: {
+            type: PropType<string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            })>;
+            default: string;
+            validator: (val: unknown) => boolean;
+        };
+        theme: StringConstructor;
+        scrollStrategy: {
+            type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        locationStrategy: {
+            type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+                updateLocation: (e: Event) => void;
+            } | undefined)>;
+            default: string;
+            validator: (val: any) => boolean;
+        };
+        location: {
+            type: PropType<Anchor>;
+            default: string;
+        };
+        origin: {
+            type: PropType<"auto" | Anchor | "overlap">;
+            default: string;
+        };
+        offset: PropType<string | number | number[] | undefined>;
+        eager: BooleanConstructor;
+        height: (StringConstructor | NumberConstructor)[];
+        maxHeight: (StringConstructor | NumberConstructor)[];
+        maxWidth: (StringConstructor | NumberConstructor)[];
+        minHeight: (StringConstructor | NumberConstructor)[];
+        minWidth: (StringConstructor | NumberConstructor)[];
+        width: (StringConstructor | NumberConstructor)[];
+        closeDelay: (StringConstructor | NumberConstructor)[];
+        openDelay: (StringConstructor | NumberConstructor)[];
+        activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+        activatorProps: {
+            type: PropType<Record<string, any>>;
+            default: () => {};
+        };
+        openOnClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        openOnHover: BooleanConstructor;
+        openOnFocus: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        closeOnContentClick: BooleanConstructor;
+        absolute: BooleanConstructor;
+        attach: PropType<string | boolean | Element>;
+        closeOnBack: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        contained: BooleanConstructor;
+        contentClass: null;
+        contentProps: null;
+        disabled: BooleanConstructor;
+        noClickAnimation: BooleanConstructor;
+        modelValue: BooleanConstructor;
+        persistent: BooleanConstructor;
+        scrim: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
+        zIndex: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+    } & SlotsToProps<MakeSlots<{
+        default: [{
+            isActive: Ref<boolean>;
+        }];
+        activator: [{
+            isActive: boolean;
+            props: Record<string, any>;
+        }];
+    }>>>> & {
+        onAfterLeave?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        activatorEl: Ref<HTMLElement | undefined>;
+        animateClick: () => void;
+        contentEl: Ref<HTMLElement | undefined>;
+        globalTop: Readonly<Ref<boolean>>;
+        localTop: vue.ComputedRef<boolean>;
+        updateLocation: Ref<((e: Event) => void) | undefined>;
+    }> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+    transition: {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    };
+    theme: StringConstructor;
+    scrollStrategy: {
+        type: PropType<"none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void)>;
+        default: string;
+        validator: (val: any) => boolean;
+    };
+    locationStrategy: {
+        type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+            updateLocation: (e: Event) => void;
+        } | undefined)>;
+        default: string;
+        validator: (val: any) => boolean;
+    };
+    location: {
+        type: PropType<Anchor>;
+        default: string;
+    };
+    origin: {
+        type: PropType<"auto" | Anchor | "overlap">;
+        default: string;
+    };
+    offset: PropType<string | number | number[] | undefined>;
+    eager: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    closeDelay: (StringConstructor | NumberConstructor)[];
+    openDelay: (StringConstructor | NumberConstructor)[];
+    activator: PropType<string | Element | vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
+    activatorProps: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    openOnClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    openOnHover: BooleanConstructor;
+    openOnFocus: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnContentClick: BooleanConstructor;
+    absolute: BooleanConstructor;
+    attach: PropType<string | boolean | Element>;
+    closeOnBack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    contained: BooleanConstructor;
+    contentClass: null;
+    contentProps: null;
+    disabled: BooleanConstructor;
+    noClickAnimation: BooleanConstructor;
+    modelValue: BooleanConstructor;
+    persistent: BooleanConstructor;
+    scrim: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    zIndex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+} & SlotsToProps<MakeSlots<{
+    default: [{
+        isActive: Ref<boolean>;
+    }];
+    activator: [{
+        isActive: boolean;
+        props: Record<string, any>;
+    }];
+}>>>> & {
+    onAfterLeave?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
+}, {
+    activatorEl: Ref<HTMLElement | undefined>;
+    animateClick: () => void;
+    contentEl: Ref<HTMLElement | undefined>;
+    globalTop: Readonly<Ref<boolean>>;
+    localTop: vue.ComputedRef<boolean>;
+    updateLocation: Ref<((e: Event) => void) | undefined>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'click:outside': (e: MouseEvent) => boolean;
+    'update:modelValue': (value: boolean) => boolean;
+    afterLeave: () => boolean;
+}, string, {
+    absolute: boolean;
+    location: Anchor;
+    origin: "auto" | Anchor | "overlap";
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    });
+    zIndex: string | number;
+    eager: boolean;
+    disabled: boolean;
+    modelValue: boolean;
+    activatorProps: Record<string, any>;
+    openOnClick: boolean;
+    openOnHover: boolean;
+    openOnFocus: boolean;
+    closeOnContentClick: boolean;
+    locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
+        updateLocation: (e: Event) => void;
+    } | undefined);
+    scrollStrategy: "none" | "block" | "close" | "reposition" | ((data: ScrollStrategyData, props?: StrategyProps$1 | undefined) => void);
+    contained: boolean;
+    noClickAnimation: boolean;
+    persistent: boolean;
+    closeOnBack: boolean;
+    scrim: string | boolean;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: OverlaySlots;
+});
+declare type VOverlay = InstanceType<typeof VOverlay>;
+
+export { VOverlay };

package/lib/components/VOverlay/useActivator.mjs

@@ -31,6 +31,7 @@ export function useActivator(props, _ref) {
   const activatorEl = ref();
   let isHovered = false;
   let isFocused = false;
+  let firstEnter = true;
   const openOnFocus = computed(() => props.openOnFocus || props.openOnFocus == null && props.openOnHover);
   const openOnClick = computed(() => props.openOnClick || props.openOnClick == null && !props.openOnHover && !openOnFocus.value);
   const {
@@ -38,6 +39,10 @@ export function useActivator(props, _ref) {
     runCloseDelay
   } = useDelay(props, value => {
     if (value === (props.openOnHover && isHovered || openOnFocus.value && isFocused) && !(props.openOnHover && isActive.value && !isTop.value)) {
+      if (isActive.value !== value) {
+        firstEnter = true;
+      }
+
       isActive.value = value;
     }
   });
@@ -114,6 +119,26 @@ export function useActivator(props, _ref) {
 
     return events;
   });
+  const scrimEvents = computed(() => {
+    const events = {};
+
+    if (props.openOnHover) {
+      events.mouseenter = () => {
+        if (firstEnter) {
+          isHovered = true;
+          firstEnter = false;
+          runOpenDelay();
+        }
+      };
+
+      events.mouseleave = () => {
+        isHovered = false;
+        runCloseDelay();
+      };
+    }
+
+    return events;
+  });
   watch(isTop, val => {
     if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered))) {
       isActive.value = false;
@@ -149,7 +174,8 @@ export function useActivator(props, _ref) {
     activatorEl,
     activatorRef,
     activatorEvents,
-    contentEvents
+    contentEvents,
+    scrimEvents
   };
 }