primeng 20.0.0-rc.1 → 20.0.0-rc.3

package/accordion/index.d.ts

@@ -43,9 +43,7 @@ declare enum AccordionClasses {
 }
 declare class AccordionStyle extends BaseStyle {
     name: string;
-    theme: ({ dt }: {
-        dt: any;
-    }) => string;
+    theme: string;
     classes: {
         root: string;
         panel: ({ instance }: {

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/button/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, AfterViewInit, OnDestroy, SimpleChanges, AfterContentInit, EventEmitter, QueryList } from '@angular/core';
+import { TemplateRef, AfterViewInit, OnDestroy, AfterContentInit, EventEmitter, QueryList } from '@angular/core';
 import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -51,7 +51,7 @@ interface ButtonProps {
     rounded?: boolean;
     text?: boolean;
     plain?: boolean;
-    severity?: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
+    severity?: ButtonSeverity;
     outlined?: boolean;
     link?: boolean;
     tabindex?: number | undefined;
@@ -64,6 +64,7 @@ interface ButtonProps {
     badgeSeverity?: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
     ariaLabel?: string | undefined;
     autofocus?: boolean | undefined;
+    variant?: string | undefined;
 }
 type ButtonSeverity = 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
 
@@ -243,7 +244,6 @@ declare class ButtonDirective extends BaseComponent implements AfterViewInit, On
     spinnerIcon: string;
     _componentStyle: ButtonStyle;
     ngAfterViewInit(): void;
-    ngOnChanges(simpleChanges: SimpleChanges): void;
     getStyleClass(): string[];
     get hasFluid(): boolean;
     setStyleClass(): void;
@@ -386,6 +386,11 @@ declare class Button extends BaseComponent implements AfterContentInit {
      * @group Props
      */
     ariaLabel: string | undefined;
+    /**
+     * Button props as an object.
+     * @group Props
+     */
+    buttonProps: any | ButtonProps;
     /**
      * When present, it specifies that the component should automatically get focus on load.
      * @group Props
@@ -433,22 +438,14 @@ declare class Button extends BaseComponent implements AfterContentInit {
      * @group Templates
      **/
     iconTemplate: TemplateRef<any> | undefined;
-    _buttonProps: any | undefined;
-    /**
-     * Used to pass all properties of the ButtonProps to the Button component.
-     * @group Props
-     */
-    get buttonProps(): any | undefined;
-    set buttonProps(val: any | undefined);
+    templates: QueryList<PrimeTemplate> | undefined;
     pcFluid: Fluid;
     get hasFluid(): boolean;
     _componentStyle: ButtonStyle;
-    templates: QueryList<PrimeTemplate> | undefined;
     _contentTemplate: TemplateRef<any> | undefined;
     _iconTemplate: TemplateRef<any> | undefined;
     _loadingIconTemplate: TemplateRef<any> | undefined;
     ngAfterContentInit(): void;
-    ngOnChanges(simpleChanges: SimpleChanges): void;
     spinnerIconClass(): string;
     iconClass(): {
         [x: string]: string | boolean;
@@ -459,7 +456,7 @@ declare class Button extends BaseComponent implements AfterContentInit {
         'p-button-icon-bottom': string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "p-button", never, { "type": { "alias": "type"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "text": { "alias": "text"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "link": { "alias": "link"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "badgeClass": { "alias": "badgeClass"; "required": false; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["contentTemplate", "loadingIconTemplate", "iconTemplate", "templates"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "p-button", never, { "type": { "alias": "type"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "text": { "alias": "text"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "link": { "alias": "link"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "badgeClass": { "alias": "badgeClass"; "required": false; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["contentTemplate", "loadingIconTemplate", "iconTemplate", "templates"], ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_loading: unknown;
     static ngAcceptInputType_raised: unknown;

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/chart/index.d.ts

@@ -28,6 +28,7 @@ declare class ChartStyle extends BaseStyle {
         root: ({ instance }: {
             instance: any;
         }) => {
+            display: string;
             position: string;
             width: any;
             height: any;

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-accordion.mjs

@@ -10,16 +10,15 @@ import { ChevronDownIcon, ChevronUpIcon } from 'primeng/icons';
 import * as i1 from 'primeng/ripple';
 import { Ripple } from 'primeng/ripple';
 import { transformToBoolean } from 'primeng/utils';
-import { css } from '@primeuix/styled';
 import { style } from '@primeuix/styles/accordion';
 import { BaseStyle } from 'primeng/base';
 
-const theme = ({ dt }) => css `
+const theme = /*css*/ `
     ${style}
 
     /*For PrimeNG*/
     .p-accordionpanel:not(.p-accordionpanel-active) > .p-accordioncontent,
-    .p-accordioncontent.ng-animating {
+    .p-accordioncontent-content.ng-animating {
         overflow: hidden;
     }
 
@@ -29,7 +28,7 @@ const theme = ({ dt }) => css `
 
     .p-accordionheader:has(.p-accordionheader-toggle-icon.icon-start) {
         justify-content: flex-start;
-        gap: ${dt('accordion.header.padding')};
+        gap: dt('accordion.header.padding');
     }
 `;
 const classes = {
@@ -259,14 +258,14 @@ class AccordionHeader extends BaseComponent {
         } @else {
             <ng-container *ngIf="active()">
                 <span *ngIf="pcAccordion.collapseIcon" [class]="pcAccordion.collapseIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true"></span>
-                <ChevronUpIcon *ngIf="!pcAccordion.collapseIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
+                <svg data-p-icon="chevron-up" *ngIf="!pcAccordion.collapseIcon" [class]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
             </ng-container>
             <ng-container *ngIf="!active()">
                 <span *ngIf="pcAccordion.expandIcon" [class]="pcAccordion.expandIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true"></span>
-                <ChevronDownIcon *ngIf="!pcAccordion.expandIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
+                <svg data-p-icon="chevron-down" *ngIf="!pcAccordion.expandIcon" [class]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
             </ng-container>
         }
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChevronDownIcon, selector: "ChevronDownIcon" }, { kind: "component", type: ChevronUpIcon, selector: "ChevronUpIcon" }], 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChevronDownIcon, selector: "[data-p-icon=\"chevron-down\"]" }, { kind: "component", type: ChevronUpIcon, selector: "[data-p-icon=\"chevron-up\"]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionHeader, decorators: [{
             type: Component,
@@ -281,11 +280,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         } @else {
             <ng-container *ngIf="active()">
                 <span *ngIf="pcAccordion.collapseIcon" [class]="pcAccordion.collapseIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true"></span>
-                <ChevronUpIcon *ngIf="!pcAccordion.collapseIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
+                <svg data-p-icon="chevron-up" *ngIf="!pcAccordion.collapseIcon" [class]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
             </ng-container>
             <ng-container *ngIf="!active()">
                 <span *ngIf="pcAccordion.expandIcon" [class]="pcAccordion.expandIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true"></span>
-                <ChevronDownIcon *ngIf="!pcAccordion.expandIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
+                <svg data-p-icon="chevron-down" *ngIf="!pcAccordion.expandIcon" [class]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
             </ng-container>
         }
     `,
@@ -328,13 +327,14 @@ class AccordionContent extends BaseComponent {
     id = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`);
     _componentStyle = inject(AccordionStyle);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AccordionContent, isStandalone: true, selector: "p-accordion-content, p-accordioncontent", host: { properties: { "class": "cx(\"contentContainer\")", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-pc-name": "\"accordioncontent\"", "attr.data-p-active": "active()", "attr.aria-labelledby": "ariaLabelledby()", "@content": "active()\n            ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } }\n            : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: ` <div [class]="cx('content')">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AccordionContent, isStandalone: true, selector: "p-accordion-content, p-accordioncontent", host: { properties: { "class": "cx(\"contentContainer\")", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-pc-name": "\"accordioncontent\"", "attr.data-p-active": "active()", "attr.aria-labelledby": "ariaLabelledby()" } }, providers: [AccordionStyle], usesInheritance: true, ngImport: i0, template: ` <div [class]="cx('content')" [@content]="active() ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } } : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }">
         <ng-content />
     </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
             trigger('content', [
                 state('hidden', style$1({
                     height: '0',
-                    paddingBottom: '0'
+                    paddingBottom: '0',
+                    visibility: 'hidden'
                 })),
                 state('visible', style$1({
                     height: '*'
@@ -350,7 +350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     selector: 'p-accordion-content, p-accordioncontent',
                     imports: [CommonModule],
                     standalone: true,
-                    template: ` <div [class]="cx('content')">
+                    template: ` <div [class]="cx('content')" [@content]="active() ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } } : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }">
         <ng-content />
     </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -361,16 +361,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[attr.role]': '"region"',
                         '[attr.data-pc-name]': '"accordioncontent"',
                         '[attr.data-p-active]': 'active()',
-                        '[attr.aria-labelledby]': 'ariaLabelledby()',
-                        '[@content]': `active()
-            ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } }
-            : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }`
+                        '[attr.aria-labelledby]': 'ariaLabelledby()'
                     },
                     animations: [
                         trigger('content', [
                             state('hidden', style$1({
                                 height: '0',
-                                paddingBottom: '0'
+                                paddingBottom: '0',
+                                visibility: 'hidden'
                             })),
                             state('visible', style$1({
                                 height: '*'