import { FormControl } from '../form-control';
/**
 
 *
 * The control is scoped rather than shadow so the textarea field can participate in a form submit.
 *
 * @see https://brandhub.datacom.com/d/fjZSq4WewHBg/components#/components/text-area-field
 */
export declare class DatacomTextarea implements FormControl {
    private textElement;
    private formElement;
    /**
     * HTML element textarea properties
     *
     */
    name: string;
    rows: number;
    cols: number;
    placeholder?: string;
    disabled?: boolean;
    maxlength?: number;
    minlength?: number;
    readonly?: boolean;
    required?: boolean;
    form?: string;
    formaction?: string;
    formenctype?: string;
    formmethod?: string;
    formnovalidate?: boolean;
    formtarget?: string;
    label?: string;
    inputAutofocus?: boolean;
    autocorrect: boolean;
    value: string;
    /**
     * The component is 'dirty' if it has been touched by user input
     *
     * @see onInput
     */
    private isDirty;
    /**
     * Error message to display in the case of validity checks
     * or explicitly with 'valid' property
     */
    message?: string;
    isValid?: boolean;
    /**
     * Random id used by label to associate with the input control.
     *
     * This is randomly generated as it cannot be coded to a known value as all instances
     * on the page would have the same value.
     */
    private inputId;
    /**
     * Optional help text
     */
    help?: string;
    /**
     * Automatically show error state if invalid on form submit
     */
    autoValidate?: boolean;
    /**
     * Error mutable state will re-render the control to display error message,  focus border
     */
    isInError: boolean;
    counter: number;
    private changed;
    /**
     * Editing mutable state will re-render the control to display input element
     */
    isEditing: boolean;
    /**
     * Switch the control to edit mode if it is not already editing.
     */
    private setTextElementRef;
    /**
     * Force validation on the form control to display any error messages
     *
     * @returns boolean
     */
    validate(): Promise<boolean>;
    /**
     * Check if the control is valid
     */
    checkValidity(): Promise<boolean>;
    /**
     * Sets edit state for element
     */
    edit(): Promise<void>;
    onFocus(): void;
    onBlur(event: FocusEvent): void;
    onInput(): void;
    onFormSubmit: (event: SubmitEvent) => void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    render(): any;
}