@dialpad/dialtone-vue/dist/types/components/input/input.vue.d.ts

Vue component library for Dialpad's design system Dialtone

declare const _default: import('vue').DefineComponent<{
    name: {
        type: StringConstructor;
        default: string;
    };
    type: {
        type: StringConstructor;
        default: string;
        validator: (t: unknown) => boolean;
    };
    value: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    label: {
        type: StringConstructor;
        default: string;
    };
    labelVisible: {
        type: BooleanConstructor;
        default: boolean;
    };
    description: {
        type: StringConstructor;
        default: string;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (t: unknown) => boolean;
    };
    inputClass: {
        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
    };
    inputWrapperClass: {
        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
    };
    rootClass: {
        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
    };
    currentLength: {
        type: NumberConstructor;
        default: null;
    };
    retainWarning: {
        type: BooleanConstructor;
        default: boolean;
    };
    validate: {
        type: ObjectConstructor;
        default: null;
    };
    hidden: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {}, {
    isInputFocused: boolean;
    isInvalid: boolean;
    defaultLength: number;
}, {
    isTextarea(): boolean;
    isDefaultSize(): boolean;
    iconSize(): any;
    isValidSize(): boolean;
    isValidDescriptionSize(): boolean;
    inputComponent(): "input" | "textarea";
    inputListeners(): {
        input: (event: any) => void;
        focus: (event: any) => void;
        blur: (event: any) => void;
    };
    descriptionKey(): string;
    inputState(): string | null;
    defaultLengthCalculation(): number;
    validationProps(): {
        length: {
            description: any;
            max: any;
            warn: any;
            message: any;
            limitMaxLength: any;
        };
    };
    validationMessages(): any;
    showInputState(): any;
    inputLength(): any;
    inputLengthState(): string | null;
    shouldValidateLength(): boolean;
    shouldLimitMaxLength(): any;
    showLengthLimitValidation(): any;
    sizeModifierClass(): any;
    stateClass(): any[];
}, {
    inputClasses(): any[];
    inputWrapperClasses(): any[];
    calculateLength(value: any): number;
    inputLengthErrorMessage(): {
        message: any;
        type: string | null;
    };
    onBlur(e: any): void;
    emitClearEvents(): void;
    blur(): void;
    focus(): void;
    select(): void;
    getMessageKey(type: any, index: any): string;
    validateLength(length: any): void;
    clearInput(): void;
}, {
    props: {
        messagesClass: {
            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
            default: string;
        };
        messagesChildProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        showMessages: {
            type: BooleanConstructor;
            default: boolean;
        };
        messages: {
            type: ArrayConstructor;
            default: () => never[];
            validator: (messages: any) => any;
        };
    };
    computed: {
        formattedMessages(): any;
    };
}, import('vue').ComponentOptionsMixin, ("input" | "focus" | "focusin" | "focusout" | "blur" | "clear" | "update:length" | "update:invalid")[], string, Readonly<import('vue').ExtractPropTypes<{
    name: {
        type: StringConstructor;
        default: string;
    };
    type: {
        type: StringConstructor;
        default: string;
        validator: (t: unknown) => boolean;
    };
    value: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    label: {
        type: StringConstructor;
        default: string;
    };
    labelVisible: {
        type: BooleanConstructor;
        default: boolean;
    };
    description: {
        type: StringConstructor;
        default: string;
    };
    size: {
        type: StringConstructor;
        default: string;
        validator: (t: unknown) => boolean;
    };
    inputClass: {
        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
    };
    inputWrapperClass: {
        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
    };
    rootClass: {
        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
        default: string;
    };
    currentLength: {
        type: NumberConstructor;
        default: null;
    };
    retainWarning: {
        type: BooleanConstructor;
        default: boolean;
    };
    validate: {
        type: ObjectConstructor;
        default: null;
    };
    hidden: {
        type: BooleanConstructor;
        default: boolean;
    };
}>>, {
    name: string;
    value: string | number;
    description: string;
    disabled: boolean;
    type: string;
    hidden: boolean;
    label: string;
    size: string;
    validate: Record<string, any>;
    labelVisible: boolean;
    inputClass: string | Record<string, any> | unknown[];
    inputWrapperClass: string | Record<string, any> | unknown[];
    rootClass: string | Record<string, any> | unknown[];
    currentLength: number;
    retainWarning: boolean;
}>;
export default _default;
//# sourceMappingURL=input.vue.d.ts.map