import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
import { MatChipListbox } from '@angular/material/chips';
import { Subject } from 'rxjs';
import { BreakpointObserverService } from '../../services/break-point-observer.service';
import { ChipOption, ChipOrientation, ChipsType } from '../../models/chip-option.model';
import { IconButton } from '@ieeesa-npm/models';
import * as i0 from "@angular/core";
/**
 * Chips component allow users to view information, make selections, filter content.
 * @export
 * @class ChipComponent
 * @implements {OnInit}
 * @implements {OnDestroy}
 */
export declare class ChipsComponent implements OnInit, OnDestroy {
    breakpointObserverService: BreakpointObserverService;
    defaultVisibleChips: ChipOption[];
    isMobileView: boolean;
    labelViewAllOrLess: string;
    constants: {
        ariaLabel: {
            clear: string;
            warning: string;
            previousMonth: string;
            nextMonth: string;
            menuIcon: string;
            close: string;
            search: string;
            addFormGroup: string;
        };
        button: {
            cancel: string;
            ok: string;
            add: string;
        };
        modalConfig: {
            ariaLabel: string;
            autoFocus: string;
            width: string;
        };
        chips: {
            noOfDefaultVisibleChips: number;
            label: {
                viewAll: string;
                viewLess: string;
            };
            ariaLabel: {
                chipsList: string;
            };
            icons: {
                arrow: {
                    id: number;
                    iconURL: string;
                    toolTip: string;
                    ariaLabel: string;
                };
                remove: {
                    id: number;
                    iconURL: string;
                    toolTip: string;
                    ariaLabel: string;
                };
                check: {
                    id: number;
                    iconURL: string;
                    toolTip: string;
                    ariaLabel: string;
                };
            };
        };
        dataTable: {
            label: {
                clearAll: string;
            };
            message: {
                noRecordFound: string;
            };
            ariaLabel: {
                search: string;
                selectAll: string;
                select: string;
                link: string;
                pagination: string;
            };
            buttons: {
                id: number;
                iconURL: string;
                toolTip: string;
                ariaLabel: string;
            }[];
        };
        datePicker: {
            selectDateLabel: string;
            dateFormatLabel: string;
            startDateLabel: string;
            endDateLabel: string;
            datePickerIcon: string;
        };
        dropdown: {
            placeholderText: string;
        };
        filter: {
            label: {
                filterBy: string;
                applyButton: string;
                clearAll: string;
            };
            buttons: {
                id: number;
                iconURL: string;
                toolTip: string;
                ariaLabel: string;
            }[];
        };
        textarea: {
            maxLengthDefault: number;
            leftCharacters: string;
        };
        autocomplete: {
            minCharToSearch: number;
            debounceTime: number;
        };
        multiSelectAutoComplete: {
            label: {
                clearAll: string;
            };
            ariaLabel: {
                selectedOption: string;
                removeOption: string;
            };
            icons: {
                remove: string;
                clearAll: string;
            };
        };
        header: {
            alt: {
                logo: string;
            };
            ariaLabel: {
                helpLink: string;
                hamburgerMenu: string;
            };
            label: {
                signOut: string;
            };
            buttons: {
                id: number;
                iconURL: string;
                toolTip: string;
                ariaLabel: string;
            }[];
            userProfileMenuOptions: {
                id: number;
                iconURL: string;
                label: string;
                ariaLabel: string;
                toolTip: string;
                isToolTipNeeded: boolean;
            }[];
            errors: {
                "2029": string;
            };
        };
        footer: {
            alt: {
                logo: string;
            };
            links: {
                label: string;
                ariaLabel: string;
                redirectUrl: string;
            }[];
            ieeeLogo: string;
            copyright: {
                link: string;
                textPart1: string;
                textPart2: string;
                hyperLinkPart3: string;
                textPart4: string;
            };
        };
        welcome: {
            buttons: {
                label: string;
                ariaLabel: string;
                url: string;
            }[];
        };
        breadcrumb: {
            label: {
                initial: string;
            };
        };
        loader: {
            ariaLabel: {
                spinner: string;
            };
        };
        defaultWelcomeBgColor: string;
        timePicker: {
            defaultTimeFormat: number;
            timePickerIcon: string;
        };
        colorPicker: {
            label: {
                select: string;
                cancel: string;
            };
            ariaLabel: {
                colorPicker: string;
                next: string;
                back: string;
                select: string;
                cancel: string;
                hexCodeInput: string;
                palette: string;
            };
            defaultColor: string;
            ariaDescription: string;
            ariaDescribedById: string;
            paletteColors: {
                name: string;
                hexCode: string;
            }[];
        };
        fileUpload: {
            label: {
                fileUpload: string;
                allowedFileSize1: string;
                allowedFileSize2: string;
                allowedFileFormat: string;
                browseFiles: string;
                uploadProgress: string;
                upload: string;
                mb: string;
                uploadFor: string;
                uploadErrorMsg: string;
                of: string;
                filesUploaded: string;
                fileAlreadyExists: string;
            };
            ariaLabel: {
                fileUpload: string;
                browseFiles: string;
                fileUploadIcon: string;
                removeFileIcon: string;
                deleteFileIcon: string;
                fileDownload: string;
                fileUploadInput: string;
            };
            iconUrl: {
                fileUploadIcon: string;
                fileRemoveIcon: string;
                deleteIcon: string;
            };
            buttons: {
                id: number;
                ariaLabel: string;
                iconURL: string;
                toolTip: string;
                disabled: boolean;
            }[];
            message: {
                error: {
                    ER1002: string;
                    invalidFileFormat: string;
                    invalidFileSize: string;
                    "2026": string;
                    "2059": string;
                    "2060": string;
                    "2061": string;
                    "2062": string;
                    "2063": string;
                    "2064": string;
                };
            };
            limit: {
                maxFilesUploadedOnce: number;
            };
        };
        list: {
            defaultIndentation: number;
            dragAndDropIconUrl: string;
        };
        search: {
            minCharToSearch: number;
            searchIcon: string;
        };
        richTextEditor: {
            label: {
                editor: string;
            };
            ariaLabel: {
                editor: string;
                colorPicker: string;
            };
        };
        fileDownload: {
            buttons: {
                id: number;
                ariaLabel: string;
                iconURL: string;
                toolTip: string;
                disabled: boolean;
            }[];
            preSignedDuration: string;
            message: {
                errors: {
                    ER1002: string;
                    "5038": string;
                    "6027": string;
                    "6028": string;
                };
            };
        };
        breakPointMaxWidth: string;
    };
    chipsType: typeof ChipsType;
    orientations: typeof ChipOrientation;
    activeLabel: string;
    destroy$: Subject<boolean>;
    private chips;
    set chipGroup(value: ChipOption[]);
    get chipGroup(): ChipOption[];
    chipOrientation: ChipOrientation;
    noOfDefaultVisibleChips: number;
    hasViewMoreForDesktop: boolean;
    hasViewMoreForMobile: boolean;
    avatar: IconButton;
    arrow: IconButton;
    check: IconButton;
    chipListBox: MatChipListbox;
    isViewMoreNeeded: boolean;
    private hasChipToggledInfo;
    get hasChipToggled(): boolean;
    set hasChipToggled(value: boolean);
    viewAllLabel: string;
    viewLessLabel: string;
    selectedChip: EventEmitter<any>;
    constructor(breakpointObserverService: BreakpointObserverService);
    ngOnInit(): void;
    /**
     * Onclick the chip, it emits selectedChip event with selected chip.
     * @param {ChipOption} chip
     * @memberof ChipComponent
     */
    onChipClick(chip: ChipOption): void;
    /**
     * Shows list of chips on the basis of view more/less button state.
     * @memberof ChipComponent
     */
    viewChips(clickedLabel: string): void;
    /**
     * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
     * @memberof ChipsComponent
     */
    getViewMore(): void;
    /**
     * Allows Angular to detect the specific chip option that needs to change or be added by tracking option unique Id.
     * @param {number} index
     * @param {ChipOption} option
     * @return {*}  {(number | string)}
     * @memberof ChipComponent
     */
    trackById(index: number, option: ChipOption): number | string;
    /**
     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
     * @memberof GroupsComponent
     */
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ChipsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsComponent, "ieeesa-chips", never, { "chipGroup": { "alias": "chipGroup"; "required": false; }; "chipOrientation": { "alias": "chipOrientation"; "required": false; }; "noOfDefaultVisibleChips": { "alias": "noOfDefaultVisibleChips"; "required": false; }; "hasViewMoreForDesktop": { "alias": "hasViewMoreForDesktop"; "required": false; }; "hasViewMoreForMobile": { "alias": "hasViewMoreForMobile"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "arrow": { "alias": "arrow"; "required": false; }; "check": { "alias": "check"; "required": false; }; "isViewMoreNeeded": { "alias": "isViewMoreNeeded"; "required": false; }; "hasChipToggled": { "alias": "hasChipToggled"; "required": false; }; "viewAllLabel": { "alias": "viewAllLabel"; "required": false; }; "viewLessLabel": { "alias": "viewLessLabel"; "required": false; }; }, { "selectedChip": "selectedChip"; }, never, never, true, never>;
}