@vuetify/nightly
Version:
Vue Material Component Framework
785 lines (784 loc) • 109 kB
TypeScript
// Styles
// Types
import type { PropType } from 'vue';
import type { VTextFieldSlots } from '../../components/VTextField/VTextField.js';
export type VColorInputActionsSlot = {
save: () => void;
cancel: () => void;
isPristine: boolean;
};
export type VColorInputSlots = Omit<VTextFieldSlots, 'default'> & {
actions: VColorInputActionsSlot;
default: never;
};
declare const availablePipLocations: readonly ["prepend", "prepend-inner", "append", "append-inner"];
export type PipLocation = typeof availablePipLocations[number];
export declare const makeVColorInputProps: <Defaults extends {
theme?: unknown;
class?: unknown;
style?: unknown;
focused?: unknown;
"onUpdate:focused"?: unknown;
errorMessages?: unknown;
maxErrors?: unknown;
name?: unknown;
readonly?: unknown;
rules?: unknown;
validateOn?: unknown;
validationValue?: unknown;
border?: unknown;
density?: unknown;
elevation?: unknown;
rounded?: unknown;
tile?: unknown;
tag?: unknown;
maxWidth?: unknown;
minWidth?: unknown;
width?: unknown;
loading?: unknown;
position?: unknown;
id?: unknown;
appendIcon?: unknown;
prependIcon?: unknown;
hideDetails?: unknown;
hideSpinButtons?: unknown;
hint?: unknown;
persistentHint?: unknown;
messages?: unknown;
direction?: unknown;
"onClick:prepend"?: unknown;
"onClick:append"?: unknown;
appendInnerIcon?: unknown;
clearable?: unknown;
clearIcon?: unknown;
active?: unknown;
centerAffix?: unknown;
baseColor?: unknown;
details?: unknown;
dirty?: unknown;
glow?: unknown;
error?: unknown;
flat?: unknown;
iconColor?: unknown;
label?: unknown;
persistentClear?: unknown;
prependInnerIcon?: unknown;
reverse?: unknown;
singleLine?: unknown;
variant?: unknown;
"onClick:clear"?: unknown;
"onClick:appendInner"?: unknown;
"onClick:prependInner"?: unknown;
autocomplete?: unknown;
autofocus?: unknown;
counter?: unknown;
counterValue?: unknown;
prefix?: unknown;
placeholder?: unknown;
persistentPlaceholder?: unknown;
persistentCounter?: unknown;
suffix?: unknown;
role?: unknown;
type?: unknown;
modelModifiers?: unknown;
hideEyeDropper?: unknown;
eyeDropperIcon?: unknown;
color?: unknown;
bgColor?: unknown;
divided?: unknown;
landscape?: unknown;
title?: unknown;
hideHeader?: unknown;
hideTitle?: unknown;
canvasHeight?: unknown;
disabled?: unknown;
dotSize?: unknown;
hideCanvas?: unknown;
hideSliders?: unknown;
hideInputs?: unknown;
mode?: unknown;
modes?: unknown;
showSwatches?: unknown;
swatches?: unknown;
swatchesMaxHeight?: unknown;
modelValue?: unknown;
cancelText?: unknown;
okText?: unknown;
hideActions?: unknown;
hidePip?: unknown;
colorPip?: unknown;
pipIcon?: unknown;
pipLocation?: unknown;
pipVariant?: unknown;
} = {}>(defaults?: Defaults | undefined) => {
theme: unknown extends Defaults["theme"] ? StringConstructor : {
type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
};
class: unknown extends Defaults["class"] ? PropType<any> : {
type: PropType<unknown extends Defaults["class"] ? any : any>;
default: unknown extends Defaults["class"] ? any : any;
};
style: unknown extends Defaults["style"] ? {
type: PropType<import("vue").StyleValue>;
default: null;
} : Omit<{
type: PropType<import("vue").StyleValue>;
default: null;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | import("vue").StyleValue>;
default: unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | NonNullable<import("vue").StyleValue>;
};
focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
type: 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"] ? PropType<(args_0: boolean) => void> : {
type: 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: PropType<string | readonly string[] | null>;
default: () => never[];
} : Omit<{
type: PropType<string | readonly string[] | null>;
default: () => never[];
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : string | readonly string[] | Defaults["errorMessages"] | null>;
default: unknown extends Defaults["errorMessages"] ? string | readonly string[] | null : Defaults["errorMessages"] | NonNullable<string | readonly string[] | null>;
};
maxErrors: unknown extends Defaults["maxErrors"] ? {
type: (NumberConstructor | StringConstructor)[];
default: number;
} : Omit<{
type: (NumberConstructor | StringConstructor)[];
default: number;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["maxErrors"] ? string | number : string | number | Defaults["maxErrors"]>;
default: unknown extends Defaults["maxErrors"] ? string | number : Defaults["maxErrors"] | NonNullable<string | number>;
};
name: unknown extends Defaults["name"] ? StringConstructor : {
type: PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
};
readonly: unknown extends Defaults["readonly"] ? {
type: PropType<boolean | null>;
default: null;
} : Omit<{
type: PropType<boolean | null>;
default: null;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["readonly"] ? boolean | null : boolean | Defaults["readonly"] | null>;
default: unknown extends Defaults["readonly"] ? boolean | null : Defaults["readonly"] | NonNullable<boolean | null>;
};
rules: unknown extends Defaults["rules"] ? {
type: PropType<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)?])[]>;
default: () => never[];
} : Omit<{
type: PropType<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)?])[]>;
default: () => never[];
}, "default" | "type"> & {
type: 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"] ? PropType<("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> : {
type: PropType<unknown extends Defaults["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 : Defaults["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>;
default: unknown extends Defaults["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 : Defaults["validateOn"] | NonNullable<("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: unknown extends Defaults["validationValue"] ? null : {
type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
default: unknown extends Defaults["validationValue"] ? any : any;
};
border: unknown extends Defaults["border"] ? (BooleanConstructor | NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["border"] ? string | number | boolean : string | number | boolean | Defaults["border"]>;
default: unknown extends Defaults["border"] ? string | number | boolean : Defaults["border"] | NonNullable<string | number | boolean>;
};
density: unknown extends Defaults["density"] ? {
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : Defaults["density"] | import("../../composables/density.js").Density>;
default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : Defaults["density"] | NonNullable<import("../../composables/density.js").Density>;
};
elevation: unknown extends Defaults["elevation"] ? {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
} : Omit<{
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["elevation"] ? string | number : string | number | Defaults["elevation"]>;
default: unknown extends Defaults["elevation"] ? string | number : Defaults["elevation"] | NonNullable<string | number>;
};
rounded: unknown extends Defaults["rounded"] ? {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
} : Omit<{
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>;
default: unknown extends Defaults["rounded"] ? string | number | boolean : Defaults["rounded"] | NonNullable<string | number | boolean>;
};
tile: unknown extends Defaults["tile"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
};
tag: unknown extends Defaults["tag"] ? {
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
} : Omit<{
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | Defaults["tag"] | import("../../util/index.js").JSXComponent>;
default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : Defaults["tag"] | NonNullable<string | import("../../util/index.js").JSXComponent>;
};
maxWidth: unknown extends Defaults["maxWidth"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
default: unknown extends Defaults["maxWidth"] ? string | number : Defaults["maxWidth"] | NonNullable<string | number>;
};
minWidth: unknown extends Defaults["minWidth"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
default: unknown extends Defaults["minWidth"] ? string | number : Defaults["minWidth"] | NonNullable<string | number>;
};
width: unknown extends Defaults["width"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
default: unknown extends Defaults["width"] ? string | number : Defaults["width"] | NonNullable<string | number>;
};
loading: unknown extends Defaults["loading"] ? (BooleanConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
default: unknown extends Defaults["loading"] ? string | boolean : Defaults["loading"] | NonNullable<string | boolean>;
};
position: unknown extends Defaults["position"] ? {
type: PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["position"] ? "absolute" | "fixed" | "relative" | "static" | "sticky" : "absolute" | "fixed" | "relative" | "static" | "sticky" | Defaults["position"]>;
default: unknown extends Defaults["position"] ? "absolute" | "fixed" | "relative" | "static" | "sticky" : Defaults["position"] | NonNullable<"absolute" | "fixed" | "relative" | "static" | "sticky">;
};
id: unknown extends Defaults["id"] ? StringConstructor : {
type: PropType<unknown extends Defaults["id"] ? string : string | Defaults["id"]>;
default: unknown extends Defaults["id"] ? string : string | Defaults["id"];
};
appendIcon: unknown extends Defaults["appendIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : Defaults["appendIcon"] | import("../../composables/icons.js").IconValue>;
default: unknown extends Defaults["appendIcon"] ? import("../../composables/icons.js").IconValue : Defaults["appendIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
};
prependIcon: unknown extends Defaults["prependIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : Defaults["prependIcon"] | import("../../composables/icons.js").IconValue>;
default: unknown extends Defaults["prependIcon"] ? import("../../composables/icons.js").IconValue : Defaults["prependIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
};
hideDetails: unknown extends Defaults["hideDetails"] ? PropType<"auto" | boolean> : {
type: PropType<unknown extends Defaults["hideDetails"] ? "auto" | boolean : "auto" | boolean | Defaults["hideDetails"]>;
default: unknown extends Defaults["hideDetails"] ? "auto" | boolean : Defaults["hideDetails"] | NonNullable<"auto" | boolean>;
};
hideSpinButtons: unknown extends Defaults["hideSpinButtons"] ? BooleanConstructor : {
type: 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: 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: PropType<unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"]>;
default: unknown extends Defaults["persistentHint"] ? boolean : boolean | Defaults["persistentHint"];
};
messages: unknown extends Defaults["messages"] ? {
type: PropType<string | readonly string[]>;
default: () => never[];
} : Omit<{
type: PropType<string | readonly string[]>;
default: () => never[];
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["messages"] ? string | readonly string[] : string | readonly string[] | Defaults["messages"]>;
default: unknown extends Defaults["messages"] ? string | readonly string[] : Defaults["messages"] | NonNullable<string | readonly string[]>;
};
direction: unknown extends Defaults["direction"] ? {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>;
default: unknown extends Defaults["direction"] ? "horizontal" | "vertical" : Defaults["direction"] | NonNullable<"horizontal" | "vertical">;
};
"onClick:prepend": unknown extends Defaults["onClick:prepend"] ? PropType<(args_0: MouseEvent) => void> : {
type: 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"] ? PropType<(args_0: MouseEvent) => void> : {
type: 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"];
};
appendInnerIcon: unknown extends Defaults["appendInnerIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["appendInnerIcon"] ? import("../../composables/icons.js").IconValue : Defaults["appendInnerIcon"] | import("../../composables/icons.js").IconValue>;
default: unknown extends Defaults["appendInnerIcon"] ? import("../../composables/icons.js").IconValue : Defaults["appendInnerIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
};
clearable: unknown extends Defaults["clearable"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"]>;
default: unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"];
};
clearIcon: unknown extends Defaults["clearIcon"] ? {
type: PropType<import("../../composables/icons.js").IconValue>;
default: string;
} : Omit<{
type: PropType<import("../../composables/icons.js").IconValue>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["clearIcon"] ? import("../../composables/icons.js").IconValue : Defaults["clearIcon"] | import("../../composables/icons.js").IconValue>;
default: unknown extends Defaults["clearIcon"] ? import("../../composables/icons.js").IconValue : Defaults["clearIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
};
active: unknown extends Defaults["active"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
default: unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"];
};
centerAffix: unknown extends Defaults["centerAffix"] ? {
type: BooleanConstructor;
default: undefined;
} : Omit<{
type: BooleanConstructor;
default: undefined;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"]>;
default: unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"];
};
baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
};
details: unknown extends Defaults["details"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["details"] ? boolean : boolean | Defaults["details"]>;
default: unknown extends Defaults["details"] ? boolean : boolean | Defaults["details"];
};
dirty: unknown extends Defaults["dirty"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"]>;
default: unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"];
};
glow: unknown extends Defaults["glow"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"]>;
default: unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"];
};
error: unknown extends Defaults["error"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>;
default: unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"];
};
flat: unknown extends Defaults["flat"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"]>;
default: unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"];
};
iconColor: unknown extends Defaults["iconColor"] ? (BooleanConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["iconColor"] ? string | boolean : string | boolean | Defaults["iconColor"]>;
default: unknown extends Defaults["iconColor"] ? string | boolean : Defaults["iconColor"] | NonNullable<string | boolean>;
};
label: unknown extends Defaults["label"] ? StringConstructor : {
type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
};
persistentClear: unknown extends Defaults["persistentClear"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"]>;
default: unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"];
};
prependInnerIcon: unknown extends Defaults["prependInnerIcon"] ? PropType<import("../../composables/icons.js").IconValue> : {
type: PropType<unknown extends Defaults["prependInnerIcon"] ? import("../../composables/icons.js").IconValue : Defaults["prependInnerIcon"] | import("../../composables/icons.js").IconValue>;
default: unknown extends Defaults["prependInnerIcon"] ? import("../../composables/icons.js").IconValue : Defaults["prependInnerIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
};
reverse: unknown extends Defaults["reverse"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"]>;
default: unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"];
};
singleLine: unknown extends Defaults["singleLine"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"]>;
default: unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"];
};
variant: unknown extends Defaults["variant"] ? {
type: PropType<"filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined">;
default: string;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<"filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined" : "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined" | Defaults["variant"]>;
default: unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined" : Defaults["variant"] | NonNullable<"filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined">;
};
"onClick:clear": unknown extends Defaults["onClick:clear"] ? PropType<(args_0: MouseEvent) => void> : {
type: PropType<unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"]>;
default: unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"];
};
"onClick:appendInner": unknown extends Defaults["onClick:appendInner"] ? PropType<(args_0: MouseEvent) => void> : {
type: PropType<unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"]>;
default: unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"];
};
"onClick:prependInner": unknown extends Defaults["onClick:prependInner"] ? PropType<(args_0: MouseEvent) => void> : {
type: PropType<unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"]>;
default: unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"];
};
autocomplete: unknown extends Defaults["autocomplete"] ? PropType<string> : {
type: PropType<unknown extends Defaults["autocomplete"] ? string : string | Defaults["autocomplete"]>;
default: unknown extends Defaults["autocomplete"] ? string : string | Defaults["autocomplete"];
};
autofocus: unknown extends Defaults["autofocus"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"]>;
default: unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"];
};
counter: unknown extends Defaults["counter"] ? (BooleanConstructor | NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["counter"] ? string | number | boolean : string | number | boolean | Defaults["counter"]>;
default: unknown extends Defaults["counter"] ? string | number | boolean : Defaults["counter"] | NonNullable<string | number | boolean>;
};
counterValue: unknown extends Defaults["counterValue"] ? PropType<number | ((value: any) => number)> : {
type: PropType<unknown extends Defaults["counterValue"] ? number | ((value: any) => number) : number | ((value: any) => number) | Defaults["counterValue"]>;
default: unknown extends Defaults["counterValue"] ? number | ((value: any) => number) : Defaults["counterValue"] | NonNullable<number | ((value: any) => number)>;
};
prefix: unknown extends Defaults["prefix"] ? StringConstructor : {
type: PropType<unknown extends Defaults["prefix"] ? string : string | Defaults["prefix"]>;
default: unknown extends Defaults["prefix"] ? string : string | Defaults["prefix"];
};
placeholder: unknown extends Defaults["placeholder"] ? StringConstructor : {
type: PropType<unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"]>;
default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
};
persistentPlaceholder: unknown extends Defaults["persistentPlaceholder"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["persistentPlaceholder"] ? boolean : boolean | Defaults["persistentPlaceholder"]>;
default: unknown extends Defaults["persistentPlaceholder"] ? boolean : boolean | Defaults["persistentPlaceholder"];
};
persistentCounter: unknown extends Defaults["persistentCounter"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["persistentCounter"] ? boolean : boolean | Defaults["persistentCounter"]>;
default: unknown extends Defaults["persistentCounter"] ? boolean : boolean | Defaults["persistentCounter"];
};
suffix: unknown extends Defaults["suffix"] ? StringConstructor : {
type: PropType<unknown extends Defaults["suffix"] ? string : string | Defaults["suffix"]>;
default: unknown extends Defaults["suffix"] ? string : string | Defaults["suffix"];
};
role: unknown extends Defaults["role"] ? StringConstructor : {
type: PropType<unknown extends Defaults["role"] ? string : string | Defaults["role"]>;
default: unknown extends Defaults["role"] ? string : string | Defaults["role"];
};
type: unknown extends Defaults["type"] ? {
type: StringConstructor;
default: string;
} : Omit<{
type: StringConstructor;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
default: unknown extends Defaults["type"] ? string : string | Defaults["type"];
};
modelModifiers: unknown extends Defaults["modelModifiers"] ? PropType<Record<string, boolean>> : {
type: PropType<unknown extends Defaults["modelModifiers"] ? Record<string, boolean> : Record<string, boolean> | Defaults["modelModifiers"]>;
default: unknown extends Defaults["modelModifiers"] ? Record<string, boolean> : Record<string, boolean> | Defaults["modelModifiers"];
};
hideEyeDropper: unknown extends Defaults["hideEyeDropper"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideEyeDropper"] ? boolean : boolean | Defaults["hideEyeDropper"]>;
default: unknown extends Defaults["hideEyeDropper"] ? boolean : boolean | Defaults["hideEyeDropper"];
};
eyeDropperIcon: unknown extends Defaults["eyeDropperIcon"] ? {
type: PropType<import("../../composables/icons.js").IconValue>;
default: string;
} : Omit<{
type: PropType<import("../../composables/icons.js").IconValue>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["eyeDropperIcon"] ? import("../../composables/icons.js").IconValue : Defaults["eyeDropperIcon"] | import("../../composables/icons.js").IconValue>;
default: unknown extends Defaults["eyeDropperIcon"] ? import("../../composables/icons.js").IconValue : Defaults["eyeDropperIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
};
color: unknown extends Defaults["color"] ? StringConstructor : {
type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
};
bgColor: unknown extends Defaults["bgColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
};
divided: unknown extends Defaults["divided"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"];
};
landscape: unknown extends Defaults["landscape"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"]>;
default: unknown extends Defaults["landscape"] ? boolean : boolean | Defaults["landscape"];
};
title: unknown extends Defaults["title"] ? StringConstructor : {
type: PropType<unknown extends Defaults["title"] ? string : string | Defaults["title"]>;
default: unknown extends Defaults["title"] ? string : string | Defaults["title"];
};
hideHeader: unknown extends Defaults["hideHeader"] ? {
type: PropType<boolean>;
default: boolean;
} : Omit<{
type: PropType<boolean>;
default: boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"]>;
default: unknown extends Defaults["hideHeader"] ? boolean : boolean | Defaults["hideHeader"];
};
hideTitle: unknown extends Defaults["hideTitle"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideTitle"] ? boolean : boolean | Defaults["hideTitle"]>;
default: unknown extends Defaults["hideTitle"] ? boolean : boolean | Defaults["hideTitle"];
};
canvasHeight: unknown extends Defaults["canvasHeight"] ? {
type: (NumberConstructor | StringConstructor)[];
default: number;
} : Omit<{
type: (NumberConstructor | StringConstructor)[];
default: number;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["canvasHeight"] ? string | number : string | number | Defaults["canvasHeight"]>;
default: unknown extends Defaults["canvasHeight"] ? string | number : Defaults["canvasHeight"] | NonNullable<string | number>;
};
disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
};
dotSize: unknown extends Defaults["dotSize"] ? {
type: (NumberConstructor | StringConstructor)[];
default: number;
} : Omit<{
type: (NumberConstructor | StringConstructor)[];
default: number;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["dotSize"] ? string | number : string | number | Defaults["dotSize"]>;
default: unknown extends Defaults["dotSize"] ? string | number : Defaults["dotSize"] | NonNullable<string | number>;
};
hideCanvas: unknown extends Defaults["hideCanvas"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideCanvas"] ? boolean : boolean | Defaults["hideCanvas"]>;
default: unknown extends Defaults["hideCanvas"] ? boolean : boolean | Defaults["hideCanvas"];
};
hideSliders: unknown extends Defaults["hideSliders"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideSliders"] ? boolean : boolean | Defaults["hideSliders"]>;
default: unknown extends Defaults["hideSliders"] ? boolean : boolean | Defaults["hideSliders"];
};
hideInputs: unknown extends Defaults["hideInputs"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideInputs"] ? boolean : boolean | Defaults["hideInputs"]>;
default: unknown extends Defaults["hideInputs"] ? boolean : boolean | Defaults["hideInputs"];
};
mode: unknown extends Defaults["mode"] ? {
type: PropType<"hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba">;
default: string;
validator: (v: string) => boolean;
} : Omit<{
type: PropType<"hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba">;
default: string;
validator: (v: string) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["mode"] ? "hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba" : "hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba" | Defaults["mode"]>;
default: unknown extends Defaults["mode"] ? "hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba" : Defaults["mode"] | NonNullable<"hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba">;
};
modes: unknown extends Defaults["modes"] ? {
type: PropType<readonly ("hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba")[]>;
default: () => string[];
validator: (v: any) => boolean;
} : Omit<{
type: PropType<readonly ("hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba")[]>;
default: () => string[];
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["modes"] ? readonly ("hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba")[] : readonly ("hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba")[] | Defaults["modes"]>;
default: unknown extends Defaults["modes"] ? readonly ("hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba")[] : readonly ("hex" | "hexa" | "hsl" | "hsla" | "rgb" | "rgba")[] | Defaults["modes"];
};
showSwatches: unknown extends Defaults["showSwatches"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["showSwatches"] ? boolean : boolean | Defaults["showSwatches"]>;
default: unknown extends Defaults["showSwatches"] ? boolean : boolean | Defaults["showSwatches"];
};
swatches: unknown extends Defaults["swatches"] ? PropType<readonly (readonly (string | number | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
})[])[]> : {
type: PropType<unknown extends Defaults["swatches"] ? readonly (readonly (string | number | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
})[])[] : readonly (readonly (string | number | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
})[])[] | Defaults["swatches"]>;
default: unknown extends Defaults["swatches"] ? readonly (readonly (string | number | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
})[])[] : readonly (readonly (string | number | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
})[])[] | Defaults["swatches"];
};
swatchesMaxHeight: unknown extends Defaults["swatchesMaxHeight"] ? {
type: (NumberConstructor | StringConstructor)[];
default: number;
} : Omit<{
type: (NumberConstructor | StringConstructor)[];
default: number;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["swatchesMaxHeight"] ? string | number : string | number | Defaults["swatchesMaxHeight"]>;
default: unknown extends Defaults["swatchesMaxHeight"] ? string | number : Defaults["swatchesMaxHeight"] | NonNullable<string | number>;
};
modelValue: unknown extends Defaults["modelValue"] ? {
type: PropType<string | Record<string, unknown> | null | undefined>;
} : Omit<{
type: PropType<string | Record<string, unknown> | null | undefined>;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["modelValue"] ? string | Record<string, unknown> | null | undefined : string | Record<string, unknown> | Defaults["modelValue"] | null | undefined>;
default: unknown extends Defaults["modelValue"] ? string | Record<string, unknown> | null | undefined : Defaults["modelValue"] | NonNullable<string | Record<string, unknown> | null | undefined>;
};
cancelText: unknown extends Defaults["cancelText"] ? {
type: StringConstructor;
default: string;
} : Omit<{
type: StringConstructor;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["cancelText"] ? string : string | Defaults["cancelText"]>;
default: unknown extends Defaults["cancelText"] ? string : string | Defaults["cancelText"];
};
okText: unknown extends Defaults["okText"] ? {
type: StringConstructor;
default: string;
} : Omit<{
type: StringConstructor;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["okText"] ? string : string | Defaults["okText"]>;
default: unknown extends Defaults["okText"] ? string : string | Defaults["okText"];
};
hideActions: unknown extends Defaults["hideActions"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"]>;
default: unknown extends Defaults["hideActions"] ? boolean : boolean | Defaults["hideActions"];
};
hidePip: unknown extends Defaults["hidePip"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["hidePip"] ? boolean : boolean | Defaults["hidePip"]>;
default: unknown extends Defaults["hidePip"] ? boolean : boolean | Defaults["hidePip"];
};
colorPip: unknown extends Defaults["colorPip"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["colorPip"] ? boolean : boolean | Defaults["colorPip"]>;
default: unknown extends Defaults["colorPip"] ? boolean : boolean | Defaults["colorPip"];
};
pipIcon: unknown extends Defaults["pipIcon"] ? {
type: StringConstructor;
default: string;
} : Omit<{
type: StringConstructor;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["pipIcon"] ? string : string | Defaults["pipIcon"]>;
default: unknown extends Defaults["pipIcon"] ? string : string | Defaults["pipIcon"];
};
pipLocation: unknown extends Defaults["pipLocation"] ? {
type: PropType<"append" | "append-inner" | "prepend" | "prepend-inner">;
default: string;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<"append" | "append-inner" | "prepend" | "prepend-inner">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["pipLocation"] ? "append" | "append-inner" | "prepend" | "prepend-inner" : "append" | "append-inner" | "prepend" | "prepend-inner" | Defaults["pipLocation"]>;
default: unknown extends Defaults["pipLocation"] ? "append" | "append-inner" | "prepend" | "prepend-inner" : Defaults["pipLocation"] | NonNullable<"append" | "append-inner" | "prepend" | "prepend-inner">;
};
pipVariant: unknown extends Defaults["pipVariant"] ? {
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | undefined>;
default: string;
} : Omit<{
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | undefined>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["pipVariant"] ? "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | undefined : "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | Defaults["pipVariant"] | undefined>;
default: unknown extends Defaults["pipVariant"] ? "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | undefined : Defaults["pipVariant"] | NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | undefined>;
};
};
export declare const VColorInput: {
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;
tag: string | import("../../util/index.js").JSXComponent;
hideSpinButtons: boolean;
persistentHint: boolean;
messages: string | readonly string[];
direction: "horizontal" | "vertical";
clearable: boolean;
clearIcon: import("../../composables/icons.js").IconValue;
active: boolean;
details: boolean;
dirty: boolean;
glow: boolean;
error: boolean;
flat: boolean;
persistentClear: boolean;
reverse: boolean;
singleLine: boolean;
variant: "fi