import { EventEmitter } from '../../stencil-public-runtime';
import type { FormatterValueObject, EventDetail } from 'q2-tecton-common/lib/types/elements';
import { CursorData } from './q2-input-types';
import { Q2Icon } from '../q2-icon/q2-icon';
import { Q2Badge } from '../q2-badge/q2-badge';
declare const inputTypeMap: {
    text: string;
    tel: string;
    number: string;
    password: string;
    search: string;
    url: string;
    email: string;
    currency: string;
    phone: string;
    ssn: string;
    alphanumeric: string;
    alpha: string;
    numeric: string;
    percentage: string;
    postal: string;
    date: string;
    'credit-card': string;
    cif: string;
    routingnumber: string;
    swift: string;
    iban: string;
    clabe: string;
};
export type InputType = keyof typeof inputTypeMap;
/**
 * @name Input
 * @category Forms
 * @summary Use for single-line text entry including email, phone, currency, SSN, and password.
 * @slot label - An optional slot to display a custom label.
 * @slot input-left - An optional slot to add a [Button](https://tecton.q2developer.com/design-system/q2-btn) on the left-hand side of the input field.
 * @slot input-right - An optional slot to add a [Button](https://tecton.q2developer.com/design-system/q2-btn) on the right-hand side of the input field.
 * @slot custom-display - An optional slot to display custom content in the input field.
 */
export declare class Q2Input {
    guid: number;
    inputRef: HTMLInputElement;
    isClickEvent: boolean;
    isMobile: boolean;
    mutationObserver: MutationObserver;
    resizeObserver: ResizeObserver;
    scheduledAfterRender: (() => void)[];
    textSelectedForDeletion: boolean;
    valueOnFocus: string;
    visibleLastContentRef: HTMLSpanElement;
    hostElement: HTMLElement;
    checkSlotCount: number;
    formattedValueObject: FormatterValueObject;
    hasFocus: boolean;
    isSmall: boolean;
    /**
     * Provides additional descriptive text for the native input.
     * @private
     */
    _ariaDescription: string;
    /**
     * Sets readonly to true on the input without adding the "read only" label.
     *
     * Can be used to prevent user input while still presenting the necessary information for assistive technology.
     * @private
     */
    _preventEntry: boolean;
    /**
     * Allows for correct semantics of q2-input element when aria-expanded.
     * @private
     * Defaults to undefined
     * Will assign role to combobox when used inside q2-select and q2-calendar.
     */
    _role: 'combobox' | undefined;
    /**
     * Determines whether the input updates its value property as native input occurs.
     *
     * @private
     */
    _updateValueOnInput: boolean;
    ariaActivedescendant: string;
    ariaControls: string;
    ariaExpanded: string;
    ariaHaspopup: string;
    /** @deprecated */
    ariaLabel: string;
    ariaOwns: string;
    /**
     * The `autocapitalize` attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.
     *
     * [See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize#value).
     * @info
     * This attribute only affects the behavior of input mechanisms like virtual keyboards on mobile devices and voice input.
     */
    autocapitalize: string;
    /**
     * The HTML autocomplete attribute lets web developers specify what permission (if any) the user agent has to provide automated assistance in filling out form field values,
     * as well as guidance to the browser as to the type of information expected in the field.
     *
     * [See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values).
     */
    autocomplete: string;
    /**
     * A string that indicates whether or not to activate automatic correction while the user is editing this field.
     * @warning
     * This is currently only supported in Safari.
     */
    autocorrect: 'on' | 'off';
    /**
     * Autofocus is enabled when the property is added to an element. To disable, remove attribute or set it to false.
     * If applied to multiple elements, the first one will receive focus.
     */
    autofocus: boolean;
    /** The color of the badge when in the active state. The property `badgeValue` must be provided. */
    badgeTheme: Q2Badge['theme'];
    /** Displays a `q2-badge` element on the right side of the input. */
    badgeValue: string;
    /** Renders an icon button when the field is non-empty. Pressing the button clears all input from the field. */
    clearable: boolean;
    /**
     * If provided a value, it sets the `aria-current` attribute on the inner input.
     * [See MDN for more information on aria-current](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).
     */
    current: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
    /** 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[];
    /**
     * Defines the field's expected input format, and automatically masks user input to conform.
     * Specific types support different modifier options. See the section on Format Modifiers for all available options.
     */
    formatModifier: 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).
     * 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[];
    /** Shows a left-aligned [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) within the field. */
    iconLeft: Q2Icon['type'];
    /** Shows a right-aligned [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) within the field. */
    iconRight: Q2Icon['type'];
    /**
     * The label that appears above the field. This is announced by screen readers when the field is focused.
     * @localizable
     */
    label: string;
    /**
     * When present, it does not allow a value greater than `max` when the user uses the Up/Down arrow keys to change the value.
     * @info
     * Only applicable when `type="number"`.
     */
    max: number;
    /**
     * 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. Input types that use masks have their own inherent `maxlength`.
     */
    maxlength: number;
    /**
     * When present, it does not allow a value less than the `min` when the user uses the Up/Down arrow keys to change the value.
     * @info
     * Only applicable when `type="number"`.
     */
    min: number;
    /** Appends "(optional)" to the field label, and sets `aria-required` on the nested input tag to `false`. */
    optional: boolean;
    /**
     * Applies the value as a RegEx pattern to assess the validity of the input field's value.
     * Check the ValidityState's `patternMismatch` property for the result.
     *
     * **Example:**
     * @snippet
     * <q2-input label="My input" pattern="[a-zA-Z0-9]{3,5}" id="myInput"></q2-input>
     * // enter "abcdefgh" in the input field (too many characters)
     * const myInput = document.querySelector('#myInput');
     * console.log(myInput.validity.patternMismatch); // true
     */
    pattern: string;
    /**
     * 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;
    /** Component will display as a clickable `<button>` styled to be identical to the default `<input>` field. */
    pseudo: boolean;
    /**
     * 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 the element's intended purpose to assistive technology.
     * @deprecated
     */
    role: string;
    /**
     * Shows a character counter above the input field to track the number of characters currently in the field.
     * If `maxlength` is set, `showCount` displays the number of characters in relation the `maxlength` value.
     */
    showCount: boolean;
    /**
     * Displays a toggle button at the end of the input field which shows or hides the actual value.
     * @info
     * Applicable when `type` is `text`, `password`, `ssn`, or `tin`, or when `visibleLastCount` is set.
     */
    showVisibilityToggle: boolean;
    /**
     * When present, it jumps the value in increments of `step` when the user uses the Up/Down arrow keys to change the value.
     * @info
     * Only applicable when `type="number"`.
     */
    step: number;
    /**
     * Controls visibility of the value. When `visibleLastCount` is set, hidden values keep the specified number of
     * trailing characters visible.
     * When the input type is `password`, it will default to `true`, hiding the text.
     */
    textHidden: boolean;
    /** Specifies the field's expected [input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types), and provides the optimal keyboard on mobile devices. */
    type: InputType;
    /** Displays a success state icon when the field does not have active errors. */
    valid: boolean;
    /**
     * Returns a read-only `ValidityState` object representing the validity states of the element.
     * [See MDN for more information on ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState).
     */
    validity: ValidityState;
    /**
     * The value of the input field.
     * @info
     * The visible value of formatted input fields may not match the element's `value` property.
     * When setting an input's value programmatically (e.g. pre-populating a form), ensure that the supplied value is in a format that can be handled by its consuming logic.
     * `q2-input` updates its own `value` through its default input and change event handlers.
     *
     * In `q2-input` where `type="currency"`
     * - element.value = 1234.56
     * - visible value: $1,234.56
     *
     */
    value: string;
    /**
     * Controls the number of trailing characters that remain visible when the field value is masked by `textHidden`
     * or the visibility toggle. The element's `value` and emitted event details remain unmasked.
     */
    visibleLastCount: number;
    /**
     * Emitted when the field loses focus after the value has been changed.
     * @deprecated Use 'tctChange' instead
     * @legacyEvent
     */
    change: EventEmitter<EventDetail>;
    /**
     * Emitted when the field value is cleared.
     * Emitted with `{ source: 'input' }` when search text is cleared by keyboard.
     * Emitted with `{ source: 'button' }` when search text is cleared by clicking clear icon.
     * @deprecated Use 'tctClear' instead
     */
    clear: EventEmitter<undefined>;
    /**
     * Emitted when the field value is formatted.
     *
     * @deprecated Use 'tctFormatted' instead
     */
    formatted: EventEmitter<FormatterValueObject>;
    /**
     * Emitted when the field value is updated.
     * @deprecated Use 'tctInput' instead
     * @legacyEvent
     */
    input: EventEmitter<EventDetail>;
    /**
     * Emitted when the validation is updated.
     * @deprecated Use 'tctInvalid' instead
     * @legacyEvent
     */
    invalid: EventEmitter<EventDetail>;
    /**
     * Emitted when the field loses focus after the value has been changed.
     * @legacyEvent
     */
    tctChange: EventEmitter<EventDetail>;
    /**
     * Emitted when the field value is cleared.
     * Emitted with `{ source: 'input' }` when search text is cleared by keyboard.
     * Emitted with `{ source: 'button' }` when search text is cleared by clicking clear icon.
     */
    tctClear: EventEmitter<undefined>;
    /**
     * Emitted when the field value is formatted.
     */
    tctFormatted: EventEmitter<FormatterValueObject>;
    /**
     * Emitted when the field value is updated.
     * @legacyEvent
     */
    tctInput: EventEmitter<EventDetail>;
    /**
     * Emitted when the validation is updated.
     * @legacyEvent
     */
    tctInvalid: EventEmitter<EventDetail>;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentDidRender(): void;
    onHostElementChange(event: CustomEvent | Event): void;
    onHostElementFocus(event: any): void;
    /**
     * Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.
     */
    checkValidity(): Promise<boolean>;
    /**
     * Emulates clicking the clear button when the input is clearable.
     *
     * @warning
     * Only applicable when the input is clearable.
     *
     * @testOnly
     */
    clearValue(): Promise<void>;
    /**
     * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.
     *
     * This method leaves the focus on the `<input>` 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;
    updateComboboxAriaLabel(): void;
    ariaLabelObserver(): void;
    manageClearableResizeObserver(clearable?: boolean): void;
    errorsObserver(): void;
    formatModifierObserver(): void;
    formattedValueObjectObserver(): void;
    hintsObserver(): void;
    textHiddenObserver(): void;
    typeObserver(): void;
    valueObserver(): void;
    get ariaAttributes(): {
        ariaActivedescendant: string;
        ariaControls: string;
        ariaExpanded: string;
        ariaHaspopup: string;
        ariaOwns: string;
    };
    get canSetSelection(): boolean;
    get clearClasses(): string[];
    get computedAutocomplete(): string;
    get computedClassForIconLeft(): string | undefined;
    get computedIconLeft(): string | undefined;
    get computedType(): string;
    get currencyCode(): string | undefined;
    get currencyDescription(): string | undefined;
    get currencyDescriptionId(): string;
    get hasCustomDisplaySlot(): boolean;
    get hasError(): boolean;
    get hasInputLeftSlot(): boolean;
    get hasInputRightSlot(): boolean;
    get hasValidState(): boolean;
    get inputDescribedBy(): string | undefined;
    get inputField(): HTMLInputElement;
    get inputId(): string;
    get inputMode(): any;
    get isMaskedType(): boolean;
    get maskedDisplayParts(): {
        maskedCharacters: string[];
        visibleValue: string;
    };
    get maskedDisplayValue(): string;
    get messages(): string[];
    get normalizedVisibleLastCount(): number | undefined;
    get shouldCursorStartAtEnd(): boolean;
    get shouldCursorStayAtEnd(): boolean;
    get showIconSeparator(): boolean;
    get showMessages(): boolean;
    get showVisibilityToggleButton(): boolean;
    get stringValue(): string;
    get visibilityToggleAriaLabel(): string;
    get visibilityToggleText(): string;
    get wrapperClasses(): string;
    calculateCursorPositionOnFocus(): CursorData;
    calculateCursorPositionOnInput(): CursorData;
    formatAndUpdateValueFromProp(): void;
    getFormattedValue(value: string, valueChangedFromProperty: boolean): FormatterValueObject;
    handleCurrencyDeletion(event: InputEvent): void;
    /**
     * Sets textSelectedForDeletion to true if the user has selected text for deletion
     * This is used to prevent other logic from running when text is deleted
     */
    handleCurrencyKeydown: (event: KeyboardEvent) => void;
    handleDataInput(newFormattedValue: FormatterValueObject): void;
    handleValueAndCursor: () => void;
    initMutationObserver: () => void;
    onClearInput: () => void;
    onInputBlur: () => void;
    onInputClick: () => void;
    onInputFocus: () => void;
    onInputInput: (event: InputEvent) => void;
    onInputKeydown: (event: KeyboardEvent) => void;
    onInputMousedown: () => void;
    onInputPaste: (event: ClipboardEvent) => void;
    onInputScroll: () => void;
    onMutationObserved: () => void;
    onRefocusInput: () => void;
    onToggleVisibility: () => void;
    placeCursorAtEnd(): void;
    scheduleVisibleLastScrollSync(): void;
    setCursorPosition(cursorData: CursorData): void;
    syncVisibleLastScroll: () => void;
    validateInput: () => boolean;
    renderCountDOM(): any;
    renderInputContainerDOM(): any;
    renderPseudoInputDOM(): any;
    renderStandardInputDOM(): any;
    render(): any;
}
export {};