import { FoundationElement } from '@ni/fast-foundation';
import type { AnchoredRegion } from '@ni/nimble-components/dist/esm/anchored-region';
declare global {
    interface HTMLElementTagNameMap {
        'ok-fv-chip-selector': FvChipSelector;
    }
}
/**
 * A chip picker with inline text entry, removable chips, and a dropdown option list.
 */
export declare class FvChipSelector extends FoundationElement {
    disabled: boolean;
    open: boolean;
    label: string;
    selectedValues: string;
    options: string;
    placeholder: string;
    allowCustomValues: boolean;
    /** @internal */
    filterText: string;
    /** @internal */
    activeOptionIndex: number;
    /** @internal */
    activeOptionId: string | null;
    /** @internal */
    readonly inputId: string;
    /** @internal */
    readonly labelId: string;
    /** @internal */
    readonly menuId: string;
    /** @internal */
    readonly region?: AnchoredRegion;
    /** @internal */
    readonly field?: HTMLElement;
    private inputElement;
    private menuButtonElement;
    /** @internal */
    disabledChanged(): void;
    /** @internal */
    openChanged(): void;
    /** @internal */
    activeOptionIndexChanged(): void;
    /** @internal */
    filterTextChanged(): void;
    /** @internal */
    optionsChanged(): void;
    /** @internal */
    allowCustomValuesChanged(): void;
    /** @internal */
    selectedValuesChanged(): void;
    /** @internal */
    connectedCallback(): void;
    /** @internal */
    disconnectedCallback(): void;
    /** @internal */
    captureInputRef(input: HTMLInputElement | null): void;
    /** @internal */
    captureMenuButtonRef(menuButton: (HTMLElement & {
        checked?: boolean;
    }) | null): void;
    /** @internal */
    regionChanged(_prev: AnchoredRegion | undefined, _next: AnchoredRegion | undefined): void;
    /** @internal */
    fieldChanged(_prev: HTMLElement | undefined, _next: HTMLElement | undefined): void;
    /** @internal */
    get selectedValueList(): string[];
    /** @internal */
    get optionList(): string[];
    /** @internal */
    get visibleOptionList(): string[];
    /** @internal */
    get customValueCandidate(): string;
    /** @internal */
    get createOptionLabel(): string;
    /** @internal */
    get showEmptyState(): boolean;
    /** @internal */
    handleFieldClick(event: Event): void;
    /** @internal */
    handleMenuButtonClick(event: Event): void;
    /** @internal */
    handleMenuButtonChange(event: Event): void;
    /** @internal */
    handleInput(event: Event): void;
    /** @internal */
    handleInputFocus(): void;
    /** @internal */
    handleInputKeydown(event: KeyboardEvent): boolean;
    /** @internal */
    handleChipRemove(event: Event): void;
    /** @internal */
    handleMenuClick(event: Event): void;
    /** @internal */
    handleMenuItemChange(event: Event): void;
    private readonly documentClickHandler;
    private syncActiveOption;
    private commitActiveOption;
    private addValue;
    private removeValue;
    private commitSelection;
    private setOpen;
    private syncMenuButtonState;
}
export declare const fvChipSelectorTag = "ok-fv-chip-selector";
