UNPKG

vuetify

Version:

Vue Material Component Framework

820 lines (819 loc) 40.9 kB
import type { PropType, Ref } from 'vue'; import type { TemplateRef } from "../../util/index.js"; export type OverlaySlots = { default: { isActive: Ref<boolean>; }; activator: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }; }; export declare const makeVOverlayProps: <Defaults extends { transition?: unknown; theme?: unknown; scrollStrategy?: unknown; locationStrategy?: unknown; location?: unknown; origin?: unknown; offset?: unknown; eager?: unknown; height?: unknown; maxHeight?: unknown; maxWidth?: unknown; minHeight?: unknown; minWidth?: unknown; width?: unknown; class?: unknown; style?: unknown; closeDelay?: unknown; openDelay?: unknown; target?: unknown; activator?: unknown; activatorProps?: unknown; openOnClick?: unknown; openOnHover?: unknown; openOnFocus?: unknown; closeOnContentClick?: unknown; absolute?: unknown; attach?: unknown; closeOnBack?: unknown; contained?: unknown; contentClass?: unknown; contentProps?: unknown; disabled?: unknown; opacity?: unknown; noClickAnimation?: unknown; modelValue?: unknown; persistent?: unknown; scrim?: unknown; zIndex?: unknown; } = {}>(defaults?: Defaults | undefined) => { transition: unknown extends Defaults["transition"] ? import("vue").Prop<string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null> : { type: PropType<unknown extends Defaults["transition"] ? string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null : string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | Defaults["transition"] | null>; default: unknown extends Defaults["transition"] ? string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null : NonNullable<string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null> | Defaults["transition"]; }; theme: unknown extends Defaults["theme"] ? StringConstructor : { type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>; default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"]; }; scrollStrategy: unknown extends Defaults["scrollStrategy"] ? { type: PropType<import("./scrollStrategies.js").StrategyProps["scrollStrategy"]>; default: string; validator: (val: any) => boolean; } : Omit<{ type: PropType<import("./scrollStrategies.js").StrategyProps["scrollStrategy"]>; default: string; validator: (val: any) => boolean; }, "type" | "default"> & { type: PropType<unknown extends Defaults["scrollStrategy"] ? "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition" : "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition" | Defaults["scrollStrategy"]>; default: unknown extends Defaults["scrollStrategy"] ? "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition" : NonNullable<"none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition"> | Defaults["scrollStrategy"]; }; locationStrategy: unknown extends Defaults["locationStrategy"] ? { type: PropType<import("./locationStrategies.js").StrategyProps["locationStrategy"]>; default: string; validator: (val: any) => boolean; } : Omit<{ type: PropType<import("./locationStrategies.js").StrategyProps["locationStrategy"]>; default: string; validator: (val: any) => boolean; }, "type" | "default"> & { type: PropType<unknown extends Defaults["locationStrategy"] ? "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction : "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction | Defaults["locationStrategy"]>; default: unknown extends Defaults["locationStrategy"] ? "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction : NonNullable<"connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction> | Defaults["locationStrategy"]; }; location: unknown extends Defaults["location"] ? { type: PropType<import("./locationStrategies.js").StrategyProps["location"]>; default: string; } : Omit<{ type: PropType<import("./locationStrategies.js").StrategyProps["location"]>; default: string; }, "type" | "default"> & { type: PropType<unknown extends Defaults["location"] ? import("../../util/index.js").Anchor : import("../../util/index.js").Anchor | Defaults["location"]>; default: unknown extends Defaults["location"] ? import("../../util/index.js").Anchor : NonNullable<import("../../util/index.js").Anchor> | Defaults["location"]; }; origin: unknown extends Defaults["origin"] ? { type: PropType<import("./locationStrategies.js").StrategyProps["origin"]>; default: string; } : Omit<{ type: PropType<import("./locationStrategies.js").StrategyProps["origin"]>; default: string; }, "type" | "default"> & { type: PropType<unknown extends Defaults["origin"] ? "auto" | import("../../util/index.js").Anchor | "overlap" : "auto" | import("../../util/index.js").Anchor | "overlap" | Defaults["origin"]>; default: unknown extends Defaults["origin"] ? "auto" | import("../../util/index.js").Anchor | "overlap" : NonNullable<"auto" | import("../../util/index.js").Anchor | "overlap"> | Defaults["origin"]; }; offset: unknown extends Defaults["offset"] ? PropType<string | number | number[] | undefined> : { type: PropType<unknown extends Defaults["offset"] ? string | number | number[] | undefined : string | number | number[] | Defaults["offset"] | undefined>; default: unknown extends Defaults["offset"] ? string | number | number[] | undefined : NonNullable<string | number | number[] | undefined> | Defaults["offset"]; }; eager: unknown extends Defaults["eager"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["eager"] ? boolean : boolean | Defaults["eager"]>; default: unknown extends Defaults["eager"] ? boolean : boolean | Defaults["eager"]; }; height: unknown extends Defaults["height"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>; default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"]; }; maxHeight: unknown extends Defaults["maxHeight"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>; default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"]; }; maxWidth: unknown extends Defaults["maxWidth"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>; default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"]; }; minHeight: unknown extends Defaults["minHeight"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>; default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"]; }; minWidth: unknown extends Defaults["minWidth"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>; default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]; }; width: unknown extends Defaults["width"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>; default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]; }; class: unknown extends Defaults["class"] ? PropType<any> : { type: PropType<unknown extends Defaults["class"] ? any : any>; default: unknown extends Defaults["class"] ? any : any; }; style: unknown extends Defaults["style"] ? { type: PropType<import("vue").StyleValue>; default: null; } : Omit<{ type: PropType<import("vue").StyleValue>; default: null; }, "type" | "default"> & { type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>; default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"]; }; closeDelay: unknown extends Defaults["closeDelay"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["closeDelay"] ? string | number : string | number | Defaults["closeDelay"]>; default: unknown extends Defaults["closeDelay"] ? string | number : NonNullable<string | number> | Defaults["closeDelay"]; }; openDelay: unknown extends Defaults["openDelay"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["openDelay"] ? string | number : string | number | Defaults["openDelay"]>; default: unknown extends Defaults["openDelay"] ? string | number : NonNullable<string | number> | Defaults["openDelay"]; }; target: unknown extends Defaults["target"] ? PropType<Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined> : { type: PropType<unknown extends Defaults["target"] ? Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined : Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | Defaults["target"] | undefined>; default: unknown extends Defaults["target"] ? Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined : NonNullable<Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined> | Defaults["target"]; }; activator: unknown extends Defaults["activator"] ? PropType<Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined> : { type: PropType<unknown extends Defaults["activator"] ? Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined : Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | Defaults["activator"] | undefined>; default: unknown extends Defaults["activator"] ? Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined : NonNullable<Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined> | Defaults["activator"]; }; activatorProps: unknown extends Defaults["activatorProps"] ? { type: PropType<Record<string, any>>; default: () => {}; } : Omit<{ type: PropType<Record<string, any>>; default: () => {}; }, "type" | "default"> & { type: PropType<unknown extends Defaults["activatorProps"] ? Record<string, any> : Record<string, any> | Defaults["activatorProps"]>; default: unknown extends Defaults["activatorProps"] ? Record<string, any> : Record<string, any> | Defaults["activatorProps"]; }; openOnClick: unknown extends Defaults["openOnClick"] ? { type: BooleanConstructor; default: undefined; } : Omit<{ type: BooleanConstructor; default: undefined; }, "type" | "default"> & { type: PropType<unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"]>; default: unknown extends Defaults["openOnClick"] ? boolean : boolean | Defaults["openOnClick"]; }; openOnHover: unknown extends Defaults["openOnHover"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"]>; default: unknown extends Defaults["openOnHover"] ? boolean : boolean | Defaults["openOnHover"]; }; openOnFocus: unknown extends Defaults["openOnFocus"] ? { type: BooleanConstructor; default: undefined; } : Omit<{ type: BooleanConstructor; default: undefined; }, "type" | "default"> & { type: PropType<unknown extends Defaults["openOnFocus"] ? boolean : boolean | Defaults["openOnFocus"]>; default: unknown extends Defaults["openOnFocus"] ? boolean : boolean | Defaults["openOnFocus"]; }; closeOnContentClick: unknown extends Defaults["closeOnContentClick"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["closeOnContentClick"] ? boolean : boolean | Defaults["closeOnContentClick"]>; default: unknown extends Defaults["closeOnContentClick"] ? boolean : boolean | Defaults["closeOnContentClick"]; }; absolute: unknown extends Defaults["absolute"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["absolute"] ? boolean : boolean | Defaults["absolute"]>; default: unknown extends Defaults["absolute"] ? boolean : boolean | Defaults["absolute"]; }; attach: unknown extends Defaults["attach"] ? PropType<string | boolean | Element> : { type: PropType<unknown extends Defaults["attach"] ? string | boolean | Element : string | boolean | Element | Defaults["attach"]>; default: unknown extends Defaults["attach"] ? string | boolean | Element : Defaults["attach"] | NonNullable<string | boolean | Element>; }; closeOnBack: unknown extends Defaults["closeOnBack"] ? { type: BooleanConstructor; default: boolean; } : Omit<{ type: BooleanConstructor; default: boolean; }, "type" | "default"> & { type: PropType<unknown extends Defaults["closeOnBack"] ? boolean : boolean | Defaults["closeOnBack"]>; default: unknown extends Defaults["closeOnBack"] ? boolean : boolean | Defaults["closeOnBack"]; }; contained: unknown extends Defaults["contained"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]>; default: unknown extends Defaults["contained"] ? boolean : boolean | Defaults["contained"]; }; contentClass: unknown extends Defaults["contentClass"] ? null : { type: PropType<unknown extends Defaults["contentClass"] ? any : any>; default: unknown extends Defaults["contentClass"] ? any : any; }; contentProps: unknown extends Defaults["contentProps"] ? null : { type: PropType<unknown extends Defaults["contentProps"] ? any : any>; default: unknown extends Defaults["contentProps"] ? any : any; }; disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>; default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]; }; opacity: unknown extends Defaults["opacity"] ? (StringConstructor | NumberConstructor)[] : { type: PropType<unknown extends Defaults["opacity"] ? string | number : string | number | Defaults["opacity"]>; default: unknown extends Defaults["opacity"] ? string | number : NonNullable<string | number> | Defaults["opacity"]; }; noClickAnimation: unknown extends Defaults["noClickAnimation"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["noClickAnimation"] ? boolean : boolean | Defaults["noClickAnimation"]>; default: unknown extends Defaults["noClickAnimation"] ? boolean : boolean | Defaults["noClickAnimation"]; }; modelValue: unknown extends Defaults["modelValue"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"]>; default: unknown extends Defaults["modelValue"] ? boolean : boolean | Defaults["modelValue"]; }; persistent: unknown extends Defaults["persistent"] ? BooleanConstructor : { type: PropType<unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"]>; default: unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"]; }; scrim: unknown extends Defaults["scrim"] ? { type: (StringConstructor | BooleanConstructor)[]; default: boolean; } : Omit<{ type: (StringConstructor | BooleanConstructor)[]; default: boolean; }, "type" | "default"> & { type: PropType<unknown extends Defaults["scrim"] ? string | boolean : string | boolean | Defaults["scrim"]>; default: unknown extends Defaults["scrim"] ? string | boolean : NonNullable<string | boolean> | Defaults["scrim"]; }; zIndex: unknown extends Defaults["zIndex"] ? { type: (StringConstructor | NumberConstructor)[]; default: number; } : Omit<{ type: (StringConstructor | NumberConstructor)[]; default: number; }, "type" | "default"> & { type: PropType<unknown extends Defaults["zIndex"] ? string | number : string | number | Defaults["zIndex"]>; default: unknown extends Defaults["zIndex"] ? string | number : NonNullable<string | number> | Defaults["zIndex"]; }; }; export declare const VOverlay: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{ absolute: boolean; location: import("../../util/index.js").Anchor; origin: "auto" | import("../../util/index.js").Anchor | "overlap"; zIndex: string | number; style: import("vue").StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "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; transition?: string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null | undefined; target?: Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: import("vue").VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } & { onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; onKeydown?: ((e: KeyboardEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; target: import("vue").ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; globalTop: Readonly<Ref<boolean, boolean>>; localTop: Readonly<Ref<boolean, boolean>>; updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; keydown: (e: KeyboardEvent) => true; afterEnter: () => true; afterLeave: () => true; }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, { absolute: boolean; location: import("../../util/index.js").Anchor; origin: "auto" | import("../../util/index.js").Anchor | "overlap"; zIndex: string | number; style: import("vue").StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, true, {}, import("vue").SlotsType<Partial<{ default: (arg: { isActive: Ref<boolean>; }) => import("vue").VNode[]; activator: (arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNode[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { absolute: boolean; location: import("../../util/index.js").Anchor; origin: "auto" | import("../../util/index.js").Anchor | "overlap"; zIndex: string | number; style: import("vue").StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "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; transition?: string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null | undefined; target?: Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: import("vue").VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } & { onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; onKeydown?: ((e: KeyboardEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; target: import("vue").ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; globalTop: Readonly<Ref<boolean, boolean>>; localTop: Readonly<Ref<boolean, boolean>>; updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>; }, {}, {}, {}, { absolute: boolean; location: import("../../util/index.js").Anchor; origin: "auto" | import("../../util/index.js").Anchor | "overlap"; zIndex: string | number; style: import("vue").StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<{ absolute: boolean; location: import("../../util/index.js").Anchor; origin: "auto" | import("../../util/index.js").Anchor | "overlap"; zIndex: string | number; style: import("vue").StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "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; transition?: string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; }) | null | undefined; target?: Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: import("vue").VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => import("vue").VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNodeChild) | undefined; } & { onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; onKeydown?: ((e: KeyboardEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; target: import("vue").ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; globalTop: Readonly<Ref<boolean, boolean>>; localTop: Readonly<Ref<boolean, boolean>>; updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; keydown: (e: KeyboardEvent) => true; afterEnter: () => true; afterLeave: () => true; }, string, { absolute: boolean; location: import("../../util/index.js").Anchor; origin: "auto" | import("../../util/index.js").Anchor | "overlap"; zIndex: string | number; style: import("vue").StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | import("./locationStrategies.js").LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | import("./scrollStrategies.js").ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, {}, string, import("vue").SlotsType<Partial<{ default: (arg: { isActive: Ref<boolean>; }) => import("vue").VNode[]; activator: (arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => import("vue").VNode[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{ transition: import("vue").Prop<null | string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; })>; theme: StringConstructor; scrollStrategy: { type: PropType<import("./scrollStrategies.js").StrategyProps["scrollStrategy"]>; default: string; validator: (val: any) => boolean; }; locationStrategy: { type: PropType<import("./locationStrategies.js").StrategyProps["locationStrategy"]>; default: string; validator: (val: any) => boolean; }; location: { type: PropType<import("./locationStrategies.js").StrategyProps["location"]>; default: string; }; origin: { type: PropType<import("./locationStrategies.js").StrategyProps["origin"]>; default: string; }; offset: PropType<import("./locationStrategies.js").StrategyProps["offset"]>; eager: BooleanConstructor; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; maxWidth: (StringConstructor | NumberConstructor)[]; minHeight: (StringConstructor | NumberConstructor)[]; minWidth: (StringConstructor | NumberConstructor)[]; width: (StringConstructor | NumberConstructor)[]; class: PropType<import("../../composables/component.js").ClassValue>; style: { type: PropType<import("vue").StyleValue>; default: null; }; closeDelay: (StringConstructor | NumberConstructor)[]; openDelay: (StringConstructor | NumberConstructor)[]; target: PropType<Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined>; activator: PropType<Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | 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<boolean | string | Element>; closeOnBack: { type: BooleanConstructor; default: boolean; }; contained: BooleanConstructor; contentClass: null; contentProps: null; disabled: BooleanConstructor; opacity: (StringConstructor | NumberConstructor)[]; noClickAnimation: BooleanConstructor; modelValue: BooleanConstructor; persistent: BooleanConstructor; scrim: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; }; zIndex: { type: (StringConstructor | NumberConstructor)[]; default: number; }; _disableGlobalStack: BooleanConstructor; }, import("vue").ExtractPropTypes<{ transition: import("vue").Prop<null | string | boolean | (import("vue").TransitionProps & { component?: import("vue").Component; })>; theme: StringConstructor; scrollStrategy: { type: PropType<import("./scrollStrategies.js").StrategyProps["scrollStrategy"]>; default: string; validator: (val: any) => boolean; }; locationStrategy: { type: PropType<import("./locationStrategies.js").StrategyProps["locationStrategy"]>; default: string; validator: (val: any) => boolean; }; location: { type: PropType<import("./locationStrategies.js").StrategyProps["location"]>; default: string; }; origin: { type: PropType<import("./locationStrategies.js").StrategyProps["origin"]>; default: string; }; offset: PropType<import("./locationStrategies.js").StrategyProps["offset"]>; eager: BooleanConstructor; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; maxWidth: (StringConstructor | NumberConstructor)[]; minHeight: (StringConstructor | NumberConstructor)[]; minWidth: (StringConstructor | NumberConstructor)[]; width: (StringConstructor | NumberConstructor)[]; class: PropType<import("../../composables/component.js").ClassValue>; style: { type: PropType<import("vue").StyleValue>; default: null; }; closeDelay: (StringConstructor | NumberConstructor)[]; openDelay: (StringConstructor | NumberConstructor)[]; target: PropType<Element | "cursor" | "parent" | (string & {}) | import("vue").ComponentPublicInstance | [x: number, y: number] | undefined>; activator: PropType<Element | "parent" | (string & {}) | import("vue").ComponentPublicInstance | 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<boolean | string | Element>; closeOnBack: { type: BooleanConstructor; default: boolean; }; contained: BooleanConstructor; contentClass: null; contentProps: null; disabled: BooleanConstructor; opacity: (StringConstructor | NumberConstructor)[]; noClickAnimation: BooleanConstructor; modelValue: BooleanConstructor; persistent: BooleanConstructor; scrim: { type: (StringConstructor | BooleanConstructor)[]; default: boolean; }; zIndex: { type: (StringConstructor | NumberConstructor)[]; default: number; }; _disableGlobalStack: BooleanConstructor; }>>; export type VOverlay = InstanceType<typeof VOverlay>;