import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
/**
 * A textarea component with styles. It uses a material [textfield](https://github.com/material-components/material-components-web/tree/master/packages/mdc-textfield) component for its styling.
 *
 * > **Note:** The textarea is always styled in an outlined manner. If you need to use a textarea in combination with other form inputs (`ino-input`), use their respective outline style.
 */
export declare class Textarea implements ComponentInterface {
    private cursorPosition;
    /**
     * Native Textarea Element
     */
    private nativeTextareaElement?;
    /**
     * An internal instance of the material design textfield.
     */
    private textfield;
    el: HTMLInoTextareaElement;
    /**
     * The autofocus of this element.
     */
    autoFocus?: boolean;
    /**
     * The number of cols of this textarea.
     */
    cols?: number;
    /**
     * Disables this element.
     */
    disabled?: boolean;
    /**
     * The max length of this element.
     */
    maxlength?: number;
    /**
     * The min length of this element.
     */
    minlength?: number;
    /**
     * Displays the number of characters. The maxlength-property must be set.
     */
    showCharacterCounter?: boolean;
    /**
     * The name of this element.
     */
    name?: string;
    /**
     * The placeholder of this element.
     */
    placeholder?: string;
    /**
     * Marks this element as required.
     */
    required?: boolean;
    /**
     * If true, an *optional* message is displayed if not required,
     * otherwise a * marker is displayed if required
     */
    showLabelHint?: boolean;
    /**
     * The number of rows of this textarea.
     */
    rows?: number;
    /**
     * The value of this element. (**unmanaged**)
     */
    value?: string;
    /**
     * Styles the input field as outlined element.
     */
    outline?: boolean;
    /**
     * An optional flag to allow the textarea adjust its height to display all the content.
     * The `rows` attribute can also be used to specify a minimum height. Use CSS to specify
     * a max-height for the textarea element. Once the height exceeds the max-height, autogrow
     * will re-enable the vertical scrollbar.
     */
    autogrow: boolean;
    handleAutogrow(autogrowActive: boolean): void;
    /**
     * The optional floating label of this input field.
     */
    label?: string;
    /**
     * Emits when the textarea is blurred and validates email input
     */
    inoBlur: EventEmitter<void>;
    private handleBlur;
    handleChange(value: string): void;
    /**
     * Emits when the user types something in. Contains typed input in `event.detail`
     */
    valueChange: EventEmitter<string>;
    /**
     * Sets focus on the native `textarea`.
     * Use this method instead of the global `textarea.focus()`.
     */
    setFocus(): Promise<void>;
    /**
     * Sets blur on the native `textarea`.
     * Use this method instead of the global `textarea.blur()`.
     */
    setBlur(): Promise<void>;
    connectedCallback(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    handleInput(e: any): void;
    handleNativeElement(e: any): void;
    private inputID;
    private initAutogrow;
    private destroyAutogrow;
    private updateAutogrow;
    private handleNativeTextareaChange;
    componentWillLoad(): void;
    render(): any;
}