import { type EventEmitter } from "../../stencil-public-runtime";
import type { ChipItemSelectEvent } from "./interfaces";
export declare class Chip {
    chip: HTMLIfxChipElement;
    /** Fires on selection change. */
    ifxChange: EventEmitter<{
        previousSelection: Array<ChipItemSelectEvent>;
        currentSelection: Array<ChipItemSelectEvent>;
        name: string;
    }>;
    /** Placeholder text */
    readonly placeholder: string;
    /** Component size */
    readonly size: "small" | "medium" | "large";
    /** Current selection (mutable) */
    value: Array<string> | string;
    /** Selection mode */
    readonly variant: "single" | "multi";
    /** Visual theme */
    readonly theme: "outlined" | "filled-light" | "filled-dark";
    /** Read-only state */
    readonly readOnly: boolean;
    /** ARIA Label text */
    readonly ariaLabelText: string | null;
    /** Disabeled state */
    readonly disabled: boolean;
    /** Sets Icon */
    readonly icon: string;
    opened: boolean;
    selectedOptions: Array<ChipItemSelectEvent>;
    handleValueChange(newValue: Array<string> | string): void;
    handleReadOnlyChange(newValue: boolean): void;
    closeDropdownOnOutsideClick(event: MouseEvent): void;
    private handleKeyDown;
    updateSelectedOptions(event: CustomEvent<ChipItemSelectEvent>): void;
    private getChipItems;
    private getSelectedOptions;
    private toggleDropdownMenu;
    /**
     * Focuses the chip item at the specified index.
     * @param index the index of the chip item to focus. -1 will focus the last chip item.
     */
    private focusChipItemAt;
    private focusChip;
    private handleUnselectButtonClick;
    private handleWrapperClick;
    private handleWrapperKeyDown;
    private handleDropdownKeyDown;
    private syncChipState;
    private syncSelectedOptionsWithProp;
    componentWillLoad(): void;
    componentDidLoad(): Promise<void>;
    render(): any;
}