primeng 20.0.0-rc.2 → 20.0.0-rc.3

package/inputmask/index.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, OnInit, AfterContentInit, EventEmitter, QueryList, ElementRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
@@ -67,7 +66,7 @@ declare const INPUTMASK_VALUE_ACCESSOR: any;
  * InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.
  * @group Components
  */
-declare class InputMask extends BaseInput implements OnInit, AfterContentInit, ControlValueAccessor {
+declare class InputMask extends BaseInput implements OnInit, AfterContentInit {
     /**
      * HTML5 input type.
      * @group Props
@@ -214,8 +213,6 @@ declare class InputMask extends BaseInput implements OnInit, AfterContentInit, C
     inputViewChild: Nullable<ElementRef>;
     value: Nullable<string>;
     _mask: Nullable<string>;
-    onModelChange: Function;
-    onModelTouched: Function;
     input: Nullable<HTMLInputElement>;
     defs: Nullable<{
         [klass: string]: any;
@@ -237,9 +234,6 @@ declare class InputMask extends BaseInput implements OnInit, AfterContentInit, C
     _clearIconTemplate: TemplateRef<any> | undefined;
     ngAfterContentInit(): void;
     initMask(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     caret(first?: number, last?: number): Caret | undefined;
     isCompleted(): boolean;
     getPlaceholder(i: number): string;
@@ -261,6 +255,13 @@ declare class InputMask extends BaseInput implements OnInit, AfterContentInit, C
     updateModel(e: Event): void;
     focus(): void;
     clear(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputMask, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputMask, "p-inputmask, p-inputMask, p-input-mask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "keepBuffer": { "alias": "keepBuffer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; "onKeydown": "onKeydown"; "onClear": "onClear"; }, ["clearIconTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_autoClear: unknown;

package/inputnumber/index.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, OnInit, AfterContentInit, OnChanges, Injector, EventEmitter, QueryList, ElementRef, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
@@ -120,7 +119,7 @@ declare const INPUTNUMBER_VALUE_ACCESSOR: any;
  * InputNumber is an input component to provide numerical input.
  * @group Components
  */
-declare class InputNumber extends BaseInput implements OnInit, AfterContentInit, OnChanges, ControlValueAccessor {
+declare class InputNumber extends BaseInput implements OnInit, AfterContentInit, OnChanges {
     readonly injector: Injector;
     /**
      * Displays spinner buttons.
@@ -338,8 +337,6 @@ declare class InputNumber extends BaseInput implements OnInit, AfterContentInit,
     _incrementButtonIconTemplate: TemplateRef<any> | undefined;
     _decrementButtonIconTemplate: TemplateRef<any> | undefined;
     value: Nullable<number>;
-    onModelChange: Function;
-    onModelTouched: Function;
     focused: Nullable<boolean>;
     initialized: Nullable<boolean>;
     groupChar: string;
@@ -437,9 +434,13 @@ declare class InputNumber extends BaseInput implements OnInit, AfterContentInit,
     onInputBlur(event: Event): void;
     formattedValue(): any;
     updateModel(event: Event, value: any): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     clearTimer(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumber, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber, p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearIconTemplate", "incrementButtonIconTemplate", "decrementButtonIconTemplate", "templates"], never, true, never>;

package/inputotp/index.d.ts

@@ -157,8 +157,6 @@ declare class InputOtp extends BaseEditableHolder implements AfterContentInit {
     templates: Nullable<QueryList<PrimeTemplate>>;
     _inputTemplate: TemplateRef<any> | undefined;
     tokens: any;
-    onModelChange: Function;
-    onModelTouched: Function;
     value: any;
     $variant: i0.Signal<"filled" | "outlined">;
     get inputMode(): string;
@@ -175,12 +173,9 @@ declare class InputOtp extends BaseEditableHolder implements AfterContentInit {
     };
     onInput(event: any, index: any): void;
     updateModel(event: any): void;
-    writeValue(value: any): void;
     updateTokens(): void;
     getModelValue(i: number): any;
     getAutofocus(i: number): boolean;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     moveToPrev(event: any): void;
     moveToNext(event: any): void;
     findNextInput(element: any): any;
@@ -192,6 +187,13 @@ declare class InputOtp extends BaseEditableHolder implements AfterContentInit {
     handleOnPaste(paste: any, event: any): void;
     getRange(n: number): number[];
     trackByFn(index: number): number;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputOtp, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputOtp, "p-inputOtp, p-inputotp, p-input-otp", never, { "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "integerOnly": { "alias": "integerOnly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["inputTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_readonly: unknown;

package/inputtext/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { DoCheck, AfterViewInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { BaseEditableHolder } from 'primeng/baseeditableholder';
+import { BaseModelHolder } from 'primeng/basemodelholder';
 import { Fluid } from 'primeng/fluid';
 import { BaseStyle } from 'primeng/base';
 
@@ -45,7 +45,7 @@ interface InputTextStyle extends BaseStyle {
  * InputText directive is an extension to standard input element with theming.
  * @group Components
  */
-declare class InputText extends BaseEditableHolder implements DoCheck, AfterViewInit {
+declare class InputText extends BaseModelHolder implements DoCheck, AfterViewInit {
     ngControl: NgControl;
     pcFluid: Fluid;
     /**
@@ -65,14 +65,20 @@ declare class InputText extends BaseEditableHolder implements DoCheck, AfterView
      * @group Props
      */
     fluid: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     * @group Props
+     */
+    invalid: i0.InputSignalWithTransform<boolean, unknown>;
     $variant: i0.Signal<"filled" | "outlined">;
     _componentStyle: InputTextStyle;
     ngAfterViewInit(): void;
     ngDoCheck(): void;
-    onInput(event: Event): void;
+    onInput(): void;
     get hasFluid(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputText, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "pSize": { "alias": "pSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputText, "[pInputText]", never, { "pSize": { "alias": "pSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class InputTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextModule, never>;

package/knob/index.d.ts

@@ -150,8 +150,6 @@ declare class Knob extends BaseEditableHolder {
     windowMouseUpListener: VoidListener;
     windowTouchMoveListener: VoidListener;
     windowTouchEndListener: VoidListener;
-    onModelChange: Function;
-    onModelTouched: Function;
     _componentStyle: KnobStyle;
     mapRange(x: number, inMin: number, inMax: number, outMin: number, outMax: number): number;
     onClick(event: MouseEvent): void;
@@ -165,9 +163,6 @@ declare class Knob extends BaseEditableHolder {
     onTouchMove(event: Event): void;
     updateModelValue(newValue: any): void;
     onKeyDown(event: KeyboardEvent): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     rangePath(): string;
     valuePath(): string;
     zeroRadians(): number;
@@ -184,6 +179,13 @@ declare class Knob extends BaseEditableHolder {
     sweep(): 0 | 1;
     valueToDisplay(): string;
     get _value(): number;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Knob, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Knob, "p-knob", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "valueColor": { "alias": "valueColor"; "required": false; }; "rangeColor": { "alias": "rangeColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "size": { "alias": "size"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
     static ngAcceptInputType_tabindex: unknown;

package/listbox/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, AfterContentInit, OnInit, OnDestroy, EventEmitter, ElementRef, QueryList } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { FilterService, ScrollerOptions, PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
@@ -270,7 +269,7 @@ declare const LISTBOX_VALUE_ACCESSOR: any;
  * ListBox is used to select one or more values from a list of items.
  * @group Components
  */
-declare class Listbox extends BaseEditableHolder implements AfterContentInit, OnInit, ControlValueAccessor, OnDestroy {
+declare class Listbox extends BaseEditableHolder implements AfterContentInit, OnInit, OnDestroy {
     filterService: FilterService;
     /**
      * Unique identifier of the component.
@@ -660,8 +659,6 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     filterOptions: ListboxFilterOptions | undefined;
     filtered: boolean | undefined | null;
     value: any | undefined | null;
-    onModelChange: Function;
-    onModelTouched: Function;
     optionTouched: boolean | undefined | null;
     focus: boolean | undefined | null;
     headerCheckboxFocus: boolean | undefined | null;
@@ -692,9 +689,6 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     constructor(filterService: FilterService);
     ngOnInit(): void;
     ngAfterContentInit(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     flatOptions(options: any): any;
     autoUpdateModel(): void;
     /**
@@ -770,6 +764,13 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     hasFilter(): boolean;
     resetFilter(): void;
     drop(event: CdkDragDrop<string[]>): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Listbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; "onDrop": "onDrop"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate", "templates"], ["p-header", "p-footer"], true, never>;

package/multiselect/index.d.ts

@@ -1,7 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter, OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, Signal, ElementRef, QueryList, NgZone } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { ScrollerOptions, FilterService, OverlayService, OverlayOptions, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -443,7 +442,7 @@ declare class MultiSelectItem extends BaseComponent {
  * MultiSelect is used to select multiple items from a collection.
  * @group Components
  */
-declare class MultiSelect extends BaseEditableHolder implements OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, ControlValueAccessor {
+declare class MultiSelect extends BaseEditableHolder implements OnInit, AfterViewInit, AfterContentInit, AfterViewChecked {
     private zone;
     filterService: FilterService;
     overlayService: OverlayService;
@@ -863,8 +862,6 @@ declare class MultiSelect extends BaseEditableHolder implements OnInit, AfterVie
     _disableTooltip: boolean;
     value: any[];
     _filteredOptions: any[] | undefined | null;
-    onModelChange: Function;
-    onModelTouched: Function;
     focus: boolean | undefined;
     filtered: boolean | undefined;
     itemTemplate: TemplateRef<any> | undefined;
@@ -997,9 +994,6 @@ declare class MultiSelect extends BaseEditableHolder implements OnInit, AfterVie
     get virtualScrollerDisabled(): boolean;
     scrollInView(index?: number): void;
     get focusedOptionId(): string;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     allSelected(): any;
     partialSelected(): boolean;
     /**
@@ -1026,6 +1020,13 @@ declare class MultiSelect extends BaseEditableHolder implements OnInit, AfterVie
     searchOptions(event: any, char: any): boolean;
     hasFocusableElements(): boolean;
     hasFilter(): boolean;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect, p-multiselect, p-multi-select", never, { "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "chipIcon": { "alias": "chipIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "itemTemplate", "groupTemplate", "loaderTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "selectedItemsTemplate", "loadingIconTemplate", "filterIconTemplate", "removeTokenIconTemplate", "chipIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "itemCheckboxIconTemplate", "headerCheckboxIconTemplate", "templates"], ["p-header", "p-footer"], true, never>;
     static ngAcceptInputType_readonly: unknown;