UNPKG

vuetify

Version:

Vue Material Component Framework

784 lines 93.9 kB
import type { ComputedRef, Ref } from 'vue'; import type { VInputSlots } from "../VInput/VInput.js"; import type { VSelectionControlSlots } from "../VSelectionControl/VSelectionControl.js"; import type { IconValue } from "../../composables/icons.js"; import type { LoaderSlotProps } from "../../composables/loader.js"; import type { GenericProps } from "../../util/index.js"; export type VSwitchSlot = { model: Ref<boolean>; isValid: ComputedRef<boolean | null>; }; export type VSwitchSlots = VInputSlots & VSelectionControlSlots & { loader: LoaderSlotProps; thumb: { icon: IconValue | undefined; } & VSwitchSlot; 'track-false': VSwitchSlot; 'track-true': VSwitchSlot; }; export declare const makeVSwitchProps: <Defaults extends { theme?: unknown; density?: unknown; class?: unknown; style?: unknown; color?: unknown; disabled?: unknown; defaultsTarget?: unknown; error?: unknown; id?: unknown; inline?: unknown; falseIcon?: unknown; trueIcon?: unknown; ripple?: unknown; multiple?: unknown; name?: unknown; readonly?: unknown; modelValue?: unknown; type?: unknown; valueComparator?: unknown; label?: unknown; baseColor?: unknown; trueValue?: unknown; falseValue?: unknown; value?: unknown; focused?: unknown; 'onUpdate:focused'?: unknown; errorMessages?: unknown; maxErrors?: unknown; rules?: unknown; validateOn?: unknown; validationValue?: unknown; width?: unknown; maxWidth?: unknown; minWidth?: unknown; appendIcon?: unknown; centerAffix?: unknown; glow?: unknown; iconColor?: unknown; prependIcon?: unknown; hideDetails?: unknown; hideSpinButtons?: unknown; hint?: unknown; persistentHint?: unknown; messages?: unknown; direction?: unknown; 'onClick:prepend'?: unknown; 'onClick:append'?: unknown; indeterminate?: unknown; inset?: unknown; flat?: unknown; loading?: unknown; } = {}>(defaults?: Defaults | undefined) => { theme: unknown extends Defaults["theme"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>; default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"]; }; density: unknown extends Defaults["density"] ? { type: import("vue").PropType<import("../../composables/density.js").Density>; default: string; validator: (v: any) => boolean; } : Omit<{ type: import("vue").PropType<import("../../composables/density.js").Density>; default: string; validator: (v: any) => boolean; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : import("../../composables/density.js").Density | Defaults["density"]>; default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : NonNullable<import("../../composables/density.js").Density> | Defaults["density"]; }; class: unknown extends Defaults["class"] ? import("vue").PropType<any> : { type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>; default: unknown extends Defaults["class"] ? any : any; }; style: unknown extends Defaults["style"] ? { type: import("vue").PropType<import("vue").StyleValue>; default: null; } : Omit<{ type: import("vue").PropType<import("vue").StyleValue>; default: null; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>; default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"]; }; color: unknown extends Defaults["color"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>; default: unknown extends Defaults["color"] ? string : string | Defaults["color"]; }; disabled: unknown extends Defaults["disabled"] ? { type: import("vue").PropType<boolean | null>; default: null; } : Omit<{ type: import("vue").PropType<boolean | null>; default: null; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean | null : boolean | Defaults["disabled"] | null>; default: unknown extends Defaults["disabled"] ? boolean | null : NonNullable<boolean | null> | Defaults["disabled"]; }; defaultsTarget: unknown extends Defaults["defaultsTarget"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["defaultsTarget"] ? string : string | Defaults["defaultsTarget"]>; default: unknown extends Defaults["defaultsTarget"] ? string : string | Defaults["defaultsTarget"]; }; error: unknown extends Defaults["error"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>; default: unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]; }; id: unknown extends Defaults["id"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["id"] ? string : string | Defaults["id"]>; default: unknown extends Defaults["id"] ? string : string | Defaults["id"]; }; inline: unknown extends Defaults["inline"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"]>; default: unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"]; }; falseIcon: unknown extends Defaults["falseIcon"] ? import("vue").PropType<IconValue> : { type: import("vue").PropType<unknown extends Defaults["falseIcon"] ? IconValue : IconValue | Defaults["falseIcon"]>; default: unknown extends Defaults["falseIcon"] ? IconValue : NonNullable<IconValue> | Defaults["falseIcon"]; }; trueIcon: unknown extends Defaults["trueIcon"] ? import("vue").PropType<IconValue> : { type: import("vue").PropType<unknown extends Defaults["trueIcon"] ? IconValue : IconValue | Defaults["trueIcon"]>; default: unknown extends Defaults["trueIcon"] ? IconValue : NonNullable<IconValue> | Defaults["trueIcon"]; }; ripple: unknown extends Defaults["ripple"] ? { type: import("vue").PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>; default: boolean; } : Omit<{ type: import("vue").PropType<import("../../directives/ripple/index.js").RippleDirectiveBinding["value"]>; default: boolean; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | { class?: string; keys?: string[]; } | undefined : boolean | { class?: string; keys?: string[]; } | Defaults["ripple"] | undefined>; default: unknown extends Defaults["ripple"] ? boolean | { class?: string; keys?: string[]; } | undefined : NonNullable<boolean | { class?: string; keys?: string[]; } | undefined> | Defaults["ripple"]; }; multiple: unknown extends Defaults["multiple"] ? { type: import("vue").PropType<boolean | null>; default: null; } : Omit<{ type: import("vue").PropType<boolean | null>; default: null; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["multiple"] ? boolean | null : boolean | Defaults["multiple"] | null>; default: unknown extends Defaults["multiple"] ? boolean | null : NonNullable<boolean | null> | Defaults["multiple"]; }; name: unknown extends Defaults["name"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>; default: unknown extends Defaults["name"] ? string : string | Defaults["name"]; }; readonly: unknown extends Defaults["readonly"] ? { type: import("vue").PropType<boolean | null>; default: null; } : Omit<{ type: import("vue").PropType<boolean | null>; default: null; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["readonly"] ? boolean | null : boolean | Defaults["readonly"] | null>; default: unknown extends Defaults["readonly"] ? boolean | null : NonNullable<boolean | null> | Defaults["readonly"]; }; modelValue: unknown extends Defaults["modelValue"] ? null : { type: import("vue").PropType<unknown extends Defaults["modelValue"] ? any : any>; default: unknown extends Defaults["modelValue"] ? any : any; }; type: unknown extends Defaults["type"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>; default: unknown extends Defaults["type"] ? string : string | Defaults["type"]; }; valueComparator: unknown extends Defaults["valueComparator"] ? { type: import("vue").PropType<typeof import("../../util/index.js").deepEqual>; default: typeof import("../../util/index.js").deepEqual; } : Omit<{ type: import("vue").PropType<typeof import("../../util/index.js").deepEqual>; default: typeof import("../../util/index.js").deepEqual; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["valueComparator"] ? typeof import("../../util/index.js").deepEqual : typeof import("../../util/index.js").deepEqual | Defaults["valueComparator"]>; default: unknown extends Defaults["valueComparator"] ? typeof import("../../util/index.js").deepEqual : typeof import("../../util/index.js").deepEqual | Defaults["valueComparator"]; }; label: unknown extends Defaults["label"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>; default: unknown extends Defaults["label"] ? string : string | Defaults["label"]; }; baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>; default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]; }; trueValue: unknown extends Defaults["trueValue"] ? null : { type: import("vue").PropType<unknown extends Defaults["trueValue"] ? any : any>; default: unknown extends Defaults["trueValue"] ? any : any; }; falseValue: unknown extends Defaults["falseValue"] ? null : { type: import("vue").PropType<unknown extends Defaults["falseValue"] ? any : any>; default: unknown extends Defaults["falseValue"] ? any : any; }; value: unknown extends Defaults["value"] ? null : { type: import("vue").PropType<unknown extends Defaults["value"] ? any : any>; default: unknown extends Defaults["value"] ? any : any; }; focused: unknown extends Defaults["focused"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>; default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]; }; 'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? import("vue").PropType<(args_0: boolean) => void> : { type: import("vue").PropType<unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]>; default: unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]; }; errorMessages: unknown extends Defaults["errorMessages"] ? { type: import("vue").PropType<string | readonly string[] | null>; default: () => never[]; } : Omit<{ type: import("vue").PropType<string | readonly string[] | null>; default: () => never[]; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : string | readonly string[] | Defaults["errorMessages"] | null>; default: unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : NonNullable<string | readonly string[] | null> | Defaults["errorMessages"]; }; maxErrors: unknown extends Defaults["maxErrors"] ? { type: (StringConstructor | NumberConstructor)[]; default: number; } : Omit<{ type: (StringConstructor | NumberConstructor)[]; default: number; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["maxErrors"] ? string | number : string | number | Defaults["maxErrors"]>; default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]; }; rules: unknown extends Defaults["rules"] ? { type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../../labs/rules/index.js").ValidationAlias)[]>; default: () => never[]; } : Omit<{ type: import("vue").PropType<readonly (import("../../types.js").ValidationRule | import("../../labs/rules/index.js").ValidationAlias)[]>; default: () => never[]; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["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)?])[] : 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)?])[] | Defaults["rules"]>; default: unknown extends Defaults["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)?])[] : 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)?])[] | Defaults["rules"]; }; validateOn: unknown extends Defaults["validateOn"] ? import("vue").PropType<("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> : { type: import("vue").PropType<unknown extends Defaults["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 : ("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") | Defaults["validateOn"] | undefined>; default: unknown extends Defaults["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 : NonNullable<("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> | Defaults["validateOn"]; }; validationValue: unknown extends Defaults["validationValue"] ? null : { type: import("vue").PropType<unknown extends Defaults["validationValue"] ? any : any>; default: unknown extends Defaults["validationValue"] ? any : any; }; width: unknown extends Defaults["width"] ? (StringConstructor | NumberConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>; default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]; }; maxWidth: unknown extends Defaults["maxWidth"] ? (StringConstructor | NumberConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>; default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"]; }; minWidth: unknown extends Defaults["minWidth"] ? (StringConstructor | NumberConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>; default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"]; }; appendIcon: unknown extends Defaults["appendIcon"] ? import("vue").PropType<IconValue> : { type: import("vue").PropType<unknown extends Defaults["appendIcon"] ? IconValue : IconValue | Defaults["appendIcon"]>; default: unknown extends Defaults["appendIcon"] ? IconValue : NonNullable<IconValue> | Defaults["appendIcon"]; }; centerAffix: unknown extends Defaults["centerAffix"] ? { type: BooleanConstructor; default: boolean; } : Omit<{ type: BooleanConstructor; default: boolean; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"]>; default: unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"]; }; glow: unknown extends Defaults["glow"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"]>; default: unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"]; }; iconColor: unknown extends Defaults["iconColor"] ? (StringConstructor | BooleanConstructor)[] : { type: import("vue").PropType<unknown extends Defaults["iconColor"] ? string | boolean : string | boolean | Defaults["iconColor"]>; default: unknown extends Defaults["iconColor"] ? string | boolean : NonNullable<string | boolean> | Defaults["iconColor"]; }; prependIcon: unknown extends Defaults["prependIcon"] ? import("vue").PropType<IconValue> : { type: import("vue").PropType<unknown extends Defaults["prependIcon"] ? IconValue : IconValue | Defaults["prependIcon"]>; default: unknown extends Defaults["prependIcon"] ? IconValue : NonNullable<IconValue> | Defaults["prependIcon"]; }; hideDetails: unknown extends Defaults["hideDetails"] ? import("vue").PropType<boolean | "auto"> : { type: import("vue").PropType<unknown extends Defaults["hideDetails"] ? boolean | "auto" : boolean | "auto" | Defaults["hideDetails"]>; default: unknown extends Defaults["hideDetails"] ? boolean | "auto" : NonNullable<boolean | "auto"> | Defaults["hideDetails"]; }; hideSpinButtons: unknown extends Defaults["hideSpinButtons"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["hideSpinButtons"] ? boolean : boolean | Defaults["hideSpinButtons"]>; default: unknown extends Defaults["hideSpinButtons"] ? boolean : boolean | Defaults["hideSpinButtons"]; }; hint: unknown extends Defaults["hint"] ? StringConstructor : { type: import("vue").PropType<unknown extends Defaults["hint"] ? string : string | Defaults["hint"]>; default: unknown extends Defaults["hint"] ? string : string | Defaults["hint"]; }; persistentHint: unknown extends Defaults["persistentHint"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"]>; default: unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"]; }; messages: unknown extends Defaults["messages"] ? { type: import("vue").PropType<string | readonly string[]>; default: () => never[]; } : Omit<{ type: import("vue").PropType<string | readonly string[]>; default: () => never[]; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["messages"] ? string | readonly string[] : string | readonly string[] | Defaults["messages"]>; default: unknown extends Defaults["messages"] ? string | readonly string[] : NonNullable<string | readonly string[]> | Defaults["messages"]; }; direction: unknown extends Defaults["direction"] ? { type: import("vue").PropType<"horizontal" | "vertical">; default: string; validator: (v: any) => boolean; } : Omit<{ type: import("vue").PropType<"horizontal" | "vertical">; default: string; validator: (v: any) => boolean; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>; default: unknown extends Defaults["direction"] ? "horizontal" | "vertical" : NonNullable<"horizontal" | "vertical"> | Defaults["direction"]; }; 'onClick:prepend': unknown extends Defaults["onClick:prepend"] ? import("vue").PropType<(args_0: MouseEvent) => void> : { type: import("vue").PropType<unknown extends Defaults["onClick:prepend"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prepend"]>; default: unknown extends Defaults["onClick:prepend"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prepend"]; }; 'onClick:append': unknown extends Defaults["onClick:append"] ? import("vue").PropType<(args_0: MouseEvent) => void> : { type: import("vue").PropType<unknown extends Defaults["onClick:append"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:append"]>; default: unknown extends Defaults["onClick:append"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:append"]; }; indeterminate: unknown extends Defaults["indeterminate"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["indeterminate"] ? boolean : boolean | Defaults["indeterminate"]>; default: unknown extends Defaults["indeterminate"] ? boolean : boolean | Defaults["indeterminate"]; }; inset: unknown extends Defaults["inset"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["inset"] ? boolean : boolean | Defaults["inset"]>; default: unknown extends Defaults["inset"] ? boolean : boolean | Defaults["inset"]; }; flat: unknown extends Defaults["flat"] ? BooleanConstructor : { type: import("vue").PropType<unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"]>; default: unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"]; }; loading: unknown extends Defaults["loading"] ? { type: (StringConstructor | BooleanConstructor)[]; default: boolean; } : Omit<{ type: (StringConstructor | BooleanConstructor)[]; default: boolean; }, "type" | "default"> & { type: import("vue").PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>; default: unknown extends Defaults["loading"] ? string | boolean : NonNullable<string | boolean> | Defaults["loading"]; }; }; export declare const VSwitch: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{ flat: boolean; inline: boolean; error: boolean; direction: "horizontal" | "vertical"; inset: boolean; loading: string | boolean; style: import("vue").StyleValue; disabled: boolean | null; multiple: boolean | null; readonly: boolean | null; indeterminate: boolean; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; valueComparator: typeof import("../../util/index.js").deepEqual; density: import("../../composables/density.js").Density; ripple: boolean | { class?: string; keys?: string[]; } | undefined; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { name?: string | undefined; type?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; value?: any; 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; defaultsTarget?: string | undefined; falseIcon?: IconValue | undefined; trueIcon?: IconValue | undefined; trueValue?: any; falseValue?: any; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & { "onUpdate:focused"?: ((focused: boolean) => any) | undefined; "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined; }, Omit<Omit<{ $: import("vue").ComponentInternalInstance; $data: {}; $props: Partial<{ error: boolean; direction: "horizontal" | "vertical"; style: import("vue").StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: import("../../composables/density.js").Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ error: boolean; direction: "horizontal" | "vertical"; style: import("vue").StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: import("../../composables/density.js").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; } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").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: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]) | undefined; prepend?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]) | undefined; append?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]) | undefined; details?: ((arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]) | undefined; message?: ((arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNode[]) | undefined; }>; $root: import("vue").ComponentPublicInstance | null; $parent: import("vue").ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<{ error: boolean; direction: "horizontal" | "vertical"; style: import("vue").StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: import("../../composables/density.js").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, {}, {}, import("vue").ComponentOptionsMixin, import("vue").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: import("vue").StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: import("../../composables/density.js").Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }, {}, string, import("vue").SlotsType<Partial<{ default: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; prepend: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; append: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; details: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; message: (arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNode[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import("vue").nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle; } & Readonly<{ error: boolean; direction: "horizontal" | "vertical"; style: import("vue").StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: import("../../composables/density.js").Density; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ error: boolean; direction: "horizontal" | "vertical"; style: import("vue").StyleValue; disabled: boolean | null; readonly: boolean | null; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; density: import("../../composables/density.js").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")> & import("vue").ShallowUnwrapRef<{ reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }> & {} & import("vue").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 import("vue").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[]>; } | {}; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{ 'update:focused': (focused: boolean) => true; 'update:modelValue': (value: any) => true; 'update:indeterminate': (value: boolean) => true; }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, { flat: boolean; inline: boolean; error: boolean; direction: "horizontal" | "vertical"; inset: boolean; loading: string | boolean; style: import("vue").StyleValue; disabled: boolean | null; multiple: boolean | null; readonly: boolean | null; indeterminate: boolean; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; valueComparator: typeof import("../../util/index.js").deepEqual; density: import("../../composables/density.js").Density; ripple: boolean | { class?: string; keys?: string[]; } | undefined; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; }, true, {}, import("vue").SlotsType<Partial<{ default: (arg: import("../VInput/VInput.js").VInputSlot & { backgroundColorClasses: Ref<string[]>; backgroundColorStyles: Ref<import("vue").CSSProperties>; }) => import("vue").VNode[]; prepend: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; append: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; details: (arg: import("../VInput/VInput.js").VInputSlot) => import("vue").VNode[]; message: (arg: import("../VMessages/VMessages.js").VMessageSlot) => import("vue").VNode[]; label: (arg: { label: string | undefined; props: Record<string, unknown>; }) => import("vue").VNode[]; input: (arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNode[]; loader: (arg: LoaderSlotProps) => import("vue").VNode[]; thumb: (arg: { icon: IconValue | undefined; } & VSwitchSlot) => import("vue").VNode[]; 'track-false': (arg: VSwitchSlot) => import("vue").VNode[]; 'track-true': (arg: VSwitchSlot) => import("vue").VNode[]; }>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { flat: boolean; inline: boolean; error: boolean; direction: "horizontal" | "vertical"; inset: boolean; loading: string | boolean; style: import("vue").StyleValue; disabled: boolean | null; multiple: boolean | null; readonly: boolean | null; indeterminate: boolean; messages: string | readonly string[]; 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)?])[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; valueComparator: typeof import("../../util/index.js").deepEqual; density: import("../../composables/density.js").Density; ripple: boolean | { class?: string; keys?: string[]; } | undefined; centerAffix: boolean; glow: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { name?: string | undefined; type?: string | undefined; id?: string | undefined; width?: string | number | undefined; color?: string | undefined; maxWidth?: string | number | undefined; minWidth?: string | number | undefined; value?: any; 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; defaultsTarget?: string | undefined; falseIcon?: IconValue | undefined; trueIcon?: IconValue | undefined; trueValue?: any; falseValue?: any; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & { "onUpdate:focused"?: ((focused: boolean) => any) | undefined; "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined; }, Omit<Omit<{ $: import("vue").Componen