UNPKG

@jsonforms/vue-vuetify

Version:

Vue Vuetify renderers for JSON Forms

1,079 lines (1,078 loc) 111 kB
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 { 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[]>; }; 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?: 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) | undefin