import * as _angular_core from '@angular/core';
import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
import { MultiSelect } from 'primeng/multiselect';
import { isInvalid } from '@masterteam/components';

declare class MultiSelectField implements ControlValueAccessor, OnInit, OnChanges {
    multiSelect: MultiSelect;
    readonly field: _angular_core.InputSignal<boolean>;
    readonly label: _angular_core.InputSignal<string | undefined>;
    readonly placeholder: _angular_core.InputSignal<string | undefined>;
    readonly class: _angular_core.InputSignal<string>;
    readonly readonly: _angular_core.InputSignal<boolean>;
    readonly pInputs: _angular_core.InputSignal<Partial<MultiSelect> | undefined>;
    readonly options: _angular_core.InputSignal<any[] | undefined>;
    readonly optionValue: _angular_core.InputSignal<string | undefined>;
    readonly optionLabel: _angular_core.InputSignal<string | undefined>;
    readonly filter: _angular_core.InputSignal<boolean>;
    readonly filterBy: _angular_core.InputSignal<string | undefined>;
    readonly dataKey: _angular_core.InputSignal<string | undefined>;
    readonly showClear: _angular_core.InputSignal<boolean>;
    readonly display: _angular_core.InputSignal<string>;
    readonly required: _angular_core.InputSignal<boolean>;
    readonly maxSelectedLabels: _angular_core.InputSignal<number>;
    readonly group: _angular_core.InputSignal<boolean>;
    readonly optionGroupLabel: _angular_core.InputSignal<string>;
    readonly optionGroupChildren: _angular_core.InputSignal<string>;
    readonly optionIcon: _angular_core.InputSignal<string>;
    readonly optionIconColor: _angular_core.InputSignal<string>;
    readonly optionIconShape: _angular_core.InputSignal<string>;
    readonly optionAvatarShape: _angular_core.InputSignal<"circle" | "square">;
    readonly optionGroupIcon: _angular_core.InputSignal<string>;
    readonly optionGroupIconColor: _angular_core.InputSignal<string>;
    readonly optionGroupIconShape: _angular_core.InputSignal<string>;
    readonly optionGroupAvatarShape: _angular_core.InputSignal<"circle" | "square">;
    onChange: EventEmitter<any>;
    styleClass: string;
    requiredValidator: typeof Validators.required;
    value: _angular_core.WritableSignal<any>;
    disabled: _angular_core.WritableSignal<boolean>;
    onTouched: () => void;
    onModelChange: (value: any) => void;
    ngControl: NgControl;
    isInvalid: typeof isInvalid;
    constructor();
    applyInputsToMultiSelect(): void;
    ngOnInit(): void;
    onValueChange(value: any): void;
    ngOnChanges(changes: SimpleChanges): void;
    writeValue(value: any): void;
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    setDisabledState(disabled: boolean): void;
    isGrouped(): boolean;
    getOptionLabelValue(option: any): string;
    getOptionIcon(option: any): string | undefined;
    shouldRenderOptionColorSwatch(option: any): boolean;
    getOptionSwatchColor(option: any): string | null;
    getOptionAvatarBackground(option: any): string | null;
    getOptionAvatarColor(option: any): string | null;
    getOptionAvatarShape(option: any): 'circle' | 'square';
    getGroupLabelValue(group: any): string;
    getGroupIcon(group: any): string | undefined;
    shouldRenderGroupColorSwatch(group: any): boolean;
    getGroupSwatchColor(group: any): string | null;
    getGroupAvatarBackground(group: any): string | null;
    getGroupAvatarColor(group: any): string | null;
    getGroupAvatarShape(group: any): 'circle' | 'square';
    private getOptionColor;
    private getGroupColor;
    private getAvatarBackgroundByColor;
    private getAvatarColorByColor;
    formatSelectedItems(values: any[] | null | undefined): string;
    private resolveDisplayColor;
    private normalizeAvatarShape;
    private resolveNestedValue;
    private resolveOption;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectField, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectField, "mt-multi-select-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "optionIcon": { "alias": "optionIcon"; "required": false; "isSignal": true; }; "optionIconColor": { "alias": "optionIconColor"; "required": false; "isSignal": true; }; "optionIconShape": { "alias": "optionIconShape"; "required": false; "isSignal": true; }; "optionAvatarShape": { "alias": "optionAvatarShape"; "required": false; "isSignal": true; }; "optionGroupIcon": { "alias": "optionGroupIcon"; "required": false; "isSignal": true; }; "optionGroupIconColor": { "alias": "optionGroupIconColor"; "required": false; "isSignal": true; }; "optionGroupIconShape": { "alias": "optionGroupIconShape"; "required": false; "isSignal": true; }; "optionGroupAvatarShape": { "alias": "optionGroupAvatarShape"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
}

export { MultiSelectField };
