import { AfterContentInit, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
import { ControlValueAccessor, NgControl } from '@angular/forms';
import { ChipChangeEvent } from './ChipChangeEvent';
import { TemplateDirective } from 'verben-ng-ui/src/lib/components/shared';
import * as i0 from "@angular/core";
export declare class ChipComponent implements ControlValueAccessor, OnInit, AfterContentInit {
    private ngControl;
    width: string;
    placeholder: string;
    max?: number;
    styleClass: string;
    separator: string;
    disabled: boolean;
    required: boolean;
    invalidMessage?: string;
    errorPosition: string;
    onChange: EventEmitter<ChipChangeEvent>;
    onItemChange: (value: any) => void;
    onTouched: () => void;
    isInvalid: boolean;
    templates: QueryList<TemplateDirective>;
    isFocused: boolean;
    isInputFocused: boolean;
    onFocus(): void;
    onBlur(): void;
    onInputFocus(): void;
    onInputBlur(): void;
    itemTemplate: TemplateRef<any> | null;
    chips: string[];
    chipInput: string;
    constructor(ngControl: NgControl);
    ngOnInit(): void;
    ngAfterContentInit(): void;
    onKeyDown(event: KeyboardEvent): void;
    addChips(inputValue: string): void;
    removeChip(index: number, event: Event): void;
    removeLastChip(): void;
    writeValue(obj: string[]): void;
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    setDisabledState?(isDisabled: boolean): void;
    get placeholderState(): string | undefined;
    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, [{ self: true; }]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "verben-chip", never, { "width": { "alias": "width"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; }; "errorPosition": { "alias": "errorPosition"; "required": false; }; }, { "onChange": "onChange"; }, ["templates"], never, true, never>;
}