import { EventEmitter } from '../../stencil-public-runtime';
/**
 * @name Textarea
 * @category Forms
 * @summary Use for multi-line text input like messages, comments, or lengthy descriptions.
 * @slot label - An optional slot to display a custom label.
 */
export declare class Q2Textarea {
    contentContainer?: HTMLDivElement;
    debouncedScreenReaderCharacterCount: () => void;
    describeByScreenReaderCharacterCount: boolean;
    guid: number;
    scheduledAfterRender: (() => void)[];
    textareaField?: HTMLTextAreaElement;
    valueOnFocus: string;
    hostElement: HTMLElement;
    downParams: Record<string, number>;
    hasFocus: boolean;
    screenReaderCharacterCount: number;
    /**
     * Defines the number of columns displayed in the field.
     * If not set, the field will be full-width and respond to the window size.
     */
    cols: number;
    /** Indicates the field cannot be focused or interacted with. */
    disabled: boolean;
    /**
     * Each item in the `errors` array will appear below the input field when the field is focused.
     * @localizable
     */
    errors: string[];
    /**
     * Hide's the field's `<label>` element from view.
     * @warning
     * Only use when a visible label is impractical.
     */
    hideLabel: boolean;
    /**
     * When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array above).
     * Primarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear).
     */
    hideMessages: boolean;
    /**
     * Each item in the `hints` array will appear below the input field when the field is focused.
     * @info
     * The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.
     * Once all errors are resolved, the hints display the next time the field is focused.
     * @localizable
     */
    hints: string[];
    /**
     * The label that appears above the field. This is announced by screen readers when the field is focused.
     * @localizable
     */
    label: string;
    /**
     * Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.
     * Make sure you account for them when setting the `maxlength` value.
     * @info
     * Please set the `rows` attribute in correlation with `maxlength` to show as much text as possible in the field viewport.
     */
    maxlength: number;
    /** Appends "(optional)" to the field label, and sets `aria-required` on the nested input tag to `false`. */
    optional: boolean;
    /**
     * Text that appears within the field when it is blurred and empty.
     * Placeholder text disappears when the user focuses on the field and provides input.
     * @info
     * Primarily used for rare cases in which a visible form label is not expected (e.g., search fields).
     * @localizable
     */
    placeholder: string;
    /**
     * Appends "(read only)" to the field label, and field becomes unusable, but remains focusable.
     * Takes priority over `optional` if both are `true`.
     */
    readonly: boolean;
    /** Indicates how the field is resizable. */
    resize: 'none' | 'vertical' | 'horizontal' | 'both' | 'vertical-auto';
    /** Defines the number of rows displayed in the field. */
    rows: number;
    /** Determines whether the field is subject to spell-checking by the underlying browser or OS. */
    spellcheck: boolean;
    /** The value of the field. */
    value: string;
    /**
     * Emitted when the field loses focus after the value has been changed.
     * @deprecated Use 'tctChange' instead
     * @legacyEvent
     */
    change: EventEmitter<{
        value: string;
    }>;
    /**
     * Emitted when the field value is updated.
     * @deprecated Use 'tctInput' instead
     * @legacyEvent
     */
    input: EventEmitter<{
        value: string;
    }>;
    /**
     * Emitted when the field loses focus after the value has been changed.
     */
    tctChange: EventEmitter<{
        value: string;
    }>;
    /**
     * Emitted when the field value is updated.
     */
    tctInput: EventEmitter<{
        value: string;
    }>;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidRender(): void;
    onHostElementChange(event: CustomEvent): void;
    onHostElementFocus(event: Event): void;
    onHostElementInput(event: CustomEvent): void;
    /**
     * Emulates focusing the `<textarea>`, centering the provided value, and emitting an `input` event.
     *
     * This method leaves the focus on the `<textarea>` and as a result does not trigger the `change` event. If you want
     * to trigger the `change` event, move the focus to another element after calling this method.
     *
     * @testOnly
     */
    setValue(value: string): void;
    colsObserver(): void;
    errorsObserver(): void;
    hintsObserver(): void;
    maxlengthObserver(): void;
    rowsObserver(): void;
    valueObserver(): void;
    get hasError(): boolean;
    get inputDescribedBy(): any;
    get inputId(): string;
    get messages(): string[];
    get showMessages(): boolean;
    get showResize(): boolean;
    get wrapperClasses(): string;
    checkCols: () => void;
    checkRows: () => void;
    getBorderOffset: () => number;
    increaseHeightIfOverflowing: () => void;
    isOverflowingVertically: () => boolean;
    onMouseDown: (event: MouseEvent) => void;
    onMouseMove: (event: MouseEvent) => void;
    onMouseUp: () => void;
    onTextareaBlur: () => void;
    onTextareaChange: (event: InputEvent) => void;
    onTextareaFocus: () => void;
    onTextareaInput: (event: InputEvent) => void;
    onTouchMove: (event: TouchEvent) => void;
    onTouchStart: (event: TouchEvent) => void;
    setHeight(event: MouseEvent | TouchEvent): void;
    setWidth(event: MouseEvent | TouchEvent): void;
    updateScreenReaderCharacterCount: () => void;
    renderInput(): any;
    renderMaxLength(): any;
    render(): any;
}