@jsonforms/vue-vuetify
Version:
Vue Vuetify renderers for JSON Forms
993 lines (992 loc) • 127 kB
TypeScript
import { ErrorObject } from 'ajv';
import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, CreateComponentPublicInstanceWithMixins, StyleValue, CSSProperties, TransitionProps, Component, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, ComponentPublicInstance, Ref, ComponentInternalInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
import { IconAliases } from '../..';
import { Translator } from '@jsonforms/core';
import { JSXComponent, Anchor, LocationStrategyFunction, ScrollStrategyFunction } from 'vuetify/lib/types.mjs';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { TemplateRef } from 'vuetify/lib/util/helpers.mjs';
import { OnCleanup } from '@vue/reactivity';
declare const _default: DefineComponent<ExtractPropTypes<{
errors: {
required: true;
type: PropType<ErrorObject[]>;
};
}>, {
icons: {
current: ComputedRef<IconAliases>;
};
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
errors: {
required: true;
type: PropType<ErrorObject[]>;
};
}>> & Readonly<{}>, {}, {}, {
ValidationBadge: DefineComponent<ExtractPropTypes<{
errors: {
required: true;
type: PropType<ErrorObject[]>;
};
bordered: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
inline: {
type: BooleanConstructor;
default: boolean;
};
offsetX: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
offsetY: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
floating: {
type: BooleanConstructor;
default: boolean;
};
}>, {
t: ComputedRef<Translator> | undefined;
}, {}, {
tooltipMessages(): string[];
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
errors: {
required: true;
type: PropType<ErrorObject[]>;
};
bordered: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
inline: {
type: BooleanConstructor;
default: boolean;
};
offsetX: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
offsetY: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
floating: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
color: string;
bordered: boolean;
floating: boolean;
inline: boolean;
offsetX: string | number;
offsetY: string | number;
}, {}, {
VBadge: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: string | false | StyleValue[] | CSSProperties | null;
tile: boolean;
tag: string | JSXComponent;
location: Anchor | null;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
bordered: boolean;
dot: boolean;
floating: boolean;
inline: boolean;
label: string;
modelValue: boolean;
} & {
theme?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
icon?: IconValue | undefined;
max?: string | number | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: {
default?: (() => VNodeChild) | undefined;
badge?: (() => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | (() => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
badge?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:badge"?: false | (() => VNodeChild) | undefined;
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
location: Anchor | null;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
bordered: boolean;
dot: boolean;
floating: boolean;
inline: boolean;
label: string;
modelValue: boolean;
}, true, {}, SlotsType<Partial<{
default: () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
badge: () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: string | false | StyleValue[] | CSSProperties | null;
tile: boolean;
tag: string | JSXComponent;
location: Anchor | null;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
bordered: boolean;
dot: boolean;
floating: boolean;
inline: boolean;
label: string;
modelValue: boolean;
} & {
theme?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
icon?: IconValue | undefined;
max?: string | number | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: {
default?: (() => VNodeChild) | undefined;
badge?: (() => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | (() => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
badge?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:badge"?: false | (() => VNodeChild) | undefined;
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: StyleValue;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
location: Anchor | null;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
bordered: boolean;
dot: boolean;
floating: boolean;
inline: boolean;
label: string;
modelValue: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & ComponentOptionsBase<{
style: string | false | StyleValue[] | CSSProperties | null;
tile: boolean;
tag: string | JSXComponent;
location: Anchor | null;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
bordered: boolean;
dot: boolean;
floating: boolean;
inline: boolean;
label: string;
modelValue: boolean;
} & {
theme?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
icon?: IconValue | undefined;
max?: string | number | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: {
default?: (() => VNodeChild) | undefined;
badge?: (() => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | (() => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
badge?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:badge"?: false | (() => VNodeChild) | undefined;
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
style: StyleValue;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
location: Anchor | null;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
bordered: boolean;
dot: boolean;
floating: boolean;
inline: boolean;
label: string;
modelValue: boolean;
}, {}, string, SlotsType<Partial<{
default: () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
badge: () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
class: PropType<any>;
style: {
type: PropType<StyleValue>;
default: null;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
height: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
maxWidth: (NumberConstructor | StringConstructor)[];
minHeight: (NumberConstructor | StringConstructor)[];
minWidth: (NumberConstructor | StringConstructor)[];
width: (NumberConstructor | StringConstructor)[];
location: {
type: PropType< Anchor | null>;
default: NonNullable< Anchor | null>;
};
transition: {
type: PropType<string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null>;
default: NonNullable<string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null>;
};
bordered: BooleanConstructor;
color: StringConstructor;
content: (NumberConstructor | StringConstructor)[];
dot: BooleanConstructor;
floating: BooleanConstructor;
icon: PropType<IconValue>;
inline: BooleanConstructor;
label: {
type: StringConstructor;
default: string;
};
max: (NumberConstructor | StringConstructor)[];
modelValue: {
type: BooleanConstructor;
default: boolean;
};
offsetX: (NumberConstructor | StringConstructor)[];
offsetY: (NumberConstructor | StringConstructor)[];
textColor: StringConstructor;
}, ExtractPropTypes<{
theme: StringConstructor;
class: PropType<any>;
style: {
type: PropType<StyleValue>;
default: null;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
height: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
maxWidth: (NumberConstructor | StringConstructor)[];
minHeight: (NumberConstructor | StringConstructor)[];
minWidth: (NumberConstructor | StringConstructor)[];
width: (NumberConstructor | StringConstructor)[];
location: {
type: PropType< Anchor | null>;
default: NonNullable< Anchor | null>;
};
transition: {
type: PropType<string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null>;
default: NonNullable<string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null>;
};
bordered: BooleanConstructor;
color: StringConstructor;
content: (NumberConstructor | StringConstructor)[];
dot: BooleanConstructor;
floating: BooleanConstructor;
icon: PropType<IconValue>;
inline: BooleanConstructor;
label: {
type: StringConstructor;
default: string;
};
max: (NumberConstructor | StringConstructor)[];
modelValue: {
type: BooleanConstructor;
default: boolean;
};
offsetX: (NumberConstructor | StringConstructor)[];
offsetY: (NumberConstructor | StringConstructor)[];
textColor: StringConstructor;
}>>;
VTooltip: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: string | false | StyleValue[] | CSSProperties | null;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
offset: string | number | number[];
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
minWidth: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
closeOnContentClick: boolean;
eager: boolean;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
interactive: boolean;
} & {
theme?: string | undefined;
class?: any;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
width?: string | number | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
openOnFocus?: boolean | undefined;
attach?: string | boolean | Element | undefined;
contentClass?: any;
contentProps?: any;
opacity?: string | number | undefined;
id?: string | undefined;
text?: string | undefined;
} & {
$children?: {
default?: ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: ComponentInternalInstance;
$data: {};
$props: Partial<{
style: StyleValue;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
retainFocus: boolean;
captureFocus: boolean;
eager: boolean;
absolute: boolean;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
_disableGlobalStack: boolean;
}> & Omit<{
theme?: string | undefined;
class?: any;
style: string | false | StyleValue[] | CSSProperties | null;
$children?: {
default?: ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | undefined;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
offset?: string | number | number[] | undefined;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
activatorProps: Record<string, any>;
openOnClick?: boolean | undefined;
openOnHover: boolean;
openOnFocus?: boolean | undefined;
closeOnContentClick: boolean;
retainFocus: boolean;
captureFocus: boolean;
eager: boolean;
transition?: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null | undefined;
absolute: boolean;
attach?: string | boolean | Element | undefined;
closeOnBack: boolean;
contained: boolean;
contentClass?: any;
contentProps?: any;
disabled: boolean;
opacity?: string | number | undefined;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
_disableGlobalStack: boolean;
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "captureFocus" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "retainFocus" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
$parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
$host: Element | null;
$emit: ((event: "afterEnter") => void) & ((event: "afterLeave") => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "keydown", e: KeyboardEvent) => void) & ((event: "update:modelValue", value: boolean) => void);
$el: any;
$options: ComponentOptionsBase<{
style: string | false | StyleValue[] | CSSProperties | null;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
retainFocus: boolean;
captureFocus: boolean;
eager: boolean;
absolute: boolean;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
_disableGlobalStack: boolean;
} & {
theme?: string | undefined;
class?: any;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
transition?: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null | undefined;
attach?: string | boolean | Element | undefined;
contentClass?: any;
contentProps?: any;
opacity?: string | number | undefined;
} & {
$children?: {
default?: ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
rootEl: 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, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"click:outside": (e: MouseEvent) => true;
"update:modelValue": (value: boolean) => true;
keydown: (e: KeyboardEvent) => true;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
style: StyleValue;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
retainFocus: boolean;
captureFocus: boolean;
eager: boolean;
absolute: boolean;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
_disableGlobalStack: boolean;
}, {}, string, SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean, boolean>;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
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: DebuggerEvent) => void)[] | ((e: DebuggerEvent) => void)) | undefined;
renderTriggered?: (((e: DebuggerEvent) => void)[] | ((e: DebuggerEvent) => void)) | undefined;
errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)[] | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)) | undefined;
};
$forceUpdate: () => void;
$nextTick: nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
} & Readonly<{
style: StyleValue;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
retainFocus: boolean;
captureFocus: boolean;
eager: boolean;
absolute: boolean;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
_disableGlobalStack: boolean;
}> & Omit<{
style: string | false | StyleValue[] | CSSProperties | null;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
retainFocus: boolean;
captureFocus: boolean;
eager: boolean;
absolute: boolean;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
_disableGlobalStack: boolean;
} & {
theme?: string | undefined;
class?: any;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
target?: "cursor" | "parent" | Element | [x: number, y: number] | ComponentPublicInstance | (string & {}) | undefined;
activator?: "parent" | Element | ComponentPublicInstance | (string & {}) | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
transition?: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null | undefined;
attach?: string | boolean | Element | undefined;
contentClass?: any;
contentProps?: any;
opacity?: string | number | undefined;
} & {
$children?: {
default?: ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean, boolean>;
}) => VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
onKeydown?: ((e: KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "captureFocus" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "retainFocus" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex")> & ShallowUnwrapRef<{
activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
rootEl: 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>;
}> & {} & ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "captureFocus" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "retainFocus" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex") | keyof VNodeProps>, `$${any}`> & {
_allExposed: {
activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
rootEl: 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, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (value: boolean) => true;
}, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
offset: string | number | number[] | undefined;
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
minWidth: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
eager: boolean;
transition: string | boolean | ( TransitionProps & {
component?: Component | undefined;
}) | null;
closeOnBack: boolean;
contained: boolean;
disabled: boolean;
noClickAnimation: boolean;
modelValue: boolean;
persistent: boolean;
scrim: string | boolean;
zIndex: string | number;
interactive: boolean;
}, true, {}, SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean, boolean>;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: string | false | StyleValue[] | CSSProperties | null;
locationStrategy: "connected" | "static" | LocationStrategyFunction;
location: Anchor;
origin: "auto" | "overlap" | Anchor;
offset: string | number | number[];
stickToTarget: boolean;
viewportMargin: string | number;
scrollStrategy: "block" | "close" | "none" | "reposition" | ScrollStrategyFunction;
minWidth: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
closeOnContentClick: boolean;
eager: boolean;
transition: string | boolean | ( TransitionProps & {
component?: Com