import type { PropertyValues, TemplateResult, CSSResultArray } from 'lit';
import { FormElement } from '../base/form-element';
import { PharosIcon } from '../icon/pharos-icon';
import { PharosTooltip } from '../tooltip/pharos-tooltip';
import { PharosButton } from '../button/pharos-button';
declare const PharosCombobox_base: typeof FormElement;
/**
 * Pharos combobox component.
 *
 * @tag pharos-combobox
 *
 * @slot label - Contains the label content.
 * @slot - Contains the available options for the combobox (the default slot).
 * @slot message - Contains message content to show below the input.
 *
 * @fires input - Fires when the value has changed via user input
 * @fires change - Fires when a selection has been made or cleared
 *
 * @cssprop {Color} --pharos-combobox-color-text-hover - Hovered combobox option font color.
 * @cssprop {Color} --pharos-combobox-color-text-selected - Selected combobox option font color.
 * @cssprop {Color} --pharos-combobox-color-icon-clear - Fill color for clear icon.
 * @cssprop {Color} --pharos-combobox-color-icon-dropdown - Fill color for dropdown icon.
 * @cssprop {Color} --pharos-combobox-color-icon-checkmark - Fill color for checkmark icon.
 * @cssprop {Color} --pharos-combobox-color-icon-focus - Fill color for focused icon.
 * @cssprop {Color} --pharos-combobox-size-height-list - Height of the dropdown list.
 * @cssprop {Color} --pharos-combobox-size-height-clear - Height of the clear button.
 */
export declare class PharosCombobox extends PharosCombobox_base {
    static elementDefinitions: {
        'pharos-icon': typeof PharosIcon;
        'pharos-tooltip': typeof PharosTooltip;
        'pharos-button': typeof PharosButton;
    };
    /**
     * Indicates the value for the input.
     * @attr value
     */
    value: string;
    /**
     * Display text when input is empty
     * @attr placeholder
     */
    placeholder: string;
    /**
     * Indicates if the dropdown is open.
     * @attr open
     */
    open: boolean;
    searchMode: boolean;
    /**
     * Use loose matching when comparing input value to options.
     * @attr looseMatch
     */
    looseMatch: boolean;
    /**
     * The list of options available in the combobox dropdown list
     * @readonly
     */
    get options(): HTMLOptionElement[];
    /**
     * The index of the selected option, if any
     * @readonly
     */
    get selectedIndex(): number;
    private _input;
    private _button;
    private _displayValue;
    private _noResults;
    private _query;
    private _defaultValue;
    private _childrenObserver;
    static get styles(): CSSResultArray;
    protected firstUpdated(): void;
    protected updated(changedProperties: PropertyValues): void;
    disconnectedCallback(): void;
    onChange(event: Event): void;
    onInput(): void;
    private _renderList;
    private _renderClearButton;
    private _renderIconButton;
    private _handleOptionClick;
    private _closeDropdown;
    private _handleButtonClick;
    private _handleButtonBlur;
    private _handleClearClick;
    private _handleInputBlur;
    private _handleInputKeydown;
    private _handleNavigation;
    private _selectHighlightedOption;
    private _handleInputClear;
    _handleFormdata(event: CustomEvent): void;
    _handleFormReset(): void;
    private _setDisplayValue;
    private _handleInputClick;
    /**
     * Normalizes a string in the following order:
     *
     * 1 - Applies https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize
     *     with the 'NFKD' parameters for compatibility
     * 2 - Removes all diacritic characters using a global regex
     * 3 - Lower case all characters
     *
     */
    private _normalizeString;
    protected render(): TemplateResult;
}
export {};
//# sourceMappingURL=pharos-combobox.d.ts.map