import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime'; import { Color } from '../../interface'; import { TextareaChangeEventDetail } from '../../types/text-area-interface'; import { DatasourceInterface } from '../../types/datasource-interface'; export declare class TextArea implements ComponentInterface, DatasourceInterface { private textAreaId; private nativeInput?; private didBlurAfterEdit; el: HTMLElement; hasFocus: boolean; /** * This is used when the parent form group receives the update event to tell the parent if it should validate or not. */ isResetting: boolean; /** * Provides a way for users to specify the labeling elements. Pass the id's, separated by a space, to this prop. */ ariaLabeledByAddition: string; /** * Declares input as invalid */ invalid: boolean; /** * Declares input as validated */ valid: boolean; /** * @internal - used by the form group element to declare it's presence */ hasFormGroup: boolean; /** * id set dynamically */ useId: string; /** * The color to use from your application's color palette. */ color?: Color; /** * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user. */ autocapitalize: string; /** * This Boolean attribute lets you specify that a form control should have input focus when the page loads. */ autofocus: boolean; /** * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types. */ clearOnEdit: boolean; /** * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. */ debounce: number; protected debounceChanged(): void; /** * If `true`, the user cannot interact with the textarea. */ disabled: boolean; /** * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter. */ maxlength?: number; /** * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter. */ minlength?: number; /** * The name of the control, which is submitted with the form data. */ name: string; /** * Instructional text that shows before the input has a value. */ placeholder?: string | null; /** * If `true`, the user cannot modify the value. */ readonly: boolean; /** * If `true`, the user must fill in a value before submitting a form. */ required: boolean; /** * If `true`, the element will have its spelling and grammar checked. */ spellcheck: boolean; /** * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. */ cols?: number; /** * The number of visible text lines for the control. */ rows?: number; /** * Indicates how the control wraps text. */ wrap?: 'hard' | 'soft' | 'off'; /** * If `true`, the element height will increase based on the value. */ autoGrow: boolean; /** * The value of the textarea. */ value: string | null; /** * Update the native input element when the value changes */ protected valueChanged(): void; /** * Emitted when the input value has changed. */ luChange: EventEmitter; /** * Emitted when a keyboard input ocurred. */ luInput: EventEmitter; /** * Emitted when the input loses focus. */ luBlur: EventEmitter; /** * Emitted when the input has focus. */ luFocus: EventEmitter; connectedCallback(): void; /** * Sets focus on the specified `lu-textarea`. Use this method instead of the global * `input.focus()`. */ setFocus(): Promise; /** * Returns the native `