primeng 20.3.0 → 21.0.0-rc.1

package/{accordion/index.d.ts → types/primeng-accordion.d.ts}

@@ -1,7 +1,8 @@
 import { AccordionPanelPassThrough, AccordionHeaderPassThrough, AccordionContentPassThrough, AccordionPassThrough } from 'primeng/types/accordion';
 export * from 'primeng/types/accordion';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { InputSignalWithTransform, TemplateRef, EventEmitter } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 import * as i3 from 'primeng/api';
 import { BlockableUI } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -59,10 +60,11 @@ declare class AccordionStyle extends BaseStyle {
         header: string;
         toggleicon: string;
         contentContainer: string;
+        contentWrapper: string;
         content: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AccordionStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AccordionStyle>;
 }
 interface AccordionStyle extends BaseStyle {
 }
@@ -114,18 +116,18 @@ declare class AccordionPanel extends BaseComponent<AccordionPanelPassThrough> {
      * @defaultValue undefined
      * @group Props
      */
-    value: i0.ModelSignal<string | number | string[] | number[] | null | undefined>;
+    value: _angular_core.ModelSignal<string | number | string[] | number[] | null | undefined>;
     /**
      * Disables the tab when enabled.
      * @defaultValue false
      * @group Props
      */
     disabled: InputSignalWithTransform<any, boolean>;
-    active: i0.Signal<boolean>;
+    active: _angular_core.Signal<boolean>;
     valueEquals(currentValue: any, value: any): boolean;
     _componentStyle: AccordionStyle;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanel, "p-accordion-panel, p-accordionpanel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionPanel, "p-accordion-panel, p-accordionpanel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 /**
  * AccordionHeader is a helper component for Accordion component.
@@ -137,10 +139,10 @@ declare class AccordionHeader extends BaseComponent<AccordionHeaderPassThrough>
     onAfterViewChecked(): void;
     pcAccordion: any;
     pcAccordionPanel: any;
-    id: i0.Signal<string>;
-    active: i0.Signal<any>;
-    disabled: i0.Signal<any>;
-    ariaControls: i0.Signal<string>;
+    id: _angular_core.Signal<string>;
+    active: _angular_core.Signal<any>;
+    disabled: _angular_core.Signal<any>;
+    ariaControls: _angular_core.Signal<string>;
     /**
      * Toggle icon template.
      * @type {TemplateRef<AccordionToggleIconTemplateContext>} context - Context of the template
@@ -169,8 +171,9 @@ declare class AccordionHeader extends BaseComponent<AccordionHeaderPassThrough>
     private onHomeKey;
     private onEndKey;
     private onEnterKey;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionHeader, "p-accordion-header, p-accordionheader", never, {}, {}, ["toggleicon"], ["*"], true, [{ directive: typeof i2.Ripple; inputs: {}; outputs: {}; }, { directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionHeader, "p-accordion-header, p-accordionheader", never, {}, {}, ["toggleicon"], ["*"], true, [{ directive: typeof i2.Ripple; inputs: {}; outputs: {}; }, { directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 declare class AccordionContent extends BaseComponent<AccordionContentPassThrough> {
     $pcAccordionContent: AccordionContent | undefined;
@@ -178,15 +181,16 @@ declare class AccordionContent extends BaseComponent<AccordionContentPassThrough
     onAfterViewChecked(): void;
     pcAccordion: any;
     pcAccordionPanel: any;
-    active: i0.Signal<any>;
-    ariaLabelledby: i0.Signal<string>;
-    id: i0.Signal<string>;
+    active: _angular_core.Signal<any>;
+    ariaLabelledby: _angular_core.Signal<string>;
+    id: _angular_core.Signal<string>;
     _componentStyle: AccordionStyle;
-    ptParams: i0.Signal<{
+    ptParams: _angular_core.Signal<{
         context: any;
     }>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionContent, "p-accordion-content, p-accordioncontent", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContent, "p-accordion-content, p-accordioncontent", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Accordion groups a collection of contents in tabs.
@@ -201,7 +205,7 @@ declare class Accordion extends BaseComponent<AccordionPassThrough> implements B
      * @defaultValue undefined
      * @group Props
      */
-    value: i0.ModelSignal<string | number | string[] | number[] | null | undefined>;
+    value: _angular_core.ModelSignal<string | number | string[] | number[] | null | undefined>;
     /**
      * When enabled, multiple tabs can be activated at the same time.
      * @defaultValue false
@@ -233,8 +237,15 @@ declare class Accordion extends BaseComponent<AccordionPassThrough> implements B
     /**
      * Transition options of the animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     transitionOptions: string;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
     /**
      * Callback to invoke when an active tab is collapsed by clicking on the header.
      * @param {AccordionTabCloseEvent} event - Custom tab close event.
@@ -247,7 +258,7 @@ declare class Accordion extends BaseComponent<AccordionPassThrough> implements B
      * @group Emits
      */
     onOpen: EventEmitter<AccordionTabOpenEvent>;
-    id: i0.WritableSignal<string>;
+    id: _angular_core.WritableSignal<string>;
     _componentStyle: AccordionStyle;
     onKeydown(event: any): void;
     onTabArrowDownKey(event: any): void;
@@ -261,13 +272,13 @@ declare class Accordion extends BaseComponent<AccordionPassThrough> implements B
     onTabEndKey(event: any): void;
     getBlockableElement(): HTMLElement;
     updateValue(value: string | number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Accordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Accordion, "p-accordion", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "value": "valueChange"; "onClose": "onClose"; "onOpen": "onOpen"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Accordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Accordion, "p-accordion", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onClose": "onClose"; "onOpen": "onOpen"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 declare class AccordionModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, never, [typeof Accordion, typeof i3.SharedModule, typeof AccordionPanel, typeof AccordionHeader, typeof AccordionContent, typeof i1.BindModule], [typeof Accordion, typeof i3.SharedModule, typeof AccordionPanel, typeof AccordionHeader, typeof AccordionContent, typeof i1.BindModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AccordionModule, never, [typeof Accordion, typeof i3.SharedModule, typeof AccordionPanel, typeof AccordionHeader, typeof AccordionContent, typeof i1.BindModule], [typeof Accordion, typeof i3.SharedModule, typeof AccordionPanel, typeof AccordionHeader, typeof AccordionContent, typeof i1.BindModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AccordionModule>;
 }
 
 export { Accordion, AccordionClasses, AccordionContent, AccordionHeader, AccordionModule, AccordionPanel, AccordionStyle };

package/{api/index.d.ts → types/primeng-api.d.ts}

@@ -3,7 +3,7 @@ import { EventEmitter, SimpleChanges, ElementRef, TemplateRef } from '@angular/c
 import * as rxjs from 'rxjs';
 import { Nullable } from 'primeng/ts-helpers';
 import { QueryParamsHandling } from '@angular/router';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions } from '@primeuix/motion';
 import * as i1 from '@angular/common';
 
 /**
@@ -566,6 +566,26 @@ interface MenuItem {
      * Class of the item's icon.
      */
     iconClass?: string;
+    /**
+     * Inline style of the item's label.
+     */
+    labelStyle?: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Class of the item's label.
+     */
+    labelClass?: string;
+    /**
+     * Inline style of the item's link.
+     */
+    linkStyle?: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Class of the item's link.
+     */
+    linkClass?: string;
     /**
      * Developer-defined state that can be passed to any navigation.
      * @see {MenuItemState}
@@ -928,12 +948,18 @@ interface OverlayOptions {
     baseZIndex?: number;
     /**
      * The transition options for showing the overlay.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      */
     showTransitionOptions?: string;
     /**
      * The transition options for hiding the overlay.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      */
     hideTransitionOptions?: string;
+    /**
+     * The motion options for the overlay.
+     */
+    motionOptions?: MotionOptions;
     /**
      * Indicates whether the overlay should be hidden when the escape key is pressed.
      */

package/{autocomplete/index.d.ts → types/primeng-autocomplete.d.ts}

@@ -1,8 +1,8 @@
-import { AutoCompletePassThrough, AutoCompleteCompleteEvent, AutoCompleteSelectEvent, AutoCompleteUnselectEvent, AutoCompleteAddEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent } from 'primeng/types/autocomplete';
+import { AutoCompletePassThrough, AutoCompleteCompleteEvent, AutoCompleteSelectEvent, AutoCompleteUnselectEvent, AutoCompleteAddEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteItemTemplateContext, AutoCompleteSelectedItemTemplateContext, AutoCompleteGroupTemplateContext, AutoCompleteLoaderTemplateContext, AutoCompleteRemoveIconTemplateContext } from 'primeng/types/autocomplete';
 export * from 'primeng/types/autocomplete';
 import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, NgZone, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { OverlayService, ScrollerOptions, OverlayOptions, PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
@@ -356,11 +356,13 @@ declare class AutoComplete extends BaseInput<AutoCompletePassThrough> {
     /**
      * Transition options of the show animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     showTransitionOptions: string;
     /**
      * Transition options of the hide animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     hideTransitionOptions: string;
     /**
@@ -475,6 +477,11 @@ declare class AutoComplete extends BaseInput<AutoCompletePassThrough> {
      * @group Props
      */
     appendTo: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
     /**
      * Callback to invoke to search for suggestions.
      * @param {AutoCompleteCompleteEvent} event - Custom complete event.
@@ -565,57 +572,57 @@ declare class AutoComplete extends BaseInput<AutoCompletePassThrough> {
      * Custom item template.
      * @group Templates
      */
-    itemTemplate: Nullable<TemplateRef<any>>;
+    itemTemplate: Nullable<TemplateRef<AutoCompleteItemTemplateContext>>;
     /**
      * Custom empty message template.
      * @group Templates
      */
-    emptyTemplate: Nullable<TemplateRef<any>>;
+    emptyTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom header template.
      * @group Templates
      */
-    headerTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom footer template.
      * @group Templates
      */
-    footerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom selected item template.
      * @group Templates
      */
-    selectedItemTemplate: Nullable<TemplateRef<any>>;
+    selectedItemTemplate: Nullable<TemplateRef<AutoCompleteSelectedItemTemplateContext>>;
     /**
-     * Custom group item template.
+     * Custom group template.
      * @group Templates
      */
-    groupTemplate: Nullable<TemplateRef<any>>;
+    groupTemplate: Nullable<TemplateRef<AutoCompleteGroupTemplateContext>>;
     /**
      * Custom loader template.
      * @group Templates
      */
-    loaderTemplate: Nullable<TemplateRef<any>>;
+    loaderTemplate: Nullable<TemplateRef<AutoCompleteLoaderTemplateContext>>;
     /**
      * Custom remove icon template.
      * @group Templates
      */
-    removeIconTemplate: Nullable<TemplateRef<any>>;
+    removeIconTemplate: Nullable<TemplateRef<AutoCompleteRemoveIconTemplateContext>>;
     /**
      * Custom loading icon template.
      * @group Templates
      */
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
+    loadingIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom clear icon template.
      * @group Templates
      */
-    clearIconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom dropdown icon template.
      * @group Templates
      */
-    dropdownIconTemplate: Nullable<TemplateRef<any>>;
+    dropdownIconTemplate: Nullable<TemplateRef<void>>;
     onHostClick(event: MouseEvent): void;
     value: string | any;
     _suggestions: _angular_core.WritableSignal<any>;
@@ -630,17 +637,17 @@ declare class AutoComplete extends BaseInput<AutoCompletePassThrough> {
     listId: string | undefined;
     searchTimeout: any;
     dirty: boolean;
-    _itemTemplate: TemplateRef<any>;
-    _groupTemplate: TemplateRef<any>;
-    _selectedItemTemplate: TemplateRef<any>;
-    _headerTemplate: TemplateRef<any>;
-    _emptyTemplate: TemplateRef<any>;
-    _footerTemplate: TemplateRef<any>;
-    _loaderTemplate: TemplateRef<any>;
-    _removeIconTemplate: TemplateRef<any>;
-    _loadingIconTemplate: TemplateRef<any>;
-    _clearIconTemplate: TemplateRef<any>;
-    _dropdownIconTemplate: TemplateRef<any>;
+    _itemTemplate: TemplateRef<AutoCompleteItemTemplateContext> | undefined;
+    _groupTemplate: TemplateRef<AutoCompleteGroupTemplateContext> | undefined;
+    _selectedItemTemplate: TemplateRef<AutoCompleteSelectedItemTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _emptyTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _loaderTemplate: TemplateRef<AutoCompleteLoaderTemplateContext> | undefined;
+    _removeIconTemplate: TemplateRef<AutoCompleteRemoveIconTemplateContext> | undefined;
+    _loadingIconTemplate: TemplateRef<void> | undefined;
+    _clearIconTemplate: TemplateRef<void> | undefined;
+    _dropdownIconTemplate: TemplateRef<void> | undefined;
     focusedMultipleOptionIndex: _angular_core.WritableSignal<number>;
     focusedOptionIndex: _angular_core.WritableSignal<number>;
     _componentStyle: AutoCompleteStyle;
@@ -733,7 +740,10 @@ declare class AutoComplete extends BaseInput<AutoCompletePassThrough> {
     getOptionGroupLabel(optionGroup: any): any;
     getOptionGroupChildren(optionGroup: any): any;
     getPTOptions(option: any, scrollerOptions: any, index: number, key: string): any;
-    onOverlayAnimationStart(event: AnimationEvent): void;
+    onOverlayBeforeEnter(): void;
+    get containerDataP(): string | undefined;
+    get overlayDataP(): string | undefined;
+    get inputMultipleDataP(): string | undefined;
     /**
      * @override
      *
@@ -743,7 +753,7 @@ declare class AutoComplete extends BaseInput<AutoCompletePassThrough> {
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
     onDestroy(): 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; }; "addOnTab": { "alias": "addOnTab"; "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; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onAdd": "onAdd"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onInputKeydown": "onInputKeydown"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["itemTemplate", "emptyTemplate", "headerTemplate", "footerTemplate", "selectedItemTemplate", "groupTemplate", "loaderTemplate", "removeIconTemplate", "loadingIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    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; }; "addOnTab": { "alias": "addOnTab"; "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; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onAdd": "onAdd"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onInputKeydown": "onInputKeydown"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["itemTemplate", "emptyTemplate", "headerTemplate", "footerTemplate", "selectedItemTemplate", "groupTemplate", "loaderTemplate", "removeIconTemplate", "loadingIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_minLength: unknown;
     static ngAcceptInputType_minQueryLength: unknown;
     static ngAcceptInputType_delay: unknown;

package/{avatar/index.d.ts → types/primeng-avatar.d.ts}

@@ -30,7 +30,23 @@ declare enum AvatarClasses {
     /**
      * Class name of the icon element
      */
-    icon = "p-avatar-icon"
+    icon = "p-avatar-icon",
+    /**
+     * Container element in image mode
+     */
+    image = "p-avatar-image",
+    /**
+     * Container element with a circle shape
+     */
+    circle = "p-avatar-circle",
+    /**
+     *  Container element with a large size
+     */
+    large = "p-avatar-lg",
+    /**
+     *  Container element with an xlarge size
+     */
+    xlarge = "p-avatar-xl"
 }
 declare class AvatarStyle extends BaseStyle {
     name: string;
@@ -110,6 +126,7 @@ declare class Avatar extends BaseComponent<AvatarPassThrough> {
     onImageError: EventEmitter<Event>;
     _componentStyle: AvatarStyle;
     imageError(event: Event): void;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Avatar, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Avatar, "p-avatar", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "image": { "alias": "image"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onImageError": "onImageError"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }

package/{badge/index.d.ts → types/primeng-badge.d.ts}

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { SimpleChanges } from '@angular/core';
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
@@ -42,8 +42,8 @@ declare class BadgeStyle extends BaseStyle {
             'p-badge-contrast': boolean;
         })[];
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<BadgeStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BadgeStyle>;
 }
 interface BadgeStyle extends BaseStyle {
 }
@@ -54,7 +54,25 @@ interface BadgeStyle extends BaseStyle {
  */
 declare class BadgeDirective extends BaseComponent {
     $pcBadgeDirective: BadgeDirective | undefined;
-    ptBadgeDirective: i0.InputSignal<BadgePassThrough>;
+    /**
+     * Used to pass attributes to DOM elements inside the Badge component.
+     * @defaultValue undefined
+     * @deprecated use pBadgePT instead.
+     * @group Props
+     */
+    ptBadgeDirective: _angular_core.InputSignal<BadgePassThrough>;
+    /**
+     * Used to pass attributes to DOM elements inside the Badge component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pBadgePT: _angular_core.InputSignal<BadgePassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pBadgeUnstyled: _angular_core.InputSignal<boolean | undefined>;
     /**
      * When specified, disables the component.
      * @group Props
@@ -109,8 +127,8 @@ declare class BadgeDirective extends BaseComponent {
     private applyStyles;
     private setSeverity;
     private toggleDisableState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[pBadge]", never, { "ptBadgeDirective": { "alias": "ptBadgeDirective"; "required": false; "isSignal": true; }; "disabled": { "alias": "badgeDisabled"; "required": false; }; "badgeSize": { "alias": "badgeSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "value": { "alias": "value"; "required": false; }; "badgeStyle": { "alias": "badgeStyle"; "required": false; }; "badgeStyleClass": { "alias": "badgeStyleClass"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BadgeDirective, "[pBadge]", never, { "ptBadgeDirective": { "alias": "ptBadgeDirective"; "required": false; "isSignal": true; }; "pBadgePT": { "alias": "pBadgePT"; "required": false; "isSignal": true; }; "pBadgeUnstyled": { "alias": "pBadgeUnstyled"; "required": false; "isSignal": true; }; "disabled": { "alias": "badgeDisabled"; "required": false; }; "badgeSize": { "alias": "badgeSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "value": { "alias": "value"; "required": false; }; "badgeStyle": { "alias": "badgeStyle"; "required": false; }; "badgeStyleClass": { "alias": "badgeStyleClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 /**
  * Badge is a small status indicator for another element.
@@ -125,40 +143,41 @@ declare class Badge extends BaseComponent<BadgePassThrough> {
      * @deprecated since v20.0.0, use `class` instead.
      * @group Props
      */
-    styleClass: i0.InputSignal<string | undefined>;
+    styleClass: _angular_core.InputSignal<string | undefined>;
     /**
      * Size of the badge, valid options are "large" and "xlarge".
      * @group Props
      */
-    badgeSize: i0.InputSignal<"small" | "large" | "xlarge" | null | undefined>;
+    badgeSize: _angular_core.InputSignal<"small" | "large" | "xlarge" | null | undefined>;
     /**
      * Size of the badge, valid options are "large" and "xlarge".
      * @group Props
      */
-    size: i0.InputSignal<"small" | "large" | "xlarge" | null | undefined>;
+    size: _angular_core.InputSignal<"small" | "large" | "xlarge" | null | undefined>;
     /**
      * Severity type of the badge.
      * @group Props
      */
-    severity: i0.InputSignal<"info" | "success" | "warn" | "danger" | "secondary" | "contrast" | null | undefined>;
+    severity: _angular_core.InputSignal<"info" | "success" | "warn" | "danger" | "secondary" | "contrast" | null | undefined>;
     /**
      * Value to display inside the badge.
      * @group Props
      */
-    value: i0.InputSignal<string | number | null | undefined>;
+    value: _angular_core.InputSignal<string | number | null | undefined>;
     /**
      * When specified, disables the component.
      * @group Props
      */
-    badgeDisabled: i0.InputSignalWithTransform<boolean, boolean>;
+    badgeDisabled: _angular_core.InputSignalWithTransform<boolean, boolean>;
     _componentStyle: BadgeStyle;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "p-badge", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "badgeDisabled": { "alias": "badgeDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Badge, "p-badge", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "badgeDisabled": { "alias": "badgeDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 declare class BadgeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, never, [typeof Badge, typeof BadgeDirective, typeof i2.SharedModule], [typeof Badge, typeof BadgeDirective, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<BadgeModule, never, [typeof Badge, typeof BadgeDirective, typeof i2.SharedModule], [typeof Badge, typeof BadgeDirective, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<BadgeModule>;
 }
 
 export { Badge, BadgeClasses, BadgeDirective, BadgeModule, BadgeStyle };

package/{basecomponent/index.d.ts → types/primeng-basecomponent.d.ts}

@@ -38,9 +38,8 @@ declare class BaseComponent<PT = any> implements Lifecycle {
     dt: _angular_core.InputSignal<Object | undefined>;
     /**
      * Indicates whether the component should be rendered without styles.
-     *
-     * @experimental
-     * This property is not yet implemented. It will be available in a future release.
+     * @defaultValue undefined
+     * @group Props
      */
     unstyled: _angular_core.InputSignal<boolean | undefined>;
     /**
@@ -59,9 +58,11 @@ declare class BaseComponent<PT = any> implements Lifecycle {
     $attrSelector: string;
     get $name(): any;
     private get $hostName();
-    $unstyled: _angular_core.Signal<boolean | undefined>;
-    $pt: _angular_core.Signal<any>;
+    get $el(): any;
     directivePT: _angular_core.WritableSignal<any>;
+    directiveUnstyled: _angular_core.WritableSignal<boolean | undefined>;
+    $unstyled: _angular_core.Signal<boolean>;
+    $pt: _angular_core.Signal<any>;
     get $globalPT(): any;
     get $defaultPT(): any;
     get $style(): any;

package/{bind/index.d.ts → types/primeng-bind.d.ts}

@@ -17,8 +17,8 @@ declare class Bind {
     } | undefined>;
     private _attrs;
     private attrs;
-    private styles;
-    private classes;
+    styles: i0.Signal<any>;
+    classes: i0.Signal<string | undefined>;
     private listeners;
     constructor(el: ElementRef, renderer: Renderer2);
     ngOnDestroy(): void;

package/{breadcrumb/index.d.ts → types/primeng-breadcrumb.d.ts}

@@ -1,4 +1,4 @@
-import { BreadcrumbPassThrough, BreadcrumbItemClickEvent } from 'primeng/types/breadcrumb';
+import { BreadcrumbPassThrough, BreadcrumbItemClickEvent, BreadcrumbItemTemplateContext } from 'primeng/types/breadcrumb';
 export * from 'primeng/types/breadcrumb';
 import * as i0 from '@angular/core';
 import { EventEmitter, TemplateRef, QueryList } from '@angular/core';
@@ -120,18 +120,18 @@ declare class Breadcrumb extends BaseComponent<BreadcrumbPassThrough> {
     router: Router;
     onClick(event: MouseEvent, item: MenuItem): void;
     /**
-     * Defines template option for item.
+     * Custom item template.
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<BreadcrumbItemTemplateContext> | undefined;
     /**
-     * Defines template option for separator.
+     * Custom separator template.
      * @group Templates
      */
-    separatorTemplate: TemplateRef<any> | undefined;
+    separatorTemplate: TemplateRef<void> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
-    _separatorTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
+    _separatorTemplate: TemplateRef<void> | undefined;
+    _itemTemplate: TemplateRef<BreadcrumbItemTemplateContext> | undefined;
     onAfterContentInit(): void;
     onAfterViewChecked(): void;
     getPTOptions(item: MenuItem, index: number, key: string): any;