@lekseek/ui/types/components/Textarea/Component.vue.d.ts

Vue 3 components library

import { PropType } from 'vue';
import { CssClass } from '../../helpers/css-classes';
declare const _default: import("vue").DefineComponent<{
    size: {
        type: PropType<"sm" | "md" | "lg">;
        default: string;
    };
    depressed: {
        type: PropType<boolean>;
        default: boolean;
    };
    error: {
        type: PropType<boolean>;
        default: boolean;
    };
    rounded: {
        type: PropType<boolean>;
        default: boolean;
    };
    roundedLg: {
        type: PropType<boolean>;
        default: boolean;
    };
    round: {
        type: PropType<boolean>;
        default: boolean;
    };
    bordered: {
        type: PropType<boolean>;
        default: boolean;
    };
    dark: {
        type: PropType<boolean>;
        default: boolean;
    };
    light: {
        type: PropType<boolean>;
        default: boolean;
    };
    modelValue: {
        type: PropType<string | number | null>;
        default: null;
    };
    placeholder: {
        type: PropType<string | null>;
        default: null;
    };
    type: {
        type: PropType<string>;
        default: string;
    };
    required: {
        type: PropType<boolean>;
        default: boolean;
    };
    maxlength: {
        type: PropType<number | null>;
        default: null;
    };
    rows: {
        type: PropType<number | undefined>;
        default: null;
    };
    label: {
        type: PropType<string | null>;
        default: null;
    };
    leftIcon: {
        type: PropType<string | null>;
        default: null;
    };
    rightIcon: {
        type: PropType<string | null>;
        default: null;
    };
    leftIconClickable: {
        type: PropType<boolean>;
        default: boolean;
    };
    rightIconClickable: {
        type: PropType<boolean>;
        default: boolean;
    };
    leftIconColor: {
        type: PropType<string | null>;
        default: null;
    };
    rightIconColor: {
        type: PropType<string | null>;
        default: null;
    };
    width: {
        type: PropType<number | null>;
        default: null;
    };
    disabled: {
        type: PropType<boolean>;
        default: boolean;
    };
    autofocus: {
        type: PropType<boolean>;
        default: boolean;
    };
    readonly: {
        type: PropType<boolean>;
        default: boolean;
    };
}, {
    themeClass: import("vue").ComputedRef<{
        'is-dark': any;
        'is-light': any;
    }>;
    borderedClass: import("vue").ComputedRef<{
        'is-bordered': any;
    }>;
    roundedClass: import("vue").ComputedRef<{
        'is-rounded': any;
        'is-rounded-lg': any;
        'is-round': any;
    }>;
    depressedClass: import("vue").ComputedRef<{
        'is-depressed': any;
    }>;
    validationBorderClass: import("vue").ComputedRef<{
        'is-bordered': any;
        'has-border-color-error': any;
    }>;
}, {
    isFocused: boolean;
}, {
    widthStyle(): {
        [x: string]: any;
    };
    styles(): {
        [x: string]: any;
    };
    classes(): CssClass[];
}, {
    setFocusStatus(isFocused: boolean): void;
    onFocus(): void;
    onBlur(): void;
    input(e: any): void;
    onLeftIconClick(): void;
    onRightIconClick(): void;
    enter(e: any): void;
    focus(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "input" | "update:modelValue" | "enter" | "click-left-icon" | "click-right-icon" | "enter-no-shift" | "enter-shift")[], "blur" | "focus" | "input" | "update:modelValue" | "enter" | "click-left-icon" | "click-right-icon" | "enter-no-shift" | "enter-shift", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    size: {
        type: PropType<"sm" | "md" | "lg">;
        default: string;
    };
    depressed: {
        type: PropType<boolean>;
        default: boolean;
    };
    error: {
        type: PropType<boolean>;
        default: boolean;
    };
    rounded: {
        type: PropType<boolean>;
        default: boolean;
    };
    roundedLg: {
        type: PropType<boolean>;
        default: boolean;
    };
    round: {
        type: PropType<boolean>;
        default: boolean;
    };
    bordered: {
        type: PropType<boolean>;
        default: boolean;
    };
    dark: {
        type: PropType<boolean>;
        default: boolean;
    };
    light: {
        type: PropType<boolean>;
        default: boolean;
    };
    modelValue: {
        type: PropType<string | number | null>;
        default: null;
    };
    placeholder: {
        type: PropType<string | null>;
        default: null;
    };
    type: {
        type: PropType<string>;
        default: string;
    };
    required: {
        type: PropType<boolean>;
        default: boolean;
    };
    maxlength: {
        type: PropType<number | null>;
        default: null;
    };
    rows: {
        type: PropType<number | undefined>;
        default: null;
    };
    label: {
        type: PropType<string | null>;
        default: null;
    };
    leftIcon: {
        type: PropType<string | null>;
        default: null;
    };
    rightIcon: {
        type: PropType<string | null>;
        default: null;
    };
    leftIconClickable: {
        type: PropType<boolean>;
        default: boolean;
    };
    rightIconClickable: {
        type: PropType<boolean>;
        default: boolean;
    };
    leftIconColor: {
        type: PropType<string | null>;
        default: null;
    };
    rightIconColor: {
        type: PropType<string | null>;
        default: null;
    };
    width: {
        type: PropType<number | null>;
        default: null;
    };
    disabled: {
        type: PropType<boolean>;
        default: boolean;
    };
    autofocus: {
        type: PropType<boolean>;
        default: boolean;
    };
    readonly: {
        type: PropType<boolean>;
        default: boolean;
    };
}>> & {
    onBlur?: ((...args: any[]) => any) | undefined;
    onFocus?: ((...args: any[]) => any) | undefined;
    onInput?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    onEnter?: ((...args: any[]) => any) | undefined;
    "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
    "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
    "onEnter-no-shift"?: ((...args: any[]) => any) | undefined;
    "onEnter-shift"?: ((...args: any[]) => any) | undefined;
}, {
    error: boolean;
    bordered: boolean;
    dark: boolean;
    light: boolean;
    type: string;
    size: "sm" | "md" | "lg";
    modelValue: string | number | null;
    placeholder: string | null;
    required: boolean;
    maxlength: number | null;
    label: string | null;
    width: number | null;
    leftIcon: string | null;
    rightIcon: string | null;
    leftIconClickable: boolean;
    rightIconClickable: boolean;
    leftIconColor: string | null;
    rightIconColor: string | null;
    disabled: boolean;
    autofocus: boolean;
    readonly: boolean;
    depressed: boolean;
    rounded: boolean;
    roundedLg: boolean;
    round: boolean;
    rows: number | undefined;
}>;
export default _default;