UNPKG

@vuetify/nightly

Version:

Vue Material Component Framework

708 lines (707 loc) • 508 kB
// Styles // Utilities import { nextTick } from 'vue'; // Types import type { PropType } from 'vue'; type ControlSlot = { props: Record<string, unknown>; }; type ControlVariant = 'default' | 'stacked' | 'split' | 'hidden'; export declare const VNumberInput: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{ style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").Density; tile: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; clearable: boolean; clearIcon: import("../../composables/icons.js").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; controlVariant: ControlVariant; inset: boolean; hideInput: boolean; modelValue: number | null; min: number; max: number; step: number; precision: number | null; minFractionDigits: number | null; } & { theme?: string | undefined; class?: any; "onUpdate:focused"?: ((args_0: boolean) => void) | undefined; name?: 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; 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?: import("../../composables/icons.js").IconValue | undefined; prependIcon?: import("../../composables/icons.js").IconValue | undefined; hideDetails?: "auto" | boolean | undefined; hint?: string | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; appendInnerIcon?: import("../../composables/icons.js").IconValue | undefined; bgColor?: string | undefined; centerAffix?: boolean | undefined; color?: string | undefined; baseColor?: string | undefined; iconColor?: string | boolean | undefined; label?: string | undefined; prependInnerIcon?: import("../../composables/icons.js").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; decimalSeparator?: string | undefined; } & { $children?: { prepend?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; append?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; details?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; message?: ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; clear?: ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "prepend-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "append-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; label?: ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; loader?: ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; counter?: ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; increment?: ((arg: ControlSlot) => import("vue").VNodeChild) | undefined; decrement?: ((arg: ControlSlot) => import("vue").VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | {} | import("vue").VNodeChild; "v-slots"?: { prepend?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; append?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; details?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; message?: false | ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; clear?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "prepend-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "append-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; label?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; loader?: false | ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; counter?: false | ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; increment?: false | ((arg: ControlSlot) => import("vue").VNodeChild) | undefined; decrement?: false | ((arg: ControlSlot) => import("vue").VNodeChild) | undefined; } | undefined; } & { "v-slot:append"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:append-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:clear"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "v-slot:counter"?: false | ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; "v-slot:decrement"?: false | ((arg: ControlSlot) => import("vue").VNodeChild) | undefined; "v-slot:details"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:increment"?: false | ((arg: ControlSlot) => import("vue").VNodeChild) | undefined; "v-slot:label"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; "v-slot:message"?: false | ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; "v-slot:prepend"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:prepend-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; } & { "onUpdate:focused"?: ((val: boolean) => any) | undefined; "onUpdate:modelValue"?: ((val: number) => any) | undefined; }, Omit<Omit<{ $: import("vue").ComponentInternalInstance; $data: {}; $props: Partial<{ style: import("vue").StyleValue; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").Density; rounded: string | number | boolean; tile: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; clearable: boolean; clearIcon: import("../../composables/icons.js").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"; autofocus: boolean; persistentPlaceholder: boolean; persistentCounter: boolean; type: string; }> & Omit<{ theme?: string | undefined; class?: any; style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null; $children?: { prepend?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; append?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; details?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; message?: ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; clear?: ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "prepend-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "append-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; label?: ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; loader?: ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; default?: (() => import("vue").VNodeChild) | undefined; counter?: ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => import("vue").VNodeChild) | import("vue").VNodeChild; "v-slots"?: { prepend?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; append?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; details?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; message?: false | ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; clear?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "prepend-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "append-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; label?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; loader?: false | ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; default?: false | (() => import("vue").VNodeChild) | undefined; counter?: false | ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; } | undefined; focused: boolean; "onUpdate:focused"?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined; errorMessages: string | readonly string[] | null; maxErrors: string | number; name?: string | undefined; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (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; density: import("../../composables/density.js").Density; rounded?: string | number | boolean | undefined; tile: boolean; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; loading?: string | boolean | undefined; id?: string | undefined; appendIcon?: import("../../composables/icons.js").IconValue | undefined; prependIcon?: import("../../composables/icons.js").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; appendInnerIcon?: import("../../composables/icons.js").IconValue | undefined; bgColor?: string | undefined; clearable: boolean; clearIcon: import("../../composables/icons.js").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?: import("../../composables/icons.js").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; autocomplete?: string | undefined; autofocus: boolean; counter?: string | number | boolean | undefined; counterValue?: number | ((value: any) => number) | undefined; prefix?: string | undefined; placeholder?: string | undefined; persistentPlaceholder: boolean; persistentCounter: boolean; suffix?: string | undefined; role?: string | undefined; type: string; modelModifiers?: Record<string, boolean> | undefined; "onClick:control"?: ((e: MouseEvent) => any) | undefined; "onMousedown:control"?: ((e: MouseEvent) => any) | undefined; "onUpdate:modelValue"?: ((val: string) => any) | undefined; "v-slot:append"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:append-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:clear"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "v-slot:counter"?: false | ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined; "v-slot:details"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:label"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; "v-slot:message"?: false | ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; "v-slot:prepend"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:prepend-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "active" | "autofocus" | "centerAffix" | "clearIcon" | "clearable" | "density" | "direction" | "dirty" | "disabled" | "error" | "errorMessages" | "flat" | "focused" | "glow" | "hideSpinButtons" | "maxErrors" | "messages" | "persistentClear" | "persistentCounter" | "persistentHint" | "persistentPlaceholder" | "readonly" | "reverse" | "rounded" | "rules" | "singleLine" | "style" | "tile" | "type" | "variant">; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ prepend?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; append?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; details?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; message?: ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; clear?: ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; "prepend-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; "append-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; label?: ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; loader?: ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; default?: (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; counter?: ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null; $host: Element | null; $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "mousedown:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:modelValue", val: string) => void); $el: any; $options: import("vue").ComponentOptionsBase<{ style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").Density; tile: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; clearable: boolean; clearIcon: import("../../composables/icons.js").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?: import("../../composables/icons.js").IconValue | undefined; prependIcon?: import("../../composables/icons.js").IconValue | undefined; hideDetails?: "auto" | boolean | undefined; hint?: string | undefined; "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined; "onClick:append"?: ((args_0: MouseEvent) => void) | undefined; appendInnerIcon?: import("../../composables/icons.js").IconValue | undefined; bgColor?: string | undefined; centerAffix?: boolean | undefined; color?: string | undefined; baseColor?: string | undefined; iconColor?: string | boolean | undefined; label?: string | undefined; prependInnerIcon?: import("../../composables/icons.js").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: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; append?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; details?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; message?: ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; clear?: ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "prepend-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "append-inner"?: ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; label?: ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; loader?: ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; default?: (() => import("vue").VNodeChild) | undefined; counter?: ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => import("vue").VNodeChild) | import("vue").VNodeChild; "v-slots"?: { prepend?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; append?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; details?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; message?: false | ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; clear?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "prepend-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "append-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; label?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; loader?: false | ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; default?: false | (() => import("vue").VNodeChild) | undefined; counter?: false | ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; } | undefined; } & { "v-slot:append"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:append-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:clear"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "v-slot:counter"?: false | ((arg: import("../VCounter/VCounter.js").VCounterSlot) => import("vue").VNodeChild) | undefined; "v-slot:default"?: false | (() => import("vue").VNodeChild) | undefined; "v-slot:details"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:label"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot & { label: string | undefined; props: Record<string, any>; }) => import("vue").VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: import("../../composables/loader.js").LoaderSlotProps) => import("vue").VNodeChild) | undefined; "v-slot:message"?: false | ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNodeChild) | undefined; "v-slot:prepend"?: false | ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNodeChild) | undefined; "v-slot:prepend-inner"?: false | ((arg: import("../VField/VField.js").DefaultInputSlot) => import("vue").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<{ $: import("vue").ComponentInternalInstance; $data: {}; $props: Partial<{ style: import("vue").StyleValue; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").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 | import("vue").StyleValue[] | import("vue").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<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").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: import("../../composables/density.js").Density; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; id?: string | undefined; appendIcon?: import("../../composables/icons.js").IconValue | undefined; baseColor?: string | undefined; centerAffix: boolean; color?: string | undefined; glow: boolean; iconColor?: string | boolean | undefined; prependIcon?: import("../../composables/icons.js").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; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").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: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; prepend?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; append?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; details?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; message?: ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]) | undefined; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<{ style: string | false | import("vue").StyleValue[] | import("vue").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<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").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?: import("../../composables/icons.js").IconValue | undefined; baseColor?: string | undefined; color?: string | undefined; iconColor?: string | boolean | undefined; prependIcon?: import("../../composables/icons.js").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: import("vue").ComputedRef<boolean | null>; errorMessages: import("vue").ComputedRef<string[]>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").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: import("vue").StyleValue; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; }, {}, string, import("vue").SlotsType<Partial<{ default: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; prepend: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; append: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; details: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; message: (arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").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: import("vue").DebuggerEvent) => void)[] | ((e: import("vue").DebuggerEvent) => void)) | undefined; renderTriggered?: (((e: import("vue").DebuggerEvent) => void)[] | ((e: import("vue").DebuggerEvent) => void)) | undefined; errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)[] | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => void | boolean)) | undefined; }; $forceUpdate: () => void; $nextTick: typeof 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: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle; } & Readonly<{ style: import("vue").StyleValue; focused: boolean; disabled: boolean | null; error: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly (string | boolean | PromiseLike<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; messages: string | readonly string[]; direction: "horizontal" | "vertical"; }> & Omit<{ style: string | false | import("vue").StyleValue[] | import("vue").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<import("../../composables/validation.js").ValidationResult> | ((value: any) => import("../../composables/validation.js").ValidationResult) | ((value: any) => PromiseLike<import("../../composables/validation.js").ValidationResult>) | [string, any, (string | undefined)?])[]; density: import("../../composables/density.js").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" | "in