import { ElementRef, EventEmitter } from '@angular/core';
import { ControlValueAccessor, FormControl, FormGroup, NgForm } from '@angular/forms';
import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
import { MatChipGrid, MatChipInputEvent } from '@angular/material/chips';
import { MatFormFieldAppearance } from '@angular/material/form-field';
import { TooltipPosition } from '@angular/material/tooltip';
import { IInputVal, IValidatorMessage, Items, ZuiGetError } from '@material-zui/angular/type';
import { IDataChange, IStyle, ZCInputTokenEndFunc, ZCValidatorFunc } from './type';
import * as i0 from "@angular/core";
export declare class ZuiChipComponent implements ControlValueAccessor {
    #private;
    label: string;
    placeholder: string;
    valueField: string;
    displayField: string;
    colorField: string;
    bgColorField: string;
    srcImageField: string;
    removableField: string;
    hintStart: string;
    hintEnd: string;
    selected: number;
    name: string;
    max: number;
    min: number;
    items: Items;
    /** import {ENTER, COMMA, TAB} from '@angular/cdk/keycodes' */
    separatorKeysCodes: number[];
    mode: 'input' | 'view';
    set form(val: NgForm | FormGroup);
    /** "legacy" | "standard" | "fill" | "outline"*/
    appearance: MatFormFieldAppearance;
    disabledValidate: boolean;
    validatorMessage: IValidatorMessage;
    validatorMessageDefault: IValidatorMessage;
    validatorMessageVal: IValidatorMessage;
    set model(value: any[]);
    set required(val: IInputVal);
    requiredVal: boolean;
    set _disabledTooltip(val: IInputVal);
    disabledTooltip: boolean;
    tooltipPosition: TooltipPosition;
    set wrapItem(val: IInputVal);
    wrapItemVal: boolean;
    set delay(val: number);
    /** default "200px", eg: "300px", "400em", "500rem" */
    set width(val: string);
    widthVal: string;
    set noFullWidth(val: IInputVal);
    fullWidth: boolean;
    set noDuplicate(val: IInputVal);
    allowDuplicate: boolean;
    set validateFirst(val: IInputVal);
    validateFirstVal: boolean;
    /** load items data when init component, use for case Items is return a Promise */
    set loadOnInit(val: IInputVal);
    loadOnInitVal: boolean;
    set disabledRemove(val: IInputVal);
    disabledRemoveVal: boolean;
    set disabledInput(val: IInputVal);
    disabledInputVal: boolean;
    set chipFullWidth(val: IInputVal);
    chipFullWidthVal: boolean;
    set disabled(val: IInputVal);
    set caseSensitive(val: IInputVal);
    caseSensitiveVal: boolean;
    set disabledFreeText(val: IInputVal);
    allowFreeText: boolean;
    set validator(validator: ZCValidatorFunc);
    set inputTokenEnd(inputTokenEnd: ZCInputTokenEndFunc);
    modelChange: EventEmitter<any[]>;
    dataChange: EventEmitter<IDataChange<any, any>>;
    input: ElementRef<HTMLInputElement>;
    chipGrid: MatChipGrid;
    autoComplete: MatAutocompleteTrigger;
    get inlineBlock(): boolean;
    get block(): boolean;
    inputControl: FormControl<any>;
    formControl: FormControl<any>;
    filteredItems: any[];
    selectedItems: any[];
    loading: boolean;
    focusToLoad: boolean;
    ngOnInit(): void;
    ngAfterViewInit(): void;
    ngOnChanges(): Promise<void>;
    ngOnDestroy(): void;
    get selectedValue(): any[];
    get itemsIsArray(): boolean;
    get error(): ZuiGetError;
    onChange(_: any): void;
    registerOnTouched(): void;
    registerOnChange(fn: () => void): void;
    writeValue: (value: string) => void;
    onFocus: (_e?: Event) => Promise<void>;
    add: (event: MatChipInputEvent) => Promise<void>;
    remove: (removeItem: any) => void;
    onSelected: (event: MatAutocompleteSelectedEvent) => void;
    styleChip: (item: any) => IStyle;
    allowRemovable: (item: any) => boolean;
    static ɵfac: i0.ɵɵFactoryDeclaration<ZuiChipComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ZuiChipComponent, "zui-chip", never, { "label": "label"; "placeholder": "placeholder"; "valueField": "valueField"; "displayField": "displayField"; "colorField": "colorField"; "bgColorField": "bgColorField"; "srcImageField": "srcImageField"; "removableField": "removableField"; "hintStart": "hintStart"; "hintEnd": "hintEnd"; "selected": "selected"; "name": "name"; "max": "max"; "min": "min"; "items": "items"; "separatorKeysCodes": "separatorKeysCodes"; "mode": "mode"; "form": "form"; "appearance": "appearance"; "disabledValidate": "disabledValidate"; "validatorMessage": "validatorMessage"; "model": "model"; "required": "required"; "_disabledTooltip": "disabledTooltip"; "tooltipPosition": "tooltipPosition"; "wrapItem": "wrapItem"; "delay": "delay"; "width": "width"; "noFullWidth": "noFullWidth"; "noDuplicate": "noDuplicate"; "validateFirst": "validateFirst"; "loadOnInit": "loadOnInit"; "disabledRemove": "disabledRemove"; "disabledInput": "disabledInput"; "chipFullWidth": "chipFullWidth"; "disabled": "disabled"; "caseSensitive": "caseSensitive"; "disabledFreeText": "disabledFreeText"; "validator": "validator"; "inputTokenEnd": "inputTokenEnd"; }, { "modelChange": "modelChange"; "dataChange": "dataChange"; }, never, never, false, never>;
}