vuetify
Version:
Vue Material Component Framework
820 lines (819 loc) • 40.9 kB
TypeScript
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>;