import { QueryList, AfterContentInit, ElementRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { SelectItemComponent } from './select-item.component';
import { SelectService } from './select.service';
import { cn } from './utils/cn';
import * as i0 from "@angular/core";
export declare class MultiSelectComponent implements ControlValueAccessor, AfterContentInit {
    private selectService;
    placeholder: string;
    size: 'xs' | 'sm' | 'default' | 'lg';
    searchable: boolean;
    disabled: boolean;
    class: string;
    trigger: ElementRef;
    popover: ElementRef;
    items: QueryList<SelectItemComponent>;
    value: any[];
    selectedItems: {
        label: string;
        value: any;
    }[];
    isOpen: boolean;
    searchQuery: string;
    noResults: boolean;
    private cleanup?;
    constructor(selectService: SelectService);
    ngAfterContentInit(): void;
    toggle(): void;
    open(): void;
    close(): void;
    private updatePosition;
    toggleValue(val: any): void;
    selectAll(): void;
    clearAll(): void;
    removeValue(event: MouseEvent, val: any): void;
    private syncItems;
    onSearchChange(q: string): void;
    onClickOutside(event: MouseEvent): void;
    onChange: any;
    onTouched: any;
    writeValue(v: any[]): void;
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    protected cn: typeof cn;
    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "tolle-multi-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
}