UNPKG

@jsonforms/vue-vuetify

Version:

Vue Vuetify renderers for JSON Forms

1,042 lines (1,041 loc) 643 kB
import { CombinatorSubSchemaRenderInfo, ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, Translator, RankedTester, JsonFormsUISchemaRegistryEntry, CombinatorTranslations, UISchemaElement } from '@jsonforms/core'; import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, TransitionProps, Component, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, StyleValue, ComponentPublicInstance, ComponentInternalInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, RendererNode, RendererElement, InjectionKey, ShallowRef, WritableComputedRef } from 'vue'; import { Styles } from '..'; import { Anchor, FilterPropsOptions, TemplateRef, JSXComponent } from 'vuetify/lib/util/index.mjs'; import { LocationStrategyFunction, StrategyProps } from 'vuetify/lib/components/VOverlay/locationStrategies.mjs'; import { ScrollStrategyFunction, StrategyProps } from 'vuetify/lib/components/VOverlay/scrollStrategies.mjs'; import { OnCleanup } from '@vue/reactivity'; import { Anchor, LocationStrategyFunction, ScrollStrategyFunction, JSXComponent, ValidationRule } from 'vuetify/lib/types.mjs'; import { FilterPropsOptions, GenericProps } from 'vuetify/lib/util/defineComponent.mjs'; import { ClassValue } from 'vuetify/lib/composables/component.mjs'; import { Density } from 'vuetify/lib/composables/density.mjs'; import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric, RouteLocationRaw } from 'vue-router'; import { IconValue } from 'vuetify/lib/composables/icons.mjs'; import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs'; import { Variant } from 'vuetify/lib/composables/variant.mjs'; import { RippleDirectiveBinding } from 'vuetify/directives/ripple'; import { GroupItemProvide, GroupProvide } from 'vuetify/lib/composables/group.mjs'; import { ValidationResult, ValidationProps } from 'vuetify/lib/composables/validation.mjs'; import { SelectItemKey, deepEqual } from 'vuetify/lib/util/helpers.mjs'; import { SelectStrategyProp, OpenStrategyProp, ActiveStrategyProp } from 'vuetify/lib/composables/nested/nested.mjs'; import { ListItemTitleSlot, ListItemSlot, ListItemSubtitleSlot } from 'vuetify/lib/components/VList/VListItem.mjs'; import { InternalListItem } from 'vuetify/lib/components/VList/VList.mjs'; import { ListItem, ItemProps } from 'vuetify/lib/composables/list-items.mjs'; import { VMessageSlot } from 'vuetify/lib/components/VMessages/VMessages.mjs'; import { DefaultInputSlot, VFieldSlot, VFieldSlots } from 'vuetify/lib/components/VField/VField.mjs'; import { VInputSlot, VInputSlots } from 'vuetify/lib/components/VInput/VInput.mjs'; import { VCounterSlot } from 'vuetify/lib/components/VCounter/VCounter.mjs'; import { ItemType, Value } from 'vuetify/lib/components/VSelect/VSelect.mjs'; import { ValidationAlias } from 'vuetify/labs/rules'; import { VList, VMenu } from 'vuetify/components'; declare const controlRenderer: DefineComponent<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }, { selectedIndex: Ref<number | null, number | null>; dialog: Ref<boolean, boolean>; newSelectedIndex: Ref<number | null, number | null>; t: ComputedRef<Translator>; control: ComputedRef<{ uischema: ControlElement; schema: NonNullable< JsonSchema>; path: string; enabled: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[] & { tester: RankedTester; cell: any; }[]; config: any; rootSchema: NonNullable< JsonSchema>; id: string; indexOfFittingSchema: number; uischemas: JsonFormsUISchemaRegistryEntry[]; data: any; label: string; description: string; required: NonNullable<boolean | undefined>; i18nKeyPrefix: string; errors: string; visible: boolean; }> & ComputedRef<{ uischema: ControlElement; path: string; config: any; label: string; description: string; required: boolean; errors: string; id: string; visible: boolean; enabled: boolean; } & { errors: string; }> & ComputedRef<{ i18nKeyPrefix: string; label: string; } & { translations: CombinatorTranslations; }>; handleChange(path: string, value: any): void; styles: Styles; isFocused: Ref<boolean, boolean>; appliedOptions: ComputedRef<any>; controlWrapper: ComputedRef<{ id: string; description: string; errors: string; label: string; visible: boolean; required: boolean; }>; onChange: (value: any) => void; vuetifyProps: (path: string) => any; persistentHint: () => boolean; computedLabel: ComputedRef<string>; clearable: ComputedRef<any>; touched: Ref<boolean, boolean>; handleBlur: () => void; handleFocus: () => void; rawErrors: ComputedRef<string>; }, {}, { oneOfRenderInfos(): (CombinatorSubSchemaRenderInfo & { index: number; })[]; }, { handleSelectChange(selectIndex: number | null): void; confirm(): void; cancel(): void; openNewTab(newIndex: number | null): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }> & Readonly<{}>, { enabled: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, { DispatchRenderer: DefineComponent<ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>, { renderer: ComputedRef<{ config: any; uischema: NonNullable< UISchemaElement | undefined>; schema: NonNullable< JsonSchema | undefined>; enabled: NonNullable<boolean | undefined>; visible: NonNullable<boolean | undefined>; path: string; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; uischemas: JsonFormsUISchemaRegistryEntry[]; }>; rootSchema: ComputedRef<NonNullable< JsonSchema>>; }, {}, { determinedRenderer(): any; }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>> & Readonly<{}>, { enabled: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; CombinatorProperties: DefineComponent<{ schema: JsonSchema; combinatorKeyword: "oneOf" | "anyOf" | "allOf"; path: string; rootSchema: JsonSchema; }, { otherProps: JsonSchema; foundUISchema: UISchemaElement; isLayoutWithElements: boolean; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ schema: JsonSchema; combinatorKeyword: "oneOf" | "anyOf" | "allOf"; path: string; rootSchema: JsonSchema; }> & Readonly<{}>, {}, {}, { DispatchRenderer: DefineComponent<ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>, { renderer: ComputedRef<{ config: any; uischema: NonNullable< UISchemaElement | undefined>; schema: NonNullable< JsonSchema | undefined>; enabled: NonNullable<boolean | undefined>; visible: NonNullable<boolean | undefined>; path: string; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; uischemas: JsonFormsUISchemaRegistryEntry[]; }>; rootSchema: ComputedRef<NonNullable< JsonSchema>>; }, {}, { determinedRenderer(): any; }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{ schema: { required: true; type: PropType<JsonSchema>; }; uischema: { required: true; type: PropType<UISchemaElement>; }; path: { required: true; type: StringConstructor; }; enabled: { required: false; type: BooleanConstructor; default: undefined; }; renderers: { required: boolean; type: PropType< JsonFormsRendererRegistryEntry[]>; default: undefined; }; cells: { required: boolean; type: PropType< JsonFormsCellRendererRegistryEntry[]>; default: undefined; }; config: { required: boolean; type: ObjectConstructor; default: undefined; }; }>> & Readonly<{}>, { enabled: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; }, {}, string, ComponentProvideOptions, true, {}, any>; VDialog: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | ( TransitionProps & { component?: Component; }) | { component: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {}, true, {}, SlotsType<Partial<{ default: () => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, {} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, {}, {}, {}, {}>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & ComponentOptionsBase<{} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, SlotsType<Partial<{ default: () => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ target: PropType<HTMLElement | [x: number, y: number]>; }, ExtractPropTypes<{ target: PropType<HTMLElement | [x: number, y: number]>; }>>; } | null; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; target?: Element | "cursor" | "parent" | (string & {}) | ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); "v-slots"?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } & { onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, Omit<Omit<{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }> & Omit<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; transition?: string | boolean | ( TransitionProps & { component?: Component; }) | null | undefined; target?: Element | "cursor" | "parent" | (string & {}) | ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); "v-slots"?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | undefined; "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; onKeydown?: ((e: KeyboardEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "absolute" | "location" | "origin" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: ((arg: { isActive: Ref<boolean>; }) => VNode[]) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNode[]) | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: ((event: "keydown", e: KeyboardEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void); $el: any; $options: ComponentOptionsBase<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; transition?: string | boolean | ( TransitionProps & { component?: Component; }) | null | undefined; target?: Element | "cursor" | "parent" | (string & {}) | ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); "v-slots"?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } & { onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; onKeydown?: ((e: KeyboardEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>; globalTop: Readonly< Ref<boolean, boolean>>; localTop: Readonly< Ref<boolean, boolean>>; updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "click:outside": (e: MouseEvent) => true; "update:modelValue": (value: boolean) => true; keydown: (e: KeyboardEvent) => true; afterEnter: () => true; afterLeave: () => true; }, string, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, {}, string, SlotsType<Partial<{ default: (arg: { isActive: Ref<boolean>; }) => VNode[]; activator: (arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle; } & Readonly<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }> & Omit<{ absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; transition?: string | boolean | ( TransitionProps & { component?: Component; }) | null | undefined; target?: Element | "cursor" | "parent" | (string & {}) | ComponentPublicInstance | [x: number, y: number] | undefined; class?: any; theme?: string | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; activator?: Element | "parent" | (string & {}) | ComponentPublicInstance | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentClass?: any; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); "v-slots"?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNodeChild) | undefined; } & { onAfterEnter?: (() => any) | undefined; onAfterLeave?: (() => any) | undefined; onKeydown?: ((e: KeyboardEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, "target" | "contentEl" | "activatorEl" | ("absolute" | "location" | "origin" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & 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>; globalTop: Readonly< Ref<boolean, boolean>>; localTop: Readonly< Ref<boolean, boolean>>; updateLocation: Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>; }> & {} & ComponentCustomProperties & {}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "transition" | "target" | "class" | "theme" | "onAfterEnter" | "onAfterLeave" | "onKeydown" | "$children" | "v-slots" | "v-slot:default" | keyof VNodeProps | "onUpdate:modelValue" | "closeDelay" | "openDelay" | "activator" | "contentClass" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack") | "v-slot:activator">, `$${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>; 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; afterEnter: () => true; afterLeave: () => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | ( TransitionProps & { component?: Component; }) | { component: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {}, true, {}, SlotsType<Partial<{ default: () => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, {} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, {}, {}, {}, {}>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & ComponentOptionsBase<{} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, SlotsType<Partial<{ default: () => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ target: PropType<HTMLElement | [x: number, y: number]>; }, ExtractPropTypes<{ target: PropType<HTMLElement | [x: number, y: number]>; }>>; } | null; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; }, true, {}, SlotsType<Partial<{ default: (arg: { isActive: Ref<boolean>; }) => VNode[]; activator: (arg: { isActive: boolean; props: Record<string, any>; targetRef: TemplateRef; }) => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { absolute: boolean; location: Anchor; origin: "auto" | Anchor | "overlap"; transition: string | boolean | ( TransitionProps & { component?: Component; }) | { component: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {}, true, {}, SlotsType<Partial<{ default: () => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, {} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, {}, {}, {}, {}>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & ComponentOptionsBase<{} & { target?: HTMLElement | [x: number, y: number] | undefined; } & { $children?: VNodeChild | { default?: (() => VNodeChild) | undefined; } | (() => VNodeChild); "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, SlotsType<Partial<{ default: () => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ target: PropType<HTMLElement | [x: number, y: number]>; }, ExtractPropTypes<{ target: PropType<HTMLElement | [x: number, y: number]>; }>>; } | null; zIndex: string | number; style: StyleValue; eager: boolean; disabled: boolean; persistent: boolean; modelValue: boolean; locationStrategy: "connected" | "static" | LocationStrategyFunction; scrollStrategy: "none" | "block" | "close" | ScrollStrategyFunction | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; scrim: string | boolean; fullscreen: boolean; retainFocus: boolean; scrollable: boolean; } & { offset?: string | number | number[] | undefined; height?: string | number | undefined; width?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; opacity?: string | number | undefined; target?: Element |