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

package/autocomplete/index.d.ts

@@ -1,7 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef, AfterViewChecked, AfterContentInit, OnDestroy, EventEmitter, ElementRef, NgZone, QueryList } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { ScrollerOptions, OverlayService, OverlayOptions, PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
@@ -334,7 +333,7 @@ declare const AUTOCOMPLETE_VALUE_ACCESSOR: any;
  * AutoComplete is an input component that provides real-time suggestions when being typed.
  * @group Components
  */
-declare class AutoComplete extends BaseInput implements AfterViewChecked, AfterContentInit, OnDestroy, ControlValueAccessor {
+declare class AutoComplete extends BaseInput implements AfterViewChecked, AfterContentInit, OnDestroy {
     overlayService: OverlayService;
     private zone;
     /**
@@ -767,8 +766,6 @@ declare class AutoComplete extends BaseInput implements AfterViewChecked, AfterC
     private primeng;
     value: string | any;
     _suggestions: _angular_core.WritableSignal<any>;
-    onModelChange: Function;
-    onModelTouched: Function;
     timeout: Nullable<any>;
     overlayVisible: boolean | undefined;
     suggestionsUpdated: Nullable<boolean>;
@@ -874,7 +871,6 @@ declare class AutoComplete extends BaseInput implements AfterViewChecked, AfterC
     show(isFocus?: boolean): void;
     hide(isFocus?: boolean): void;
     clear(): void;
-    writeValue(value: any): void;
     hasSelectedOption(): boolean;
     getAriaPosInset(index: any): any;
     getOptionLabel(option: any): any;
@@ -882,9 +878,14 @@ declare class AutoComplete extends BaseInput implements AfterViewChecked, AfterC
     getOptionIndex(index: any, scrollerOptions: any): any;
     getOptionGroupLabel(optionGroup: any): any;
     getOptionGroupChildren(optionGroup: any): any;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     onOverlayAnimationStart(event: AnimationEvent): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoComplete, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete, p-autocomplete, p-auto-complete", never, { "minLength": { "alias": "minLength"; "required": false; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "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; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["itemTemplate", "emptyTemplate", "headerTemplate", "footerTemplate", "selectedItemTemplate", "groupTemplate", "loaderTemplate", "removeIconTemplate", "loadingIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "templates"], never, true, never>;

package/baseeditableholder/index.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { BaseComponent } from 'primeng/basecomponent';
+import { ControlValueAccessor } from '@angular/forms';
+import { BaseModelHolder } from 'primeng/basemodelholder';
 
-declare class BaseEditableHolder extends BaseComponent {
+declare class BaseEditableHolder extends BaseModelHolder implements ControlValueAccessor {
     /**
      * There must be a value (if set).
      * @defaultValue false
@@ -26,9 +27,17 @@ declare class BaseEditableHolder extends BaseComponent {
      * @group Props
      */
     name: _angular_core.InputSignal<string>;
-    modelValue: _angular_core.WritableSignal<any>;
-    $filled: _angular_core.Signal<boolean>;
-    writeModelValue(value: any, event?: any): void;
+    _disabled: _angular_core.WritableSignal<boolean>;
+    $disabled: _angular_core.Signal<boolean>;
+    onModelChange: Function;
+    onModelTouched: Function;
+    writeDisabledState(value: boolean): void;
+    writeControlValue(value: any, setModelValue?: (value: any) => void): void;
+    /**** Angular ControlValueAccessors ****/
+    writeValue(value: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseEditableHolder, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseEditableHolder, never, never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/basemodelholder/index.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+import { BaseComponent } from 'primeng/basecomponent';
+
+declare class BaseModelHolder extends BaseComponent {
+    modelValue: _angular_core.WritableSignal<any>;
+    $filled: _angular_core.Signal<boolean>;
+    writeModelValue(value: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseModelHolder, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseModelHolder, never, never, {}, {}, never, never, true, never>;
+}
+
+export { BaseModelHolder };

package/cascadeselect/index.d.ts

@@ -615,8 +615,6 @@ declare class CascadeSelect extends BaseEditableHolder implements OnInit, AfterC
     dirty: boolean;
     searchValue: string | undefined;
     searchTimeout: any;
-    onModelChange: Function;
-    onModelTouched: Function;
     focusedOptionInfo: _angular_core.WritableSignal<any>;
     activeOptionPath: _angular_core.WritableSignal<any>;
     processedOptions: string[] | string | undefined;
@@ -703,9 +701,13 @@ declare class CascadeSelect extends BaseEditableHolder implements OnInit, AfterC
     bindMatchMediaListener(): void;
     unbindMatchMediaListener(): void;
     onOverlayAnimationDone(event: 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;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CascadeSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CascadeSelect, "p-cascadeSelect, p-cascadeselect, p-cascade-select", never, { "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "emptySearchMessage": { "alias": "emptySearchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "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"; "onGroupChange": "onGroupChange"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onBeforeShow": "onBeforeShow"; "onBeforeHide": "onBeforeHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["valueTemplate", "optionTemplate", "headerTemplate", "footerTemplate", "triggerIconTemplate", "loadingIconTemplate", "groupIconTemplate", "clearIconTemplate", "templates"], never, true, never>;

package/checkbox/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, AfterContentInit, EventEmitter, ElementRef, QueryList, SimpleChanges } from '@angular/core';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { FormControl } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
@@ -89,7 +89,7 @@ declare const CHECKBOX_VALUE_ACCESSOR: any;
  * Checkbox is an extension to standard checkbox element with theming.
  * @group Components
  */
-declare class Checkbox extends BaseEditableHolder implements AfterContentInit, ControlValueAccessor {
+declare class Checkbox extends BaseEditableHolder implements AfterContentInit {
     /**
      * Value of the checkbox.
      * @group Props
@@ -213,8 +213,6 @@ declare class Checkbox extends BaseEditableHolder implements AfterContentInit, C
     checkboxIconTemplate: TemplateRef<any>;
     templates: Nullable<QueryList<PrimeTemplate>>;
     _checkboxIconTemplate: TemplateRef<any> | undefined;
-    onModelChange: Function;
-    onModelTouched: Function;
     focused: boolean;
     _componentStyle: CheckboxStyle;
     $variant: i0.Signal<"filled" | "outlined">;
@@ -225,9 +223,13 @@ declare class Checkbox extends BaseEditableHolder implements AfterContentInit, C
     onInputFocus(event: any): void;
     onInputBlur(event: any): void;
     focus(): void;
-    writeValue(model: 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;
     static ɵfac: i0.ɵɵFactoryDeclaration<Checkbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Checkbox, "p-checkbox, p-checkBox, p-check-box", never, { "value": { "alias": "value"; "required": false; }; "binary": { "alias": "binary"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "checkboxIcon": { "alias": "checkboxIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "trueValue": { "alias": "trueValue"; "required": false; }; "falseValue": { "alias": "falseValue"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["checkboxIconTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_binary: unknown;

package/colorpicker/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, AfterViewInit, EventEmitter, ElementRef } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { ControlValueAccessor } from '@angular/forms';
 import { cn } from '@primeuix/utils';
 import * as i1 from 'primeng/api';
 import { OverlayService } from 'primeng/api';
@@ -109,7 +108,7 @@ declare const COLORPICKER_VALUE_ACCESSOR: any;
  * ColorPicker groups a collection of contents in tabs.
  * @group Components
  */
-declare class ColorPicker extends BaseEditableHolder implements ControlValueAccessor, OnDestroy, AfterViewInit {
+declare class ColorPicker extends BaseEditableHolder implements OnDestroy, AfterViewInit {
     overlayService: OverlayService;
     /**
      * Style class of the component.
@@ -190,8 +189,6 @@ declare class ColorPicker extends BaseEditableHolder implements ControlValueAcce
     inputBgColor: string | undefined;
     shown: Nullable<boolean>;
     overlayVisible: Nullable<boolean>;
-    onModelChange: Function;
-    onModelTouched: Function;
     documentClickListener: VoidListener;
     documentResizeListener: VoidListener;
     documentMousemoveListener: VoidListener;
@@ -223,7 +220,6 @@ declare class ColorPicker extends BaseEditableHolder implements ControlValueAcce
     pickColor(event: MouseEvent | TouchEvent, position?: any): void;
     getValueToUpdate(): any;
     updateModel(): void;
-    writeValue(value: any): void;
     updateColorSelector(): void;
     updateUI(): void;
     onInputFocus(): void;
@@ -238,8 +234,6 @@ declare class ColorPicker extends BaseEditableHolder implements ControlValueAcce
     togglePanel(): void;
     onInputKeydown(event: KeyboardEvent): void;
     onOverlayClick(event: MouseEvent): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     bindDocumentClickListener(): void;
     unbindDocumentClickListener(): void;
     bindDocumentMousemoveListener(): void;
@@ -310,6 +304,13 @@ declare class ColorPicker extends BaseEditableHolder implements ControlValueAcce
     }): string;
     onOverlayHide(): void;
     ngAfterViewInit(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any): void;
     ngOnDestroy(): void;
     protected readonly cn: typeof cn;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPicker, never>;

package/datepicker/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, OnInit, AfterContentInit, AfterViewInit, OnDestroy, EventEmitter, ElementRef, NgZone, QueryList } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { OverlayService, PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
@@ -482,7 +481,7 @@ declare const DATEPICKER_VALUE_ACCESSOR: any;
  * DatePicker is a form component to work with dates.
  * @group Components
  */
-declare class DatePicker extends BaseInput implements OnInit, AfterContentInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+declare class DatePicker extends BaseInput implements OnInit, AfterContentInit, AfterViewInit, OnDestroy {
     private zone;
     overlayService: OverlayService;
     iconDisplay: 'input' | 'button';
@@ -882,8 +881,6 @@ declare class DatePicker extends BaseInput implements OnInit, AfterContentInit,
     responsiveStyleElement: HTMLStyleElement | undefined | null;
     overlayVisible: Nullable<boolean>;
     $appendTo: i0.Signal<any>;
-    onModelChange: Function;
-    onModelTouched: Function;
     calendarElement: Nullable<HTMLElement | ElementRef>;
     timePickerTimer: any;
     documentClickListener: VoidListener;
@@ -1124,9 +1121,6 @@ declare class DatePicker extends BaseInput implements OnInit, AfterContentInit,
     destroyMask(): void;
     unbindMaskClickListener(): void;
     unbindAnimationEndListener(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
     getDateFormat(): any;
     getFirstDateOfWeek(): any;
     formatDate(date: any, format: any): string;
@@ -1153,6 +1147,13 @@ declare class DatePicker extends BaseInput implements OnInit, AfterContentInit,
     isNavIconClicked(event: any): boolean;
     onWindowResize(): void;
     onOverlayHide(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePicker, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatePicker, "p-datePicker, p-datepicker, p-date-picker", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "startWeekFromFirstDayOfYear": { "alias": "startWeekFromFirstDayOfYear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onShow": "onShow"; }, ["dateTemplate", "headerTemplate", "footerTemplate", "disabledDateTemplate", "decadeTemplate", "previousIconTemplate", "nextIconTemplate", "triggerIconTemplate", "clearIconTemplate", "decrementIconTemplate", "incrementIconTemplate", "inputIconTemplate", "templates"], ["p-header", "p-footer"], true, never>;

package/editor/index.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, AfterContentInit, EventEmitter, QueryList } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i1 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
+import { BaseEditableHolder } from 'primeng/baseeditableholder';
 import { Nullable } from 'primeng/ts-helpers';
 import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
-import { BaseEditableHolder } from 'primeng/baseeditableholder';
 
 /**
  * Custom text change event.
@@ -118,7 +117,7 @@ declare const EDITOR_VALUE_ACCESSOR: any;
  * Editor groups a collection of contents in tabs.
  * @group Components
  */
-declare class Editor extends BaseEditableHolder implements AfterContentInit, ControlValueAccessor {
+declare class Editor extends BaseEditableHolder implements AfterContentInit {
     /**
      * Inline style of the container.
      * @group Props
@@ -190,8 +189,6 @@ declare class Editor extends BaseEditableHolder implements AfterContentInit, Con
     value: Nullable<string>;
     delayedCommand: Function | null;
     _readonly: boolean;
-    onModelChange: Function;
-    onModelTouched: Function;
     quill: any;
     dynamicQuill: any;
     /**
@@ -206,9 +203,13 @@ declare class Editor extends BaseEditableHolder implements AfterContentInit, Con
     _componentStyle: EditorStyle;
     constructor();
     ngAfterContentInit(): 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): void;
     getQuill(): any;
     private initQuillEditor;
     private createQuillEditor;

package/fesm2022/primeng-autocomplete.mjs

@@ -61,9 +61,9 @@ const classes = {
             'p-invalid': instance.invalid(),
             'p-focus': instance.focused,
             'p-inputwrapper-filled': instance.$filled(),
-            'p-inputwrapper-focus': (instance.focused && !instance.disabled()) || instance.autofocus || instance.overlayVisible,
+            'p-inputwrapper-focus': (instance.focused && !instance.$disabled()) || instance.autofocus || instance.overlayVisible,
             'p-autocomplete-open': instance.overlayVisible,
-            'p-autocomplete-clearable': instance.showClear && !instance.disabled(),
+            'p-autocomplete-clearable': instance.showClear && !instance.$disabled(),
             'p-autocomplete-fluid': instance.hasFluid
         }
     ],
@@ -71,7 +71,7 @@ const classes = {
     inputMultiple: ({ instance }) => [
         'p-autocomplete-input-multiple',
         {
-            'p-disabled': instance.disabled(),
+            'p-disabled': instance.$disabled(),
             'p-variant-filled': instance.$variant() === 'filled'
         }
     ],
@@ -628,8 +628,6 @@ class AutoComplete extends BaseInput {
     primeng = inject(PrimeNG);
     value;
     _suggestions = signal(null);
-    onModelChange = () => { };
-    onModelTouched = () => { };
     timeout;
     overlayVisible;
     suggestionsUpdated;
@@ -861,7 +859,7 @@ class AutoComplete extends BaseInput {
         return this.dataKey; // TODO: The 'optionValue' properties can be added.
     }
     onContainerClick(event) {
-        if (this.disabled() || this.loading || this.isInputClicked(event) || this.isDropdownClicked(event)) {
+        if (this.$disabled() || this.loading || this.isInputClicked(event) || this.isDropdownClicked(event)) {
             return;
         }
         if (!this.overlayViewChild || !this.overlayViewChild.overlayViewChild?.nativeElement.contains(event.target)) {
@@ -932,7 +930,7 @@ class AutoComplete extends BaseInput {
         }
     }
     onInputFocus(event) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             // For ScreenReaders
             return;
         }
@@ -947,7 +945,7 @@ class AutoComplete extends BaseInput {
         this.onFocus.emit(event);
     }
     onMultipleContainerFocus(event) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             // For ScreenReaders
             return;
         }
@@ -958,7 +956,7 @@ class AutoComplete extends BaseInput {
         this.focused = false;
     }
     onMultipleContainerKeyDown(event) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             event.preventDefault();
             return;
         }
@@ -990,7 +988,7 @@ class AutoComplete extends BaseInput {
         this.onKeyUp.emit(event);
     }
     onKeyDown(event) {
-        if (this.disabled()) {
+        if (this.$disabled()) {
             event.preventDefault();
             return;
         }
@@ -1282,12 +1280,6 @@ class AutoComplete extends BaseInput {
         this.inputEL.nativeElement.value = '';
         this.onClear.emit();
     }
-    writeValue(value) {
-        this.value = value;
-        this.writeModelValue(value);
-        this.updateInputValue();
-        this.cd.markForCheck();
-    }
     hasSelectedOption() {
         return isNotEmpty(this.modelValue());
     }
@@ -1314,12 +1306,6 @@ class AutoComplete extends BaseInput {
     getOptionGroupChildren(optionGroup) {
         return this.optionGroupChildren ? resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items;
     }
-    registerOnChange(fn) {
-        this.onModelChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onModelTouched = fn;
-    }
     onOverlayAnimationStart(event) {
         if (event.toState === 'visible') {
             this.itemsWrapper = findSingle(this.overlayViewChild.overlayViewChild?.nativeElement, this.virtualScroll ? '.p-scroller' : '.p-autocomplete-panel');
@@ -1343,6 +1329,18 @@ class AutoComplete extends BaseInput {
             }
         }
     }
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value, setModelValue) {
+        this.value = value;
+        setModelValue(value);
+        this.updateInputValue();
+        this.cd.markForCheck();
+    }
     ngOnDestroy() {
         if (this.scrollHandler) {
             this.scrollHandler.destroy();
@@ -1376,10 +1374,10 @@ class AutoComplete extends BaseInput {
             [attr.pattern]="pattern()"
             [attr.size]="inputSize()"
             [attr.maxlength]="maxlength()"
-            [attr.tabindex]="!disabled() ? tabindex : -1"
+            [attr.tabindex]="!$disabled() ? tabindex : -1"
             [attr.required]="required() ? '' : undefined"
             [attr.readonly]="readonly ? '' : undefined"
-            [attr.disabled]="disabled() ? '' : undefined"
+            [attr.disabled]="$disabled() ? '' : undefined"
             [attr.aria-label]="ariaLabel"
             [attr.aria-labelledby]="ariaLabelledBy"
             [attr.aria-required]="required()"
@@ -1395,7 +1393,7 @@ class AutoComplete extends BaseInput {
             (keyup)="onInputKeyUp($event)"
             [fluid]="hasFluid"
         />
-        <ng-container *ngIf="$filled() && !disabled() && showClear && !loading">
+        <ng-container *ngIf="$filled() && !$disabled() && showClear && !loading">
             <svg data-p-icon="chevron-times" *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" [attr.aria-hidden]="true" />
             <span *ngIf="clearIconTemplate || _clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" [attr.aria-hidden]="true">
                 <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
@@ -1456,10 +1454,10 @@ class AutoComplete extends BaseInput {
                     role="combobox"
                     [attr.placeholder]="!$filled() ? placeholder : null"
                     aria-autocomplete="list"
-                    [attr.tabindex]="!disabled() ? tabindex : -1"
+                    [attr.tabindex]="!$disabled() ? tabindex : -1"
                     [attr.required]="required() ? '' : undefined"
                     [attr.readonly]="readonly ? '' : undefined"
-                    [attr.disabled]="disabled() ? '' : undefined"
+                    [attr.disabled]="$disabled() ? '' : undefined"
                     [attr.aria-label]="ariaLabel"
                     [attr.aria-labelledby]="ariaLabelledBy"
                     [attr.aria-required]="required()"
@@ -1482,7 +1480,7 @@ class AutoComplete extends BaseInput {
                 <ng-template *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate"></ng-template>
             </span>
         </ng-container>
-        <button #ddBtn type="button" [attr.aria-label]="dropdownAriaLabel" [class]="cx('dropdown')" [disabled]="disabled()" pRipple (click)="handleDropdownClick($event)" *ngIf="dropdown" [attr.tabindex]="tabindex">
+        <button #ddBtn type="button" [attr.aria-label]="dropdownAriaLabel" [class]="cx('dropdown')" [disabled]="$disabled()" pRipple (click)="handleDropdownClick($event)" *ngIf="dropdown" [attr.tabindex]="tabindex">
             <span *ngIf="dropdownIcon" [ngClass]="dropdownIcon" [attr.aria-hidden]="true"></span>
             <ng-container *ngIf="!dropdownIcon">
                 <svg data-p-icon="chevron-down" *ngIf="!dropdownIconTemplate && !_dropdownIconTemplate" />
@@ -1583,7 +1581,7 @@ class AutoComplete extends BaseInput {
                 </span>
             </ng-template>
         </p-overlay>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: Overlay, selector: "p-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options", "appendTo", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: Scroller, selector: "p-scroller, p-virtualscroller, p-virtual-scroller, p-virtualScroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: TimesCircleIcon, selector: "[data-p-icon=\"times-circle\"]" }, { kind: "component", type: SpinnerIcon, selector: "[data-p-icon=\"spinner\"]" }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: Overlay, selector: "p-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options", "appendTo", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: Ripple, selector: "[pRipple]" }, { kind: "component", type: Scroller, selector: "p-scroller, p-virtualscroller, p-virtual-scroller, p-virtualScroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: TimesCircleIcon, selector: "[data-p-icon=\"times-circle\"]" }, { kind: "component", type: SpinnerIcon, selector: "[data-p-icon=\"spinner\"]" }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AutoComplete, decorators: [{
             type: Component,
@@ -1616,10 +1614,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             [attr.pattern]="pattern()"
             [attr.size]="inputSize()"
             [attr.maxlength]="maxlength()"
-            [attr.tabindex]="!disabled() ? tabindex : -1"
+            [attr.tabindex]="!$disabled() ? tabindex : -1"
             [attr.required]="required() ? '' : undefined"
             [attr.readonly]="readonly ? '' : undefined"
-            [attr.disabled]="disabled() ? '' : undefined"
+            [attr.disabled]="$disabled() ? '' : undefined"
             [attr.aria-label]="ariaLabel"
             [attr.aria-labelledby]="ariaLabelledBy"
             [attr.aria-required]="required()"
@@ -1635,7 +1633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             (keyup)="onInputKeyUp($event)"
             [fluid]="hasFluid"
         />
-        <ng-container *ngIf="$filled() && !disabled() && showClear && !loading">
+        <ng-container *ngIf="$filled() && !$disabled() && showClear && !loading">
             <svg data-p-icon="chevron-times" *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" [attr.aria-hidden]="true" />
             <span *ngIf="clearIconTemplate || _clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" [attr.aria-hidden]="true">
                 <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
@@ -1696,10 +1694,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     role="combobox"
                     [attr.placeholder]="!$filled() ? placeholder : null"
                     aria-autocomplete="list"
-                    [attr.tabindex]="!disabled() ? tabindex : -1"
+                    [attr.tabindex]="!$disabled() ? tabindex : -1"
                     [attr.required]="required() ? '' : undefined"
                     [attr.readonly]="readonly ? '' : undefined"
-                    [attr.disabled]="disabled() ? '' : undefined"
+                    [attr.disabled]="$disabled() ? '' : undefined"
                     [attr.aria-label]="ariaLabel"
                     [attr.aria-labelledby]="ariaLabelledBy"
                     [attr.aria-required]="required()"
@@ -1722,7 +1720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 <ng-template *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate"></ng-template>
             </span>
         </ng-container>
-        <button #ddBtn type="button" [attr.aria-label]="dropdownAriaLabel" [class]="cx('dropdown')" [disabled]="disabled()" pRipple (click)="handleDropdownClick($event)" *ngIf="dropdown" [attr.tabindex]="tabindex">
+        <button #ddBtn type="button" [attr.aria-label]="dropdownAriaLabel" [class]="cx('dropdown')" [disabled]="$disabled()" pRipple (click)="handleDropdownClick($event)" *ngIf="dropdown" [attr.tabindex]="tabindex">
             <span *ngIf="dropdownIcon" [ngClass]="dropdownIcon" [attr.aria-hidden]="true"></span>
             <ng-container *ngIf="!dropdownIcon">
                 <svg data-p-icon="chevron-down" *ngIf="!dropdownIconTemplate && !_dropdownIconTemplate" />