@jsonforms/vue-vuetify

import { ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, Translator, RankedTester } from '@jsonforms/core'; import { MaskOptions, MaskaDetail } from 'maska'; import { IconValue } from '../icons'; import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, VNodeChild, VNode, RendererNode, RendererElement, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, GlobalComponents, GlobalDirectives, ComponentOptionsBase, ExtractPropTypes, StyleValue, CSSProperties, ComponentInternalInstance, ComponentPublicInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PropType, TransitionProps, Component, ShallowRef, InjectionKey, ObjectDirective, FunctionDirective } from 'vue'; import { IconAliases, Styles, AppliedOptions, ControlWrapperType, ControlWrapperProps } from '..'; import { FilterPropsOptions, GenericProps } from 'vuetify/lib/util/defineComponent.mjs'; import { ValidationResult } from 'vuetify/lib/composables/validation.mjs'; import { Density } from 'vuetify/lib/composables/density.mjs'; import { IconValue } from 'vuetify/lib/composables/icons.mjs'; import { VInputSlot, VInputSlots } from 'vuetify/lib/components/VInput/VInput.mjs'; import { VMessageSlot } from 'vuetify/lib/components/VMessages/VMessages.mjs'; import { DefaultInputSlot, VFieldSlot, VFieldSlots } from 'vuetify/lib/components/VField/VField.mjs'; import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs'; import { VCounterSlot } from 'vuetify/lib/components/VCounter/VCounter.mjs'; import { OnCleanup } from '@vue/reactivity'; import { LocationStrategyFunction, Anchor, ScrollStrategyFunction, JSXComponent } from 'vuetify/lib/types.mjs'; import { TemplateRef } from 'vuetify/lib/util/helpers.mjs'; import { VTimePickerViewMode, Period } from 'vuetify/lib/components/VTimePicker/shared.mjs'; import { Variant } from 'vuetify/lib/components/VTimePicker/VTimePicker.mjs'; import { AllowFunction } from 'vuetify/lib/components/VTimePicker/useTimeValidation.mjs'; import { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router'; import { GroupItemProvide, GroupProvide } from 'vuetify/lib/composables/group.mjs'; import { VConfirmEditSlots } from 'vuetify/lib/components/VConfirmEdit/VConfirmEdit.mjs'; declare const controlRenderer: DefineComponent<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; readonly?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }, { showMenu: Ref<boolean, boolean>; t: ComputedRef<Translator>; adaptValue: (value: any) => any; icons: { current: ComputedRef<IconAliases>; }; ampm: ComputedRef<boolean>; timeFormat: ComputedRef<string>; isControlEditable: (control: { enabled: boolean; readonly: boolean; }) => boolean; options: ComputedRef<MaskOptions | null>; useMask: ComputedRef<boolean>; maska: { masked: string; unmasked: string; completed: boolean; }; control: ComputedRef<{ uischema: ControlElement; schema: NonNullable<JsonSchema>; path: string; enabled: boolean; readonly: NonNullable<boolean | undefined>; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[] & { tester: RankedTester; cell: any; }[]; config: any; label: string; description: string; required: NonNullable<boolean | undefined>; i18nKeyPrefix: string; errors: string; data: any; rootSchema: NonNullable<JsonSchema>; id: string; visible: boolean; }> & ComputedRef<{ schema: JsonSchema; uischema: ControlElement; path: string; config: any; label: string; description: string; required: boolean; errors: string; id: string; visible: boolean; enabled: boolean; readonly: boolean; } & { errors: string; }>; 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>; }, {}, { pickerIcon(): IconValue; timeSaveFormat(): string; formats(): string[]; useSeconds(): boolean; minTime(): string | undefined; maxTime(): string | undefined; inputModel: { get(): string | null; set(val: string | null): void; }; pickerValue: { get(): string | null; set(val: string | null): void; }; clearLabel(): string; cancelLabel(): string; okLabel(): string; showActions(): boolean; }, { onPickerChange(value: string | null): void; }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; readonly?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }> & Readonly<{}>, { enabled: boolean; readonly: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, { ControlWrapper: DefineComponent<{ id?: string | undefined; description?: string | undefined; errors?: string | undefined; label?: string | undefined; visible?: boolean | undefined; required?: boolean | undefined; isFocused?: boolean | undefined; styles?: Styles | undefined; appliedOptions?: AppliedOptions | undefined; }, { WrapperComponent: ControlWrapperType; props: ControlWrapperProps; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ id?: string | undefined; description?: string | undefined; errors?: string | undefined; label?: string | undefined; visible?: boolean | undefined; required?: boolean | undefined; isFocused?: boolean | undefined; styles?: Styles | undefined; appliedOptions?: AppliedOptions | undefined; }> & Readonly<{}>, { visible: boolean; required: boolean; isFocused: boolean; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; VHover: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ disabled: boolean; modelValue: boolean; } & { closeDelay?: string | number | undefined; openDelay?: string | number | undefined; } & { $children?: { default?: ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[] | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:modelValue": (value: boolean) => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps, { disabled: boolean; modelValue: boolean; }, true, {}, SlotsType<Partial<{ default: (arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { disabled: boolean; modelValue: boolean; } & { closeDelay?: string | number | undefined; openDelay?: string | number | undefined; } & { $children?: { default?: ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[] | undefined, {}, {}, {}, { disabled: boolean; modelValue: boolean; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & ComponentOptionsBase<{ disabled: boolean; modelValue: boolean; } & { closeDelay?: string | number | undefined; openDelay?: string | number | undefined; } & { $children?: { default?: ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; }, () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[] | undefined, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:modelValue": (value: boolean) => true; }, string, { disabled: boolean; modelValue: boolean; }, {}, string, SlotsType<Partial<{ default: (arg: { isHovering: boolean | null; props: Record<string, unknown>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ closeDelay: (NumberConstructor | StringConstructor)[]; openDelay: (NumberConstructor | StringConstructor)[]; disabled: BooleanConstructor; modelValue: { type: BooleanConstructor; default: null; }; }, ExtractPropTypes<{ closeDelay: (NumberConstructor | StringConstructor)[]; openDelay: (NumberConstructor | StringConstructor)[]; disabled: BooleanConstructor; modelValue: { type: BooleanConstructor; default: null; }; }>>; VTextField: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; density: Density; tile: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; clearable: boolean; clearIcon: IconValue; active: boolean; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; autofocus: boolean; persistentPlaceholder: boolean; persistentCounter: boolean; type: string; } & { theme?: string | undefined; class?: any; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; name?: string | undefined; modelValue?: any; validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined; validationValue?: any; rounded?: string | number | boolean | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; loading?: string | boolean | undefined; id?: string | undefined; appendIcon?: IconValue | undefined; prependIcon?: IconValue | undefined; hideDetails?: "auto" | boolean | undefined; hint?: string | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; appendInnerIcon?: IconValue | undefined; bgColor?: string | undefined; centerAffix?: boolean | undefined; color?: string | undefined; baseColor?: string | undefined; iconColor?: string | boolean | undefined; label?: string | undefined; prependInnerIcon?: IconValue | undefined; "onClick:clear"?: ((args_0: MouseEvent) => void) | undefined; "onClick:appendInner"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prependInner"?: ((args_0: MouseEvent) => void) | undefined; autocomplete?: string | undefined; counter?: string | number | boolean | undefined; counterValue?: number | ((value: any) => number) | undefined; prefix?: string | undefined; placeholder?: string | undefined; suffix?: string | undefined; role?: string | undefined; modelModifiers?: Record<string, boolean> | undefined; } & { $children?: { prepend?: ((arg: VInputSlot) => VNodeChild) | undefined; append?: ((arg: VInputSlot) => VNodeChild) | undefined; details?: ((arg: VInputSlot) => VNodeChild) | undefined; message?: ((arg: VMessageSlot) => VNodeChild) | undefined; clear?: ((arg: DefaultInputSlot & { props: Record<string, any>; }) => VNodeChild) | undefined; "prepend-inner"?: ((arg: DefaultInputSlot) => VNodeChild) | undefined; "append-inner"?: ((arg: DefaultInputSlot) => VNodeChild) | undefined; label?: ((arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNodeChild) | undefined; loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined; default?: ((arg: { id: Readonly< Ref<string, string>>; }) => VNodeChild) | undefined; counter?: ((arg: VCounterSlot) => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | ((arg: { id: Readonly< Ref<string, string>>; }) => VNodeChild) | VNodeChild; "v-slots"?: { prepend?: false | ((arg: VInputSlot) => VNodeChild) | undefined; append?: false | ((arg: VInputSlot) => VNodeChild) | undefined; details?: false | ((arg: VInputSlot) => VNodeChild) | undefined; message?: false | ((arg: VMessageSlot) => VNodeChild) | undefined; clear?: false | ((arg: DefaultInputSlot & { props: Record<string, any>; }) => VNodeChild) | undefined; "prepend-inner"?: false | ((arg: DefaultInputSlot) => VNodeChild) | undefined; "append-inner"?: false | ((arg: DefaultInputSlot) => VNodeChild) | undefined; label?: false | ((arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNodeChild) | undefined; loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined; default?: false | ((arg: { id: Readonly< Ref<string, string>>; }) => VNodeChild) | undefined; counter?: false | ((arg: VCounterSlot) => VNodeChild) | undefined; } | undefined; } & { "v-slot:append"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => VNodeChild) | undefined; "v-slot:clear"?: false | ((arg: DefaultInputSlot & { props: Record<string, any>; }) => VNodeChild) | undefined; "v-slot:counter"?: false | ((arg: VCounterSlot) => VNodeChild) | undefined; "v-slot:default"?: false | ((arg: { id: Readonly< Ref<string, string>>; }) => VNodeChild) | undefined; "v-slot:details"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:label"?: false | ((arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined; "v-slot:message"?: false | ((arg: VMessageSlot) => VNodeChild) | undefined; "v-slot:prepend"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => VNodeChild) | undefined; } & { "onClick:control"?: ((e: MouseEvent) => any) | undefined; "onMousedown:control"?: ((e: MouseEvent) => any) | undefined; "onUpdate:focused"?: ((focused: boolean) => any) | undefined; "onUpdate:modelValue"?: ((val: string) => any) | undefined; }, HTMLInputElement & Omit<Omit<{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ style: StyleValue; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; }> & Omit<{ theme?: string | undefined; class?: any; style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; name?: string | undefined; label?: string | undefined; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined; validationValue?: any; density: Density; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; id?: string | undefined; appendIcon?: IconValue | undefined; baseColor?: string | undefined; centerAffix: boolean; color?: string | undefined; glow: boolean; iconColor?: string | boolean | undefined; prependIcon?: IconValue | undefined; hideDetails?: "auto" | boolean | undefined; hideSpinButtons: boolean; hint?: string | undefined; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "centerAffix" | "density" | "direction" | "disabled" | "error" | "errorMessages" | "focused" | "glow" | "hideSpinButtons" | "maxErrors" | "messages" | "persistentHint" | "readonly" | "rules" | "style">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; prepend?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; append?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; details?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; message?: ((arg: VMessageSlot) => 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: string, ...args: any[]) => void; $el: any; $options: ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; } & { theme?: string | undefined; class?: any; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; name?: string | undefined; label?: string | undefined; validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined; validationValue?: any; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; id?: string | undefined; appendIcon?: IconValue | undefined; baseColor?: string | undefined; color?: string | undefined; iconColor?: string | boolean | undefined; prependIcon?: IconValue | undefined; hideDetails?: "auto" | boolean | undefined; hint?: string | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; } & {}, { reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ "update:modelValue": (value: any) => true; }, "$children" | "modelValue" | "update:modelValue" | "v-slot:append" | "v-slot:default" | "v-slot:details" | "v-slot:message" | "v-slot:prepend" | "v-slots">, string, { style: StyleValue; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; }, {}, string, SlotsType<Partial<{ default: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; append: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; details: (arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; message: (arg: VMessageSlot) => 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; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; }> & Omit<{ style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; } & { theme?: string | undefined; class?: any; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; name?: string | undefined; label?: string | undefined; validateOn?: ("blur eager" | "blur lazy" | "eager" | "eager blur" | "eager input" | "eager invalid-input" | "eager submit" | "input eager" | "input lazy" | "invalid-input eager" | "invalid-input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy invalid-input" | "lazy submit" | "submit eager" | "submit lazy" | ("blur" | "input" | "invalid-input" | "submit")) | undefined; validationValue?: any; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; id?: string | undefined; appendIcon?: IconValue | undefined; baseColor?: string | undefined; color?: string | undefined; iconColor?: string | boolean | undefined; prependIcon?: IconValue | undefined; hideDetails?: "auto" | boolean | undefined; hint?: string | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; } & {}, "isValid" | "reset" | "resetValidation" | "validate" | ("centerAffix" | "density" | "direction" | "disabled" | "error" | "errorMessages" | "focused" | "glow" | "hideSpinButtons" | "maxErrors" | "messages" | "persistentHint" | "readonly" | "rules" | "style")> & ShallowUnwrapRef<{ reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }> & {} & ComponentCustomProperties & {} & GenericProps<{ modelValue?: unknown; "onUpdate:modelValue"?: ((value: unknown) => void) | undefined; }, VInputSlots>, "$children" | "appendIcon" | "baseColor" | "class" | "color" | "hideDetails" | "hint" | "iconColor" | "id" | "label" | "maxWidth" | "minWidth" | "modelValue" | "name" | "onClick:append" | "onClick:prepend" | "onUpdate:focused" | "onUpdate:modelValue" | "prependIcon" | "theme" | "v-slot:append" | "v-slot:default" | "v-slot:details" | "v-slot:message" | "v-slot:prepend" | "v-slots" | "validateOn" | "validationValue" | "width" | ("centerAffix" | "density" | "direction" | "disabled" | "error" | "errorMessages" | "focused" | "glow" | "hideSpinButtons" | "maxErrors" | "messages" | "persistentHint" | "readonly" | "rules" | "style") | keyof VNodeProps>, `$${any}`> & Omit<Omit<{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ style: StyleValue; focused: boolean; rounded: string | number | boolean; tile: boolean; clearable: boolean; clearIcon: IconValue; active: boolean; centerAffix: boolean; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; details: boolean; }> & Omit<{ theme?: string | undefined; class?: any; style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; "onUpdate:focused"?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined; rounded?: string | number | boolean | undefined; tile: boolean; loading?: string | boolean | undefined; appendInnerIcon?: IconValue | undefined; bgColor?: string | undefined; clearable: boolean; clearIcon: IconValue; active: boolean; centerAffix?: boolean | undefined; color?: string | undefined; baseColor?: string | undefined; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; iconColor?: string | boolean | undefined; label?: string | undefined; persistentClear: boolean; prependInnerIcon?: IconValue | undefined; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; "onClick:clear"?: ((args_0: MouseEvent) => void) | undefined; "onClick:appendInner"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prependInner"?: ((args_0: MouseEvent) => void) | undefined; id?: string | undefined; details: boolean; labelId?: string | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "active" | "centerAffix" | "clearIcon" | "clearable" | "details" | "dirty" | "disabled" | "error" | "flat" | "focused" | "glow" | "persistentClear" | "reverse" | "rounded" | "singleLine" | "style" | "tile" | "variant">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ clear?: ((arg: DefaultInputSlot & { props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; "prepend-inner"?: ((arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; "append-inner"?: ((arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; label?: ((arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; loader?: ((arg: LoaderSlotProps) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; default?: ((arg: VFieldSlot) => 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: "update:focused", focused: boolean) => void; $el: any; $options: ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; tile: boolean; clearable: boolean; clearIcon: IconValue; active: boolean; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; details: boolean; } & { theme?: string | undefined; class?: any; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; rounded?: string | number | boolean | undefined; loading?: string | boolean | undefined; appendInnerIcon?: IconValue | undefined; bgColor?: string | undefined; centerAffix?: boolean | undefined; color?: string | undefined; baseColor?: string | undefined; iconColor?: string | boolean | undefined; label?: string | undefined; prependInnerIcon?: IconValue | undefined; "onClick:clear"?: ((args_0: MouseEvent) => void) | undefined; "onClick:appendInner"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prependInner"?: ((args_0: MouseEvent) => void) | undefined; id?: string | undefined; labelId?: string | undefined; } & { "onUpdate:focused"?: ((focused: boolean) => any) | undefined; }, { controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>; fieldIconColor: ComputedRef<string | undefined>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ "update:focused": (focused: boolean) => true; "update:modelValue": (value: any) => true; }, "$children" | "modelValue" | "update:modelValue" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:default" | "v-slot:label" | "v-slot:loader" | "v-slot:prepend-inner" | "v-slots">, string, { style: StyleValue; focused: boolean; rounded: string | number | boolean; tile: boolean; clearable: boolean; clearIcon: IconValue; active: boolean; centerAffix: boolean; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; details: boolean; }, {}, string, SlotsType<Partial<{ clear: (arg: DefaultInputSlot & { props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; "prepend-inner": (arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; "append-inner": (arg: DefaultInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; label: (arg: DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; loader: (arg: LoaderSlotProps) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; default: (arg: VFieldSlot) => 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; focused: boolean; rounded: string | number | boolean; tile: boolean; clearable: boolean; clearIcon: IconValue; active: boolean; centerAffix: boolean; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; details: boolean; }> & Omit<{ style: string | false | StyleValue[] | CSSProperties | null; focused: boolean; tile: boolean; clearable: boolean; clearIcon: IconValue; active: boolean; dirty: boolean; disabled: boolean; glow: boolean; error: boolean; flat: boolean; persistentClear: boolean; reverse: boolean; singleLine: boolean; variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined"; details: boolean; } & { theme?: string | undefined; class?: any; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; rounded?: string | number | boolean | undefined; loading?: string | boolean | undefined; appendInnerIcon?: IconValue | undefined; bgColor?: string | undefined; centerAffix?: boolean | undefined; color?: s