primeng 19.0.0-rc.1 → 19.0.1

package/drawer/drawer.d.ts

@@ -1,4 +1,5 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ButtonProps } from 'primeng/button';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
@@ -9,7 +10,7 @@ import * as i1 from "primeng/api";
  * Sidebar is a panel component displayed as an overlay at the edges of the screen.
  * @group Components
  */
-export declare class Drawer extends BaseComponent implements AfterViewInit, OnDestroy {
+export declare class Drawer extends BaseComponent implements AfterViewInit, AfterContentInit, OnDestroy {
     /**
      *  Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
      * @group Props
@@ -108,6 +109,12 @@ export declare class Drawer extends BaseComponent implements AfterViewInit, OnDe
     maskStyle: {
         [klass: string]: any;
     } | null | undefined;
+    /**
+     * Whether to display close button.
+     * @group Props
+     * @defaultValue true
+     */
+    closable: boolean;
     /**
      * Callback to invoke when dialog is shown.
      * @group Emits
@@ -158,18 +165,19 @@ export declare class Drawer extends BaseComponent implements AfterViewInit, OnDe
      * Close icon template for the close icon of the drawer.
      * @group Templates
      */
-    closeiconTemplate: TemplateRef<any> | undefined;
+    closeIconTemplate: TemplateRef<any> | undefined;
     /**
      * Headless template for the headless drawer.
      * @group Templates
      */
     headlessTemplate: TemplateRef<any> | undefined;
-    /**
-     * Whether to display close button.
-     * @group Props
-     * @defaultValue true
-     */
-    closable: boolean;
+    _headerTemplate: TemplateRef<any> | undefined;
+    _footerTemplate: TemplateRef<any> | undefined;
+    _contentTemplate: TemplateRef<any> | undefined;
+    _closeIconTemplate: TemplateRef<any> | undefined;
+    _headlessTemplate: TemplateRef<any> | undefined;
+    templates: QueryList<PrimeTemplate> | undefined;
+    ngAfterContentInit(): void;
     onKeyDown(event: KeyboardEvent): void;
     show(): void;
     hide(emit?: boolean): void;
@@ -187,7 +195,7 @@ export declare class Drawer extends BaseComponent implements AfterViewInit, OnDe
     unbindAnimationEndListener(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Drawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Drawer, "p-drawer", never, { "appendTo": { "alias": "appendTo"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "header": { "alias": "header"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "contentTemplate", "closeiconTemplate", "headlessTemplate"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Drawer, "p-drawer", never, { "appendTo": { "alias": "appendTo"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "header": { "alias": "header"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "contentTemplate", "closeIconTemplate", "headlessTemplate", "templates"], ["*"], true, never>;
     static ngAcceptInputType_blockScroll: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;

package/dropdown/dropdown.d.ts

@@ -1,7 +1,7 @@
 import { AnimationEvent } from '@angular/animations';
-import { AfterContentInit, AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, NgZone, OnInit, Signal, TemplateRef } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, AfterViewInit, ElementRef, EventEmitter, NgZone, OnInit, QueryList, Signal, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { FilterService, OverlayOptions, ScrollerOptions, SelectItem } from 'primeng/api';
+import { FilterService, OverlayOptions, PrimeTemplate, ScrollerOptions, SelectItem } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Overlay } from 'primeng/overlay';
 import { Scroller } from 'primeng/scroller';
@@ -521,6 +521,7 @@ export declare class Dropdown extends BaseComponent implements OnInit, AfterView
     private getAllVisibleAndNonVisibleOptions;
     ngOnInit(): void;
     ngAfterViewChecked(): void;
+    templates: QueryList<PrimeTemplate> | undefined;
     ngAfterContentInit(): void;
     flatOptions(options: any): any;
     autoUpdateModel(): void;
@@ -617,7 +618,7 @@ export declare class Dropdown extends BaseComponent implements OnInit, AfterView
      */
     clear(event?: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Dropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Dropdown, "p-dropdown", never, { "id": { "alias": "id"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "name": { "alias": "name"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "group": { "alias": "group"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Dropdown, "p-dropdown", never, { "id": { "alias": "id"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "name": { "alias": "name"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "autoDisplayFirst": { "alias": "autoDisplayFirst"; "required": false; }; "group": { "alias": "group"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_filter: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_required: unknown;

package/dynamicdialog/dynamicdialog.d.ts

@@ -63,14 +63,15 @@ export declare class DynamicDialogComponent extends BaseComponent implements Aft
     get footerTemplate(): Type<any>;
     get headerTemplate(): Type<any>;
     get contentTemplate(): Type<any>;
-    get minimizeIconTemplate(): Type<any>;
-    get maximizeIconTemplate(): Type<any>;
+    get minimizeIconTemplate(): any;
+    get maximizeIconTemplate(): any;
     get closeIconTemplate(): Type<any>;
     get maskClass(): {
         [x: string]: string | boolean;
         'p-dialog-mask': boolean;
         'p-overlay-mask p-overlay-mask-enter': boolean;
     };
+    get dialogId(): string;
     constructor(renderer: Renderer2, ddconfig: DynamicDialogConfig, dialogRef: DynamicDialogRef, zone: NgZone, parentDialog: DynamicDialogComponent);
     ngOnInit(): void;
     createStyle(): void;

package/editor/editor.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Nullable } from 'primeng/ts-helpers';
 import { EditorInitEvent, EditorSelectionChangeEvent, EditorTextChangeEvent } from './editor.interface';
@@ -11,7 +12,7 @@ export declare const EDITOR_VALUE_ACCESSOR: any;
  * Editor groups a collection of contents in tabs.
  * @group Components
  */
-export declare class Editor extends BaseComponent implements ControlValueAccessor {
+export declare class Editor extends BaseComponent implements AfterContentInit, ControlValueAccessor {
     /**
      * Inline style of the container.
      * @group Props
@@ -91,10 +92,13 @@ export declare class Editor extends BaseComponent implements ControlValueAccesso
      * @group Templates
      */
     headerTemplate: Nullable<TemplateRef<any>>;
+    templates: QueryList<PrimeTemplate>;
+    _headerTemplate: TemplateRef<any> | undefined;
     private get isAttachedQuillEditorToDOM();
     private quillElements;
     _componentStyle: EditorStyle;
     constructor();
+    ngAfterContentInit(): void;
     writeValue(value: any): void;
     registerOnChange(fn: Function): void;
     registerOnTouched(fn: Function): void;
@@ -103,7 +107,7 @@ export declare class Editor extends BaseComponent implements ControlValueAccesso
     private createQuillEditor;
     private initQuillElements;
     static ɵfac: i0.ɵɵFactoryDeclaration<Editor, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Editor, "p-editor", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "formats": { "alias": "formats"; "required": false; }; "modules": { "alias": "modules"; "required": false; }; "bounds": { "alias": "bounds"; "required": false; }; "scrollingContainer": { "alias": "scrollingContainer"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onInit": "onInit"; "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; }, ["toolbar", "headerTemplate"], ["p-header"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Editor, "p-editor", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "formats": { "alias": "formats"; "required": false; }; "modules": { "alias": "modules"; "required": false; }; "bounds": { "alias": "bounds"; "required": false; }; "scrollingContainer": { "alias": "scrollingContainer"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onInit": "onInit"; "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; }, ["toolbar", "headerTemplate", "templates"], ["p-header"], true, never>;
 }
 export declare class EditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;

package/fesm2022/primeng-accordion.mjs

@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, inject, forwardRef, model, input, computed, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, HostListener, EventEmitter, booleanAttribute, numberAttribute, HostBinding, Input, Output, ContentChildren, signal, NgModule } from '@angular/core';
 import { findSingle, getAttribute, focus, uuid } from '@primeuix/utils';
-import { Header, SharedModule } from 'primeng/api';
+import { Header, PrimeTemplate, SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { ChevronDownIcon, ChevronUpIcon } from 'primeng/icons';
 import * as i1 from 'primeng/ripple';
@@ -249,12 +249,11 @@ const _c3 = a0 => ({ transitionParams: a0 });
 const _c4 = a0 => ({ value: "visible", params: a0 });
 const _c5 = a0 => ({ value: "hidden", params: a0 });
 const _c6 = ["header"];
-const _c7 = ["footer"];
-const _c8 = ["icon"];
-const _c9 = ["content"];
-const _c10 = ["*", [["p-header"]]];
-const _c11 = ["*", "p-header"];
-const _c12 = a0 => ({ $implicit: a0 });
+const _c7 = ["icon"];
+const _c8 = ["content"];
+const _c9 = ["*", [["p-header"]]];
+const _c10 = ["*", "p-header"];
+const _c11 = a0 => ({ $implicit: a0 });
 function AccordionTab_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
@@ -268,7 +267,7 @@ function AccordionTab_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtemplate(0, AccordionTab_Conditional_2_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 4);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.headerTemplate || ctx_r0._headerTemplate);
 } }
 function AccordionTab_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0, 1);
@@ -277,7 +276,7 @@ function AccordionTab_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, AccordionTab_Conditional_2_Conditional_0_Template, 1, 1, "ng-container")(1, AccordionTab_Conditional_2_Conditional_1_Template, 1, 0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r0.headerTemplate ? 0 : -1);
+    i0.ɵɵconditional(ctx_r0.headerTemplate || ctx_r0._headerTemplate ? 0 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.headerFacet ? 1 : -1);
 } }
@@ -289,7 +288,7 @@ function AccordionTab_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, AccordionTab_Conditional_3_0_Template, 1, 0, null, 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.iconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c12, ctx_r0.selected));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.iconTemplate || ctx_r0._iconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, ctx_r0.selected));
 } }
 function AccordionTab_Conditional_4_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 8);
@@ -361,7 +360,7 @@ function AccordionTab_ng_container_8_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate || ctx_r0._contentTemplate);
 } }
 /**
  * AccordionPanel is a helper component for Accordion component.
@@ -774,11 +773,6 @@ class AccordionTab extends BaseComponent {
      * @group Templates
      */
     headerTemplate;
-    /**
-     * Header template for the header of the drawer.
-     * @group Templates
-     */
-    footerTemplate;
     /**
      * Template for the header icon.
      * @group Templates
@@ -789,6 +783,10 @@ class AccordionTab extends BaseComponent {
      * @group Templates
      */
     contentTemplate;
+    templates;
+    _headerTemplate;
+    _iconTemplate;
+    _contentTemplate;
     loaded = false;
     accordion = inject(forwardRef(() => Accordion));
     _componentStyle = inject(AccordionStyle);
@@ -796,6 +794,24 @@ class AccordionTab extends BaseComponent {
         super.ngOnInit();
         console.log('AccordionTab is deprecated as of v18, please use the new structure instead.');
     }
+    ngAfterContentInit() {
+        this.templates.forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this._contentTemplate = item.template;
+                    break;
+                case 'header':
+                    this._headerTemplate = item.template;
+                    break;
+                case 'icon':
+                    this._iconTemplate = item.template;
+                    break;
+                default:
+                    this._contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
     toggle(event) {
         if (this.disabled) {
             return false;
@@ -857,25 +873,25 @@ class AccordionTab extends BaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵAccordionTab_BaseFactory; return function AccordionTab_Factory(__ngFactoryType__) { return (ɵAccordionTab_BaseFactory || (ɵAccordionTab_BaseFactory = i0.ɵɵgetInheritedFactory(AccordionTab)))(__ngFactoryType__ || AccordionTab); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionTab, selectors: [["p-accordionTab"], ["p-accordion-tab"], ["p-accordiontab"]], contentQueries: function AccordionTab_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
             i0.ɵɵcontentQuery(dirIndex, Header, 4);
+            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.footerTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.iconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contentTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerFacet = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
         } }, hostVars: 9, hostBindings: function AccordionTab_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-pc-name", "accordiontab");
             i0.ɵɵstyleMap(ctx.hostStyle);
             i0.ɵɵclassMap(ctx.hostClass);
             i0.ɵɵclassProp("p-accordionpanel", true)("p-accordionpanel-active", ctx.selected);
-        } }, inputs: { id: "id", header: "header", headerStyle: "headerStyle", tabStyle: "tabStyle", contentStyle: "contentStyle", tabStyleClass: "tabStyleClass", headerStyleClass: "headerStyleClass", contentStyleClass: "contentStyleClass", disabled: [2, "disabled", "disabled", booleanAttribute], cache: [2, "cache", "cache", booleanAttribute], transitionOptions: "transitionOptions", iconPos: "iconPos", selected: "selected", headerAriaLevel: [2, "headerAriaLevel", "headerAriaLevel", numberAttribute] }, outputs: { selectedChange: "selectedChange" }, features: [i0.ɵɵProvidersFeature([AccordionStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c11, decls: 9, vars: 30, consts: [["type", "button", 1, "p-accordionheader", 3, "click", "keydown", "disabled", "ngClass", "ngStyle"], ["role", "region", 1, "p-accordioncontent"], [1, "p-accordioncontent-content", 3, "ngClass", "ngStyle"], [4, "ngIf"], [4, "ngTemplateOutlet"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "ngClass"]], template: function AccordionTab_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c10);
+        } }, inputs: { id: "id", header: "header", headerStyle: "headerStyle", tabStyle: "tabStyle", contentStyle: "contentStyle", tabStyleClass: "tabStyleClass", headerStyleClass: "headerStyleClass", contentStyleClass: "contentStyleClass", disabled: [2, "disabled", "disabled", booleanAttribute], cache: [2, "cache", "cache", booleanAttribute], transitionOptions: "transitionOptions", iconPos: "iconPos", selected: "selected", headerAriaLevel: [2, "headerAriaLevel", "headerAriaLevel", numberAttribute] }, outputs: { selectedChange: "selectedChange" }, features: [i0.ɵɵProvidersFeature([AccordionStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c10, decls: 9, vars: 30, consts: [["type", "button", 1, "p-accordionheader", 3, "click", "keydown", "disabled", "ngClass", "ngStyle"], ["role", "region", 1, "p-accordioncontent"], [1, "p-accordioncontent-content", 3, "ngClass", "ngStyle"], [4, "ngIf"], [4, "ngTemplateOutlet"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "ngClass"]], template: function AccordionTab_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c9);
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function AccordionTab_Template_button_click_0_listener($event) { return ctx.toggle($event); })("keydown", function AccordionTab_Template_button_keydown_0_listener($event) { return ctx.onKeydown($event); });
             i0.ɵɵtemplate(1, AccordionTab_Conditional_1_Template, 1, 1)(2, AccordionTab_Conditional_2_Template, 2, 2)(3, AccordionTab_Conditional_3_Template, 1, 4)(4, AccordionTab_Conditional_4_Template, 2, 2);
@@ -889,16 +905,16 @@ class AccordionTab extends BaseComponent {
             i0.ɵɵproperty("disabled", ctx.disabled)("ngClass", ctx.headerStyleClass)("ngStyle", ctx.headerStyle);
             i0.ɵɵattribute("aria-expanded", ctx.selected)("aria-level", ctx.headerAriaLevel)("data-p-disabled", ctx.disabled)("data-pc-section", "accordionheader")("tabindex", ctx.disabled ? null : 0)("id", ctx.getTabHeaderActionId(ctx.id))("aria-controls", ctx.getTabContentId(ctx.id));
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.headerTemplate ? 1 : 2);
+            i0.ɵɵconditional(!ctx.headerTemplate && !ctx._headerTemplate ? 1 : 2);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.iconTemplate ? 3 : 4);
+            i0.ɵɵconditional(ctx.iconTemplate || ctx._iconTemplate ? 3 : 4);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("@tabContent", ctx.selected ? i0.ɵɵpureFunction1(24, _c4, i0.ɵɵpureFunction1(22, _c3, ctx.transitionOptions)) : i0.ɵɵpureFunction1(28, _c5, i0.ɵɵpureFunction1(26, _c3, ctx.transitionOptions)));
             i0.ɵɵattribute("id", ctx.getTabContentId(ctx.id))("aria-hidden", !ctx.selected)("aria-labelledby", ctx.getTabHeaderActionId(ctx.id))("data-pc-section", "toggleablecontent");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.contentStyleClass)("ngStyle", ctx.contentStyle);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.contentTemplate && (ctx.cache ? ctx.loaded : ctx.selected));
+            i0.ɵɵproperty("ngIf", (ctx.contentTemplate || ctx._contentTemplate) && (ctx.cache ? ctx.loaded : ctx.selected));
         } }, dependencies: [CommonModule, i2.NgClass, i2.NgIf, i2.NgTemplateOutlet, i2.NgStyle, ChevronDownIcon, ChevronUpIcon], encapsulation: 2, data: { animation: [
                 trigger('tabContent', [
                     state('hidden', style({
@@ -938,18 +954,18 @@ class AccordionTab extends BaseComponent {
             [attr.id]="getTabHeaderActionId(id)"
             [attr.aria-controls]="getTabContentId(id)"
         >
-            @if (!headerTemplate) {
+            @if (!headerTemplate && !_headerTemplate) {
                 {{ header }}
             } @else {
-                @if (headerTemplate) {
-                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
+                @if (headerTemplate || _headerTemplate) {
+                    <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
                 }
                 @if (headerFacet) {
                     <ng-content select="p-header" />
                 }
             }
-            @if (iconTemplate) {
-                <ng-template *ngTemplateOutlet="iconTemplate; context: { $implicit: selected }"></ng-template>
+            @if (iconTemplate || _iconTemplate) {
+                <ng-template *ngTemplateOutlet="iconTemplate || _iconTemplate; context: { $implicit: selected }"></ng-template>
             } @else {
                 <ng-container *ngIf="selected">
                     <span *ngIf="accordion.collapseIcon" [class]="accordion.collapseIcon" [ngClass]="iconClass" [attr.aria-hidden]="true"></span>
@@ -972,8 +988,8 @@ class AccordionTab extends BaseComponent {
         >
             <div class="p-accordioncontent-content" [ngClass]="contentStyleClass" [ngStyle]="contentStyle">
                 <ng-content />
-                <ng-container *ngIf="contentTemplate && (cache ? loaded : selected)">
-                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+                <ng-container *ngIf="(contentTemplate || _contentTemplate) && (cache ? loaded : selected)">
+                    <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
                 </ng-container>
             </div>
         </div>
@@ -1045,16 +1061,16 @@ class AccordionTab extends BaseComponent {
             args: [Header]
         }], headerTemplate: [{
             type: ContentChild,
-            args: ['header']
-        }], footerTemplate: [{
-            type: ContentChild,
-            args: ['footer']
+            args: ['header', { descendants: false }]
         }], iconTemplate: [{
             type: ContentChild,
-            args: ['icon']
+            args: ['icon', { descendants: false }]
         }], contentTemplate: [{
             type: ContentChild,
-            args: ['content']
+            args: ['content', { descendants: false }]
+        }], templates: [{
+            type: ContentChildren,
+            args: [PrimeTemplate]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionTab, { className: "AccordionTab", filePath: "accordion.ts", lineNumber: 430 }); })();
 /**
@@ -1265,7 +1281,6 @@ class Accordion extends BaseComponent {
         event.preventDefault();
     }
     ngAfterContentInit() {
-        super.ngAfterContentInit();
         this.initTabs();
         this.tabListSubscription = this.tabList.changes.subscribe((_) => {
             this.initTabs();
@@ -1410,7 +1425,7 @@ class Accordion extends BaseComponent {
             type: HostListener,
             args: ['keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Accordion, { className: "Accordion", filePath: "accordion.ts", lineNumber: 657 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Accordion, { className: "Accordion", filePath: "accordion.ts", lineNumber: 682 }); })();
 class AccordionModule {
     static ɵfac = function AccordionModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccordionModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AccordionModule });