import { EventEmitter } from '../../stencil-public-runtime'; import { AutoComplete, InputMode, Type } from './types'; import { FormComponent } from '../../utils'; /** @slot - Adds label text. */ export declare class Input implements FormComponent { host: HTMLAbdsInputElement; /** * Hint for form autofill feature. * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete */ autocomplete: AutoComplete; /** Configurable label/title text for interactive button inside of input (search's clear button and password's mask button). */ interactiveButtonLabel: string; /** Disables input from interaction. */ disabled: boolean; /** Allows setting error state. */ error: boolean; /** Custom error message. Will only display if `error` prop is true. */ errorMessage: string; /** Text of the information message. */ helperText: string; /** Hide icon-end, if present. */ hideIconEnd: boolean; /** Hide icon-start, if present. */ hideIconStart: boolean; /** Adds an abds-icon to end of input. */ iconEnd: string; /** Adds an abds-icon to beginning of input. */ iconStart: string; /** Sets inputmode attribute for input */ inputmode: InputMode; /** The maximum value, which must not be less than its minimum (min attribute) value. */ max: string; /** This attribute specifies the maximum number of characters that the user can enter. */ maxlength: string; /** The minimum value, which must not be greater than its maximum (max attribute) value. */ min: string; /** This attribute specifies the minimum number of characters that the user can enter. */ minlength: string; /** Specifies a custom error message for invalid minLength. */ minlengthMessage: string; /** The name of the control, which is submitted with the form data. */ name: string; /** * A regular expression that the value is checked against. * The pattern must match the entire value, not just some subset. */ pattern: string; /** Specifies a custom error message for invalid pattern. */ patternMessage: string; /** Instructional text that shows before the input has a value. */ placeholder: string; /** When set to true, it makes the input not mutable. */ readonly: boolean; /** Specifies required state for form submission. */ required: boolean; /** Specifies a custom error message for required state. */ requiredMessage: string; /** The tooltip text to be passed to label. */ tooltip: string; /** Specify the input type. */ type: Type; /** The value of the input. */ value: string; /** Sets input width. */ width: 'default' | 'full'; /** * Map of Input Type Default Icons * in the case that no value for prop iconStart is provided by implementer, we want to show these icons by default * */ private defaultIcons; /** Hidden input element. */ hiddenElement: HTMLInputElement; /** Unique id to input. */ private inputId; /** Initial render status. */ private isInitialRender; /** Text to be used for label. */ private labelText; /** Native element. */ private nativeInput; /** Instance validation. */ private validator; private onBlur; private onChange; private onFocus; private onInput; private onKeyDown; private renderIcon; private setIsInvalid; private setPasswordIcon; /** Determine if input has focus. */ private hasFocus; /** Determine if input component value is in invalid state. */ private isInvalid; /** Determine password icon name. */ private passwordIcon; /** * Sets focus on native `input` in `abds-checkbox`. * @internal */ setFocus(): Promise; /** Fired only when value is committed (e.g. pressing the enter key). */ abdsChange: EventEmitter; /** Fired every time value changes. */ abdsInput: EventEmitter; componentDidRender(): void; componentWillLoad(): void; connectedCallback(): void; disconnectedCallback(): void; render(): any; }