@vuetify/nightly
Version:
Vue Material Component Framework
708 lines (707 loc) • 508 kB
TypeScript
// 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