Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
package.lib.components.VDialog.index.d.mts Maven / Gradle / Ivy
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, Ref, EffectScope, Component, nextTick } 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>;
}
type TemplateRef = {
(target: Element | ComponentPublicInstance | null): void;
value: HTMLElement | ComponentPublicInstance | null | undefined;
readonly el: HTMLElement | undefined;
};
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 VDialog: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable | {
component: Component;
};
zIndex: NonNullable;
modelValue: boolean;
origin: NonNullable;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((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;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterLeave?: (() => any) | undefined;
}, Omit>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
}> & Omit<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref;
scrimEl: vue.Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: vue.Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions | undefined): vue.WatchStopHandle;
} & Omit<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "scrimEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref;
scrimEl: vue.Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: vue.Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable | {
component: Component;
};
zIndex: NonNullable;
modelValue: boolean;
origin: NonNullable;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((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;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterLeave?: (() => any) | undefined;
}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable | {
component: Component;
};
zIndex: NonNullable;
modelValue: boolean;
origin: NonNullable;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((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;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, true, {}, vue.SlotsType;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable | {
component: Component;
};
zIndex: NonNullable;
modelValue: boolean;
origin: NonNullable;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((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;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterLeave?: (() => any) | undefined;
}, Omit>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
}> & Omit<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref;
scrimEl: vue.Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: vue.Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions | undefined): vue.WatchStopHandle;
} & Omit<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "scrimEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref;
scrimEl: vue.Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: vue.Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable | {
component: Component;
};
zIndex: NonNullable;
modelValue: boolean;
origin: NonNullable;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((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;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable | {
component: Component;
};
zIndex: NonNullable;
modelValue: boolean;
origin: NonNullable;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((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;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterLeave?: (() => any) | undefined;
}, Omit>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
}> & Omit<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref>) => {
updateLocation: (e?: Event | undefined) => void;
} | undefined) | "connected";
scrollStrategy: "close" | "none" | "block" | ((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;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref;
scrimEl: vue.Ref;
target: vue.ComputedRef;
animateClick: () => void;
contentEl: vue.Ref;
globalTop: Readonly>;
localTop: vue.ComputedRef;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
modelValue: boolean;
origin: Anchor | "auto" | "overlap";
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref 