primeng 21.0.0-beta.1 → 21.0.0-rc.1

package/fesm2022/primeng-usestyle.mjs

@@ -38,10 +38,10 @@ class UseStyle {
             css: cssRef
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UseStyle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UseStyle, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: UseStyle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: UseStyle, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: UseStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: UseStyle, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "21.0.0-beta.1",
+  "version": "21.0.0-rc.1",
   "author": "PrimeTek Informatics",
   "description": "PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
   "homepage": "https://primeng.org/",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@primeuix/styled": "^0.7.4",
     "@primeuix/utils": "^0.6.3",
-    "@primeuix/styles": "^2.0.0",
+    "@primeuix/styles": "^2.0.2",
     "@primeuix/motion": "^0.0.10",
     "tslib": "^2.3.0"
   },

package/types/primeng-api.d.ts

@@ -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}

package/types/primeng-autocomplete.d.ts

@@ -1,4 +1,4 @@
-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';
@@ -572,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>;
@@ -637,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;

package/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;

package/types/primeng-badge.d.ts

@@ -57,7 +57,7 @@ declare class BadgeDirective extends BaseComponent {
     /**
      * Used to pass attributes to DOM elements inside the Badge component.
      * @defaultValue undefined
-     * @deprecated use pBadgePt instead.
+     * @deprecated use pBadgePT instead.
      * @group Props
      */
     ptBadgeDirective: _angular_core.InputSignal<BadgePassThrough>;
@@ -66,7 +66,7 @@ declare class BadgeDirective extends BaseComponent {
      * @defaultValue undefined
      * @group Props
      */
-    pBadgePt: _angular_core.InputSignal<BadgePassThrough>;
+    pBadgePT: _angular_core.InputSignal<BadgePassThrough>;
     /**
      * Indicates whether the component should be rendered without styles.
      * @defaultValue undefined
@@ -128,7 +128,7 @@ declare class BadgeDirective extends BaseComponent {
     private setSeverity;
     private toggleDisableState;
     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>;
+    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.

package/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;

package/types/primeng-button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonPassThrough, ButtonProps, ButtonSeverity } from 'primeng/types/button';
+import { ButtonPassThrough, ButtonProps, ButtonSeverity, ButtonLoadingIconTemplateContext, ButtonIconTemplateContext } from 'primeng/types/button';
 export * from 'primeng/types/button';
 import * as _angular_core from '@angular/core';
 import { EventEmitter, TemplateRef, QueryList } from '@angular/core';
@@ -80,7 +80,7 @@ declare class ButtonLabel extends BaseComponent {
     /**
      * Used to pass attributes to DOM elements inside the pButtonLabel.
      * @defaultValue undefined
-     * @deprecated use pButtonLabelPt instead.
+     * @deprecated use pButtonLabelPT instead.
      * @group Props
      */
     ptButtonLabel: _angular_core.InputSignal<any>;
@@ -89,7 +89,7 @@ declare class ButtonLabel extends BaseComponent {
      * @defaultValue undefined
      * @group Props
      */
-    pButtonLabelPt: _angular_core.InputSignal<any>;
+    pButtonLabelPT: _angular_core.InputSignal<any>;
     /**
      * Indicates whether the component should be rendered without styles.
      * @defaultValue undefined
@@ -101,13 +101,13 @@ declare class ButtonLabel extends BaseComponent {
     constructor();
     onAfterViewChecked(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonLabel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonLabel, "[pButtonLabel]", never, { "ptButtonLabel": { "alias": "ptButtonLabel"; "required": false; "isSignal": true; }; "pButtonLabelPt": { "alias": "pButtonLabelPt"; "required": false; "isSignal": true; }; "pButtonLabelUnstyled": { "alias": "pButtonLabelUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonLabel, "[pButtonLabel]", never, { "ptButtonLabel": { "alias": "ptButtonLabel"; "required": false; "isSignal": true; }; "pButtonLabelPT": { "alias": "pButtonLabelPT"; "required": false; "isSignal": true; }; "pButtonLabelUnstyled": { "alias": "pButtonLabelUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 declare class ButtonIcon extends BaseComponent {
     /**
      * Used to pass attributes to DOM elements inside the pButtonIcon.
      * @defaultValue undefined
-     * @deprecated use pButtonIconPt instead.
+     * @deprecated use pButtonIconPT instead.
      * @group Props
      */
     ptButtonIcon: _angular_core.InputSignal<any>;
@@ -116,7 +116,7 @@ declare class ButtonIcon extends BaseComponent {
      * @defaultValue undefined
      * @group Props
      */
-    pButtonIconPt: _angular_core.InputSignal<any>;
+    pButtonIconPT: _angular_core.InputSignal<any>;
     /**
      * Indicates whether the component should be rendered without styles.
      * @defaultValue undefined
@@ -128,7 +128,7 @@ declare class ButtonIcon extends BaseComponent {
     constructor();
     onAfterViewChecked(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonIcon, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonIcon, "[pButtonIcon]", never, { "ptButtonIcon": { "alias": "ptButtonIcon"; "required": false; "isSignal": true; }; "pButtonIconPt": { "alias": "pButtonIconPt"; "required": false; "isSignal": true; }; "pButtonUnstyled": { "alias": "pButtonUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonIcon, "[pButtonIcon]", never, { "ptButtonIcon": { "alias": "ptButtonIcon"; "required": false; "isSignal": true; }; "pButtonIconPT": { "alias": "pButtonIconPT"; "required": false; "isSignal": true; }; "pButtonUnstyled": { "alias": "pButtonUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Button directive is an extension to button component.
@@ -141,7 +141,7 @@ declare class ButtonDirective extends BaseComponent {
     /**
      * Used to pass attributes to DOM elements inside the Button component.
      * @defaultValue undefined
-     * @deprecated use pButtonPt instead.
+     * @deprecated use pButtonPT instead.
      * @group Props
      */
     ptButtonDirective: _angular_core.InputSignal<ButtonPassThrough>;
@@ -150,7 +150,7 @@ declare class ButtonDirective extends BaseComponent {
      * @defaultValue undefined
      * @group Props
      */
-    pButtonPt: _angular_core.InputSignal<ButtonPassThrough>;
+    pButtonPT: _angular_core.InputSignal<ButtonPassThrough>;
     /**
      * Indicates whether the component should be rendered without styles.
      * @defaultValue undefined
@@ -265,7 +265,7 @@ declare class ButtonDirective extends BaseComponent {
     getIconClass(): string;
     onDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "[pButton]", never, { "ptButtonDirective": { "alias": "ptButtonDirective"; "required": false; "isSignal": true; }; "pButtonPt": { "alias": "pButtonPt"; "required": false; "isSignal": true; }; "pButtonUnstyled": { "alias": "pButtonUnstyled"; "required": false; "isSignal": true; }; "hostName": { "alias": "hostName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "size": { "alias": "size"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; }, {}, ["iconSignal", "labelSignal"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "[pButton]", never, { "ptButtonDirective": { "alias": "ptButtonDirective"; "required": false; "isSignal": true; }; "pButtonPT": { "alias": "pButtonPT"; "required": false; "isSignal": true; }; "pButtonUnstyled": { "alias": "pButtonUnstyled"; "required": false; "isSignal": true; }; "hostName": { "alias": "hostName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "size": { "alias": "size"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; }, {}, ["iconSignal", "labelSignal"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_text: unknown;
     static ngAcceptInputType_plain: unknown;
     static ngAcceptInputType_raised: unknown;
@@ -439,27 +439,27 @@ declare class Button extends BaseComponent<ButtonPassThrough> {
      */
     onBlur: EventEmitter<FocusEvent>;
     /**
-     * Template of the content.
+     * Custom content template.
      * @group Templates
      **/
-    contentTemplate: TemplateRef<any> | undefined;
+    contentTemplate: TemplateRef<void> | undefined;
     /**
-     * Template of the loading.
+     * Custom loading icon template.
      * @group Templates
      **/
-    loadingIconTemplate: TemplateRef<any> | undefined;
+    loadingIconTemplate: TemplateRef<ButtonLoadingIconTemplateContext> | undefined;
     /**
-     * Template of the icon.
+     * Custom icon template.
      * @group Templates
      **/
-    iconTemplate: TemplateRef<any> | undefined;
+    iconTemplate: TemplateRef<ButtonIconTemplateContext> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
     pcFluid: Fluid | null;
     get hasFluid(): boolean;
-    get hasIcon(): string | TemplateRef<any> | undefined;
-    _contentTemplate: TemplateRef<any> | undefined;
-    _iconTemplate: TemplateRef<any> | undefined;
-    _loadingIconTemplate: TemplateRef<any> | undefined;
+    get hasIcon(): string | TemplateRef<ButtonLoadingIconTemplateContext> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _iconTemplate: TemplateRef<ButtonIconTemplateContext> | undefined;
+    _loadingIconTemplate: TemplateRef<ButtonLoadingIconTemplateContext> | undefined;
     onAfterContentInit(): void;
     get dataP(): string | undefined;
     get dataIconP(): string | undefined;

package/types/primeng-card.d.ts

@@ -108,16 +108,36 @@ declare class Card extends BaseComponent<CardPassThrough> implements BlockableUI
     styleClass: string | undefined;
     headerFacet: TemplateRef<any> | undefined;
     footerFacet: TemplateRef<any> | undefined;
-    headerTemplate: TemplateRef<any> | undefined;
-    titleTemplate: TemplateRef<any> | undefined;
-    subtitleTemplate: TemplateRef<any> | undefined;
-    contentTemplate: TemplateRef<any> | undefined;
-    footerTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _titleTemplate: TemplateRef<any> | undefined;
-    _subtitleTemplate: TemplateRef<any> | undefined;
-    _contentTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom title template.
+     * @group Templates
+     */
+    titleTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom subtitle template.
+     * @group Templates
+     */
+    subtitleTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    contentTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate: TemplateRef<void> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _titleTemplate: TemplateRef<void> | undefined;
+    _subtitleTemplate: TemplateRef<void> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
     _style: i0.WritableSignal<{
         [klass: string]: any;
     } | null | undefined>;

package/types/primeng-carousel.d.ts

@@ -1,4 +1,4 @@
-import { CarouselResponsiveOptions, CarouselPageEvent } from 'primeng/types/carousel';
+import { CarouselResponsiveOptions, CarouselPageEvent, CarouselItemTemplateContext } from 'primeng/types/carousel';
 export * from 'primeng/types/carousel';
 import * as i0 from '@angular/core';
 import { ElementRef, NgZone, EventEmitter, QueryList, TemplateRef, SimpleChanges } from '@angular/core';
@@ -292,35 +292,35 @@ declare class Carousel extends BaseComponent {
     isCreated: boolean | undefined;
     swipeThreshold: number;
     /**
-     * Template for carousel items.
+     * Custom item template.
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<CarouselItemTemplateContext> | undefined;
     /**
-     * Template for the carousel header.
+     * Custom header template.
      * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<void> | undefined;
     /**
-     * Template for the carousel footer.
+     * Custom footer template.
      * @group Templates
      */
-    footerTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<void> | undefined;
     /**
-     * Template for the previous button icon.
+     * Custom previous icon template.
      * @group Templates
      */
-    previousIconTemplate: TemplateRef<any> | undefined;
+    previousIconTemplate: TemplateRef<void> | undefined;
     /**
-     * Template for the next button icon.
+     * Custom next icon template.
      * @group Templates
      */
-    nextIconTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _previousIconTemplate: TemplateRef<any> | undefined;
-    _nextIconTemplate: TemplateRef<any> | undefined;
+    nextIconTemplate: TemplateRef<void> | undefined;
+    _itemTemplate: TemplateRef<CarouselItemTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _previousIconTemplate: TemplateRef<void> | undefined;
+    _nextIconTemplate: TemplateRef<void> | undefined;
     window: Window;
     _componentStyle: CarouselStyle;
     constructor(el: ElementRef, zone: NgZone);

package/types/primeng-cascadeselect.d.ts

@@ -10,7 +10,7 @@ import { Bind } from 'primeng/bind';
 import { Fluid } from 'primeng/fluid';
 import { Overlay } from 'primeng/overlay';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
-import { CascadeSelectPassThrough, CascadeSelectChangeEvent, CascadeSelectShowEvent, CascadeSelectHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectBeforeHideEvent } from 'primeng/types/cascadeselect';
+import { CascadeSelectPassThrough, CascadeSelectChangeEvent, CascadeSelectShowEvent, CascadeSelectHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectBeforeHideEvent, CascadeSelectValueTemplateContext, CascadeSelectOptionTemplateContext } from 'primeng/types/cascadeselect';
 export * from 'primeng/types/cascadeselect';
 import { BaseStyle } from 'primeng/base';
 
@@ -459,53 +459,53 @@ declare class CascadeSelect extends BaseEditableHolder<CascadeSelectPassThrough>
     panelViewChild: Nullable<ElementRef>;
     overlayViewChild: Nullable<Overlay>;
     /**
-     * Content template for displaying the selected value.
+     * Custom value template.
      * @group Templates
      */
-    valueTemplate: Nullable<TemplateRef<any>>;
+    valueTemplate: Nullable<TemplateRef<CascadeSelectValueTemplateContext>>;
     /**
-     * Content template for customizing the option display.
+     * Custom option template.
      * @group Templates
      */
-    optionTemplate: Nullable<TemplateRef<any>>;
+    optionTemplate: Nullable<TemplateRef<CascadeSelectOptionTemplateContext>>;
     /**
-     * Content template for customizing the header.
+     * Custom header template.
      * @group Templates
      */
-    headerTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<void>>;
     /**
-     * Content template for customizing the footer.
+     * Custom footer template.
      * @group Templates
      */
-    footerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<void>>;
     /**
-     * Content template for customizing the trigger icon.
+     * Custom trigger icon template.
      * @group Templates
      */
-    triggerIconTemplate: Nullable<TemplateRef<any>>;
+    triggerIconTemplate: Nullable<TemplateRef<void>>;
     /**
-     * Content template for customizing the loading icon.
+     * Custom loading icon template.
      * @group Templates
      */
-    loadingIconTemplate: Nullable<TemplateRef<any>>;
+    loadingIconTemplate: Nullable<TemplateRef<void>>;
     /**
-     * Content template for customizing the group icon.
+     * Custom option group icon template.
      * @group Templates
      */
-    groupIconTemplate: Nullable<TemplateRef<any>>;
+    groupIconTemplate: Nullable<TemplateRef<void>>;
     /**
-     * Content template for customizing the clear icon.
+     * Custom clear icon template.
      * @group Templates
      */
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-    _valueTemplate: TemplateRef<any> | undefined;
-    _optionTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _triggerIconTemplate: TemplateRef<any> | undefined;
-    _loadingIconTemplate: TemplateRef<any> | undefined;
-    _groupIconTemplate: TemplateRef<any> | undefined;
-    _clearIconTemplate: TemplateRef<any> | undefined;
+    clearIconTemplate: Nullable<TemplateRef<void>>;
+    _valueTemplate: TemplateRef<CascadeSelectValueTemplateContext> | undefined;
+    _optionTemplate: TemplateRef<CascadeSelectOptionTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _triggerIconTemplate: TemplateRef<void> | undefined;
+    _loadingIconTemplate: TemplateRef<void> | undefined;
+    _groupIconTemplate: TemplateRef<void> | undefined;
+    _clearIconTemplate: TemplateRef<void> | undefined;
     selectionPath: any;
     focused: boolean;
     overlayVisible: boolean;

package/types/primeng-checkbox.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxPassThrough, CheckboxChangeEvent } from 'primeng/types/checkbox';
+import { CheckboxPassThrough, CheckboxChangeEvent, CheckboxIconTemplateContext } from 'primeng/types/checkbox';
 export * from 'primeng/types/checkbox';
 import * as i0 from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, QueryList, SimpleChanges } from '@angular/core';
@@ -186,12 +186,12 @@ declare class Checkbox extends BaseEditableHolder<CheckboxPassThrough> {
     get checked(): boolean;
     _indeterminate: i0.WritableSignal<any>;
     /**
-     * The template of the checkbox icon.
+     * Custom checkbox icon template.
      * @group Templates
      */
-    checkboxIconTemplate: TemplateRef<any>;
+    checkboxIconTemplate: TemplateRef<CheckboxIconTemplateContext> | undefined;
     templates: Nullable<QueryList<PrimeTemplate>>;
-    _checkboxIconTemplate: TemplateRef<any> | undefined;
+    _checkboxIconTemplate: TemplateRef<CheckboxIconTemplateContext> | undefined;
     focused: boolean;
     _componentStyle: CheckboxStyle;
     bindDirectiveInstance: Bind;

package/types/primeng-chip.d.ts

@@ -139,9 +139,13 @@ declare class Chip extends BaseComponent<ChipPassThrough> {
     set chipProps(val: ChipProps | undefined);
     _chipProps: ChipProps | undefined;
     _componentStyle: ChipStyle;
-    removeIconTemplate: TemplateRef<any> | undefined;
+    /**
+     * Custom remove icon template.
+     * @group Templates
+     */
+    removeIconTemplate: TemplateRef<void> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
-    _removeIconTemplate: TemplateRef<any> | undefined;
+    _removeIconTemplate: TemplateRef<void> | undefined;
     onAfterContentInit(): void;
     onChanges(simpleChanges: SimpleChanges): void;
     close(event: MouseEvent): void;