import * as vue from 'vue'; import { ComponentPropsOptions, ExtractPropTypes, Ref, EffectScope, PropType } from 'vue'; declare const block: readonly ["top", "bottom"]; declare const inline: readonly ["start", "end", "left", "right"]; type Tblock = typeof block[number]; type Tinline = typeof inline[number]; type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`; declare class Box { x: number; y: number; width: number; height: number; constructor({ x, y, width, height }: { x: number; y: number; width: number; height: number; }); get top(): number; get bottom(): number; get left(): number; get right(): number; } interface FilterPropsOptions, Props = ExtractPropTypes> { filterProps, U extends Exclude>>(props: T): Partial>; } interface LocationStrategyData { contentEl: Ref; target: Ref; isActive: Ref; isRtl: Ref; } type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => undefined | { updateLocation: (e: Event) => void; }; declare const locationStrategies: { static: typeof staticLocationStrategy; connected: typeof connectedLocationStrategy; }; interface StrategyProps$1 { locationStrategy: keyof typeof locationStrategies | LocationStrategyFn; 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$1, contentStyles: Ref>): { updateLocation: () => { available: { x: number; y: number; }; contentBox: Box; } | undefined; }; interface ScrollStrategyData { root: Ref; contentEl: Ref; targetEl: Ref; isActive: Ref; updateLocation: Ref<((e: Event) => void) | undefined>; } type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps, scope: EffectScope) => void; declare const scrollStrategies: { none: null; close: typeof closeScrollStrategy; block: typeof blockScrollStrategy; reposition: typeof repositionScrollStrategy; }; interface StrategyProps { scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn; contained: boolean | undefined; } declare function closeScrollStrategy(data: ScrollStrategyData): void; declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps): void; declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void; declare const VOverlay: { new (...args: any[]): vue.CreateComponentPublicInstance<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: 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: Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { onAfterLeave?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref; target: vue.ComputedRef; animateClick: () => void; contentEl: Ref; globalTop: Readonly>; localTop: vue.ComputedRef; updateLocation: Ref<((e: Event) => void) | undefined>; }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; afterLeave: () => true; }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: 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: Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { onAfterLeave?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, true, {}, vue.SlotsType; }) => vue.VNode[]; activator: (arg: { isActive: boolean; props: Record; }) => vue.VNode[]; }>>, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: 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: Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { onAfterLeave?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref; target: vue.ComputedRef; animateClick: () => void; contentEl: Ref; globalTop: Readonly>; localTop: vue.ComputedRef; updateLocation: Ref<((e: Event) => void) | undefined>; }, {}, {}, {}, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & vue.ComponentOptionsBase<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: 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: Ref; }) => vue.VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | ((arg: { isActive: Ref; }) => vue.VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref; }) => vue.VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record; }) => vue.VNodeChild) | undefined; } & { onAfterLeave?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref; target: vue.ComputedRef; animateClick: () => void; contentEl: Ref; globalTop: Readonly>; localTop: vue.ComputedRef; updateLocation: Ref<((e: Event) => void) | undefined>; }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; afterLeave: () => true; }, string, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | (vue.TransitionProps & { component?: vue.Component | undefined; }); zIndex: string | number; style: vue.StyleValue; eager: boolean; disabled: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined); scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition"; activatorProps: Record; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, {}, string, vue.SlotsType; }) => vue.VNode[]; activator: (arg: { isActive: boolean; props: Record; }) => vue.VNode[]; }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{ transition: { type: PropType; default: string; validator: (val: unknown) => boolean; }; theme: StringConstructor; scrollStrategy: { type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; default: string; validator: (val: any) => boolean; }; locationStrategy: { type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined)>; default: string; validator: (val: any) => boolean; }; location: { type: PropType; default: string; }; origin: { type: PropType<"auto" | Anchor | "overlap">; default: string; }; offset: PropType; eager: BooleanConstructor; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; maxWidth: (StringConstructor | NumberConstructor)[]; minHeight: (StringConstructor | NumberConstructor)[]; minWidth: (StringConstructor | NumberConstructor)[]; width: (StringConstructor | NumberConstructor)[]; class: PropType; style: { type: PropType; default: null; }; closeDelay: (StringConstructor | NumberConstructor)[]; openDelay: (StringConstructor | NumberConstructor)[]; target: PropType; activator: PropType; activatorProps: { type: PropType>; default: () => {}; }; openOnClick: { type: BooleanConstructor; default: undefined; }; openOnHover: BooleanConstructor; openOnFocus: { type: BooleanConstructor; default: undefined; }; closeOnContentClick: BooleanConstructor; absolute: BooleanConstructor; attach: PropType; 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; }, vue.ExtractPropTypes<{ transition: { type: PropType; default: string; validator: (val: unknown) => boolean; }; theme: StringConstructor; scrollStrategy: { type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">; default: string; validator: (val: any) => boolean; }; locationStrategy: { type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: Ref>) => { updateLocation: (e: Event) => void; } | undefined)>; default: string; validator: (val: any) => boolean; }; location: { type: PropType; default: string; }; origin: { type: PropType<"auto" | Anchor | "overlap">; default: string; }; offset: PropType; eager: BooleanConstructor; height: (StringConstructor | NumberConstructor)[]; maxHeight: (StringConstructor | NumberConstructor)[]; maxWidth: (StringConstructor | NumberConstructor)[]; minHeight: (StringConstructor | NumberConstructor)[]; minWidth: (StringConstructor | NumberConstructor)[]; width: (StringConstructor | NumberConstructor)[]; class: PropType; style: { type: PropType; default: null; }; closeDelay: (StringConstructor | NumberConstructor)[]; openDelay: (StringConstructor | NumberConstructor)[]; target: PropType; activator: PropType; activatorProps: { type: PropType>; default: () => {}; }; openOnClick: { type: BooleanConstructor; default: undefined; }; openOnHover: BooleanConstructor; openOnFocus: { type: BooleanConstructor; default: undefined; }; closeOnContentClick: BooleanConstructor; absolute: BooleanConstructor; attach: PropType; 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; }>>; type VOverlay = InstanceType; export { VOverlay };