@jsonforms/vue-vuetify

import { ControlElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, RankedTester, DispatchPropsOfControl } from '@jsonforms/core'; import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeChild, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, VNode, ComponentPublicInstance, ComponentOptionsBase, SlotsType, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PropType, ExtractPropTypes } from 'vue'; import { Styles } from '..'; import { AppliedOptions, ControlWrapperType, ControlWrapperProps } from '../util'; import { ValidationResult, ValidationProps } 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 { Tick } from 'vuetify/lib/components/VSlider/slider.mjs'; import { OnCleanup } from '@vue/reactivity'; import { GenericProps, FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs'; import { ValidationRule } from 'vuetify/lib/types.mjs'; import { ValidationAlias } from 'vuetify/labs/rules'; import { ClassValue } from 'vuetify/lib/composables/component.mjs'; declare const controlRenderer: DefineComponent<{ schema: JsonSchema; uischema: ControlElement; path: string; enabled?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }, { control: ComputedRef<{ uischema: ControlElement; schema: NonNullable< JsonSchema>; path: string; enabled: boolean; 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; }>; } & DispatchPropsOfControl & { control: ComputedRef<{ uischema: ControlElement; path: string; config: any; label: string; description: string; required: boolean; errors: string; id: string; visible: boolean; enabled: boolean; } & { errors: string; }>; 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>; }, {}, {}, {}, 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>; }, {}, { 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>; VSlider: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ reverse: boolean; max: string | number; error: boolean; min: string | number; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; step: string | number; elevation: string | number; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; modelValue: string | number; density: Density; tile: boolean; ripple: boolean; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; showTicks: boolean | "always"; tickSize: string | number; trackSize: string | number; thumbSize: string | number; } & { name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; trackColor?: string | undefined; trackFillColor?: string | undefined; thumbColor?: string | undefined; thumbLabel?: boolean | "always" | undefined; ticks?: readonly number[] | Record<number, string> | undefined; } & { $children?: VNodeChild | ((arg: VInputSlot) => VNodeChild) | { default?: ((arg: VInputSlot) => VNodeChild) | undefined; prepend?: ((arg: VInputSlot) => VNodeChild) | undefined; append?: ((arg: VInputSlot) => VNodeChild) | undefined; details?: ((arg: VInputSlot) => VNodeChild) | undefined; message?: ((arg: VMessageSlot) => VNodeChild) | undefined; "thumb-label"?: ((arg: { modelValue: number; }) => VNodeChild) | undefined; "tick-label"?: ((arg: { tick: Tick; index: number; }) => VNodeChild) | undefined; label?: ((arg: VInputSlot) => VNodeChild) | undefined; }; "v-slots"?: { default?: false | ((arg: VInputSlot) => VNodeChild) | undefined; prepend?: false | ((arg: VInputSlot) => VNodeChild) | undefined; append?: false | ((arg: VInputSlot) => VNodeChild) | undefined; details?: false | ((arg: VInputSlot) => VNodeChild) | undefined; message?: false | ((arg: VMessageSlot) => VNodeChild) | undefined; "thumb-label"?: false | ((arg: { modelValue: number; }) => VNodeChild) | undefined; "tick-label"?: false | ((arg: { tick: Tick; index: number; }) => VNodeChild) | undefined; label?: false | ((arg: VInputSlot) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:prepend"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:append"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:details"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:message"?: false | ((arg: VMessageSlot) => VNodeChild) | undefined; "v-slot:thumb-label"?: false | ((arg: { modelValue: number; }) => VNodeChild) | undefined; "v-slot:tick-label"?: false | ((arg: { tick: Tick; index: number; }) => VNodeChild) | undefined; "v-slot:label"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; } & { onStart?: ((value: number) => any) | undefined; onEnd?: ((value: number) => any) | undefined; "onUpdate:focused"?: ((value: boolean) => any) | undefined; "onUpdate:modelValue"?: ((v: number) => any) | undefined; }, { focus: () => any; } & Omit<Omit<{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: ((arg: VInputSlot) => VNode[]) | undefined; prepend?: ((arg: VInputSlot) => VNode[]) | undefined; append?: ((arg: VInputSlot) => VNode[]) | undefined; details?: ((arg: VInputSlot) => VNode[]) | undefined; message?: ((arg: VMessageSlot) => VNode[]) | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: ComponentOptionsBase<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | 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" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, string, { error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }, {}, string, SlotsType<Partial<{ default: (arg: VInputSlot) => VNode[]; prepend: (arg: VInputSlot) => VNode[]; append: (arg: VInputSlot) => VNode[]; details: (arg: VInputSlot) => VNode[]; message: (arg: VMessageSlot) => 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<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")> & 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>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "iconColor" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & { _allExposed: { reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; } | { focus: () => any; }; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { "update:focused": (value: boolean) => true; "update:modelValue": (v: number) => true; start: (value: number) => true; end: (value: number) => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps, { reverse: boolean; max: string | number; error: boolean; min: string | number; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; step: string | number; elevation: string | number; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; modelValue: string | number; density: Density; rounded: string | number | boolean; tile: boolean; ripple: boolean; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; showTicks: boolean | "always"; tickSize: string | number; trackSize: string | number; thumbLabel: boolean | "always" | undefined; thumbSize: string | number; }, true, {}, SlotsType<Partial<{ default: (arg: VInputSlot) => VNode[]; prepend: (arg: VInputSlot) => VNode[]; append: (arg: VInputSlot) => VNode[]; details: (arg: VInputSlot) => VNode[]; message: (arg: VMessageSlot) => VNode[]; "thumb-label": (arg: { modelValue: number; }) => VNode[]; "tick-label": (arg: { tick: Tick; index: number; }) => VNode[]; label: (arg: VInputSlot) => VNode[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { reverse: boolean; max: string | number; error: boolean; min: string | number; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; step: string | number; elevation: string | number; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; modelValue: string | number; density: Density; tile: boolean; ripple: boolean; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; showTicks: boolean | "always"; tickSize: string | number; trackSize: string | number; thumbSize: string | number; } & { name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; rounded?: string | number | boolean | undefined; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; trackColor?: string | undefined; trackFillColor?: string | undefined; thumbColor?: string | undefined; thumbLabel?: boolean | "always" | undefined; ticks?: readonly number[] | Record<number, string> | undefined; } & { $children?: VNodeChild | ((arg: VInputSlot) => VNodeChild) | { default?: ((arg: VInputSlot) => VNodeChild) | undefined; prepend?: ((arg: VInputSlot) => VNodeChild) | undefined; append?: ((arg: VInputSlot) => VNodeChild) | undefined; details?: ((arg: VInputSlot) => VNodeChild) | undefined; message?: ((arg: VMessageSlot) => VNodeChild) | undefined; "thumb-label"?: ((arg: { modelValue: number; }) => VNodeChild) | undefined; "tick-label"?: ((arg: { tick: Tick; index: number; }) => VNodeChild) | undefined; label?: ((arg: VInputSlot) => VNodeChild) | undefined; }; "v-slots"?: { default?: false | ((arg: VInputSlot) => VNodeChild) | undefined; prepend?: false | ((arg: VInputSlot) => VNodeChild) | undefined; append?: false | ((arg: VInputSlot) => VNodeChild) | undefined; details?: false | ((arg: VInputSlot) => VNodeChild) | undefined; message?: false | ((arg: VMessageSlot) => VNodeChild) | undefined; "thumb-label"?: false | ((arg: { modelValue: number; }) => VNodeChild) | undefined; "tick-label"?: false | ((arg: { tick: Tick; index: number; }) => VNodeChild) | undefined; label?: false | ((arg: VInputSlot) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:prepend"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:append"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:details"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; "v-slot:message"?: false | ((arg: VMessageSlot) => VNodeChild) | undefined; "v-slot:thumb-label"?: false | ((arg: { modelValue: number; }) => VNodeChild) | undefined; "v-slot:tick-label"?: false | ((arg: { tick: Tick; index: number; }) => VNodeChild) | undefined; "v-slot:label"?: false | ((arg: VInputSlot) => VNodeChild) | undefined; } & { onStart?: ((value: number) => any) | undefined; onEnd?: ((value: number) => any) | undefined; "onUpdate:focused"?: ((value: boolean) => any) | undefined; "onUpdate:modelValue"?: ((v: number) => any) | undefined; }, { focus: () => any; } & Omit<Omit<{ $: ComponentInternalInstance; $data: {}; $props: Partial<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: ((arg: VInputSlot) => VNode[]) | undefined; prepend?: ((arg: VInputSlot) => VNode[]) | undefined; append?: ((arg: VInputSlot) => VNode[]) | undefined; details?: ((arg: VInputSlot) => VNode[]) | undefined; message?: ((arg: VMessageSlot) => VNode[]) | undefined; }>; $root: ComponentPublicInstance | null; $parent: ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: ComponentOptionsBase<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | 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" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">, string, { error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }, {}, string, SlotsType<Partial<{ default: (arg: VInputSlot) => VNode[]; prepend: (arg: VInputSlot) => VNode[]; append: (arg: VInputSlot) => VNode[]; details: (arg: VInputSlot) => VNode[]; message: (arg: VMessageSlot) => 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<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ error: boolean; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { name?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; label?: string | undefined; class?: any; theme?: string | undefined; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined; validationValue?: any; baseColor?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; iconColor?: string | boolean | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, "reset" | "isValid" | "validate" | "resetValidation" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")> & 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>, "name" | "id" | "width" | "color" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "$children" | "v-slots" | "v-slot:default" | keyof VNodeProps | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "baseColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "iconColor" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "rules" | "focused" | "errorMessages" | "maxErrors" | "density" | "centerAffix" | "glow" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & { _allExposed: { reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; } | { focus: () => any; }; }, {}, {}, {}, { reverse: boolean; max: string | number; error: boolean; min: string | number; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; step: string | number; elevation: string | number; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; modelValue: string | number; density: Density; rounded: string | number | boolean; tile: boolean; ripple: boolean; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; showTicks: boolean | "always"; tickSize: string | number; trackSize: string | number; thumbLabel: boolean | "always" | undefined; thumbSize: string | number; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & ComponentOptionsBase<{ reverse: boolean; max: string | number; error: boolean; min: string | number; direction: "horizontal" | "vertical"; style: StyleValue; disabled: boolean | null; readonly: boolean | null; step: string | number; elevation: string | number; messages: string | readonly string[]; rules: readonly (string | boolean | PromiseLike< ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike< ValidationResult>) | [string, any, (string | undefined)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; modelValue: string | number; density: Density; tile: boolean; ripple: boolean; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; showTicks: boolean | "always"; tickSize: string | number;