primeng 19.0.6 → 19.0.8

package/fesm2022/primeng-accordion.mjs

@@ -1,8 +1,8 @@
-import { trigger, state, style, transition, animate } from '@angular/animations';
+import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i2 from '@angular/common';
 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 { Injectable, inject, forwardRef, model, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, HostListener, ContentChild, EventEmitter, numberAttribute, booleanAttribute, ContentChildren, Output, Input, HostBinding, signal, NgModule } from '@angular/core';
 import { findSingle, getAttribute, focus, uuid } from '@primeuix/utils';
 import { Header, PrimeTemplate, SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -129,12 +129,12 @@ class AccordionStyle extends BaseStyle {
     name = 'accordion';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵAccordionStyle_BaseFactory; return function AccordionStyle_Factory(__ngFactoryType__) { return (ɵAccordionStyle_BaseFactory || (ɵAccordionStyle_BaseFactory = i0.ɵɵgetInheritedFactory(AccordionStyle)))(__ngFactoryType__ || AccordionStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AccordionStyle, factory: AccordionStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * Accordion groups a collection of contents in tabs.
@@ -172,196 +172,6 @@ var AccordionClasses;
     AccordionClasses["panel"] = "p-accordionpanel";
 })(AccordionClasses || (AccordionClasses = {}));
 
-const _c0 = ["*"];
-const _c1 = ["toggleicon"];
-const _c2 = a0 => ({ active: a0 });
-function AccordionHeader_Conditional_1_0_ng_template_0_Template(rf, ctx) { }
-function AccordionHeader_Conditional_1_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AccordionHeader_Conditional_1_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function AccordionHeader_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AccordionHeader_Conditional_1_0_Template, 1, 0, null, 0);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.toggleicon)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r0.active()));
-} }
-function AccordionHeader_Conditional_2_ng_container_0_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 4);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassMap(ctx_r0.pcAccordion.collapseIcon);
-    i0.ɵɵproperty("ngClass", ctx_r0.pcAccordion.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionHeader_Conditional_2_ng_container_0_ChevronDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronDownIcon", 4);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.pcAccordion.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionHeader_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AccordionHeader_Conditional_2_ng_container_0_span_1_Template, 1, 4, "span", 2)(2, AccordionHeader_Conditional_2_ng_container_0_ChevronDownIcon_2_Template, 1, 2, "ChevronDownIcon", 3);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.pcAccordion.collapseIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.pcAccordion.collapseIcon);
-} }
-function AccordionHeader_Conditional_2_ng_container_1_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 4);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassMap(ctx_r0.pcAccordion.expandIcon);
-    i0.ɵɵproperty("ngClass", ctx_r0.pcAccordion.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionHeader_Conditional_2_ng_container_1_ChevronUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronUpIcon", 4);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.pcAccordion.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionHeader_Conditional_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AccordionHeader_Conditional_2_ng_container_1_span_1_Template, 1, 4, "span", 2)(2, AccordionHeader_Conditional_2_ng_container_1_ChevronUpIcon_2_Template, 1, 2, "ChevronUpIcon", 3);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.pcAccordion.expandIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.pcAccordion.expandIcon);
-} }
-function AccordionHeader_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AccordionHeader_Conditional_2_ng_container_0_Template, 3, 2, "ng-container", 1)(1, AccordionHeader_Conditional_2_ng_container_1_Template, 3, 2, "ng-container", 1);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", ctx_r0.active());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.active());
-} }
-const _c3 = a0 => ({ transitionParams: a0 });
-const _c4 = a0 => ({ value: "visible", params: a0 });
-const _c5 = a0 => ({ value: "hidden", params: a0 });
-const _c6 = ["header"];
-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) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.header, " ");
-} }
-function AccordionTab_Conditional_2_Conditional_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-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 || ctx_r0._headerTemplate);
-} }
-function AccordionTab_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵprojection(0, 1);
-} }
-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 || ctx_r0._headerTemplate ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.headerFacet ? 1 : -1);
-} }
-function AccordionTab_Conditional_3_0_ng_template_0_Template(rf, ctx) { }
-function AccordionTab_Conditional_3_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AccordionTab_Conditional_3_0_ng_template_0_Template, 0, 0, "ng-template");
-} }
-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 || 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);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassMap(ctx_r0.accordion.collapseIcon);
-    i0.ɵɵproperty("ngClass", ctx_r0.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionTab_Conditional_4_ng_container_0_ChevronDownIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronDownIcon", 8);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionTab_Conditional_4_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AccordionTab_Conditional_4_ng_container_0_span_1_Template, 1, 4, "span", 6)(2, AccordionTab_Conditional_4_ng_container_0_ChevronDownIcon_2_Template, 1, 2, "ChevronDownIcon", 7);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.accordion.collapseIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.accordion.collapseIcon);
-} }
-function AccordionTab_Conditional_4_ng_container_1_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 8);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassMap(ctx_r0.accordion.expandIcon);
-    i0.ɵɵproperty("ngClass", ctx_r0.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionTab_Conditional_4_ng_container_1_ChevronUpIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ChevronUpIcon", 8);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r0.iconClass);
-    i0.ɵɵattribute("aria-hidden", true);
-} }
-function AccordionTab_Conditional_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AccordionTab_Conditional_4_ng_container_1_span_1_Template, 1, 4, "span", 6)(2, AccordionTab_Conditional_4_ng_container_1_ChevronUpIcon_2_Template, 1, 2, "ChevronUpIcon", 7);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.accordion.expandIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.accordion.expandIcon);
-} }
-function AccordionTab_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AccordionTab_Conditional_4_ng_container_0_Template, 3, 2, "ng-container", 3)(1, AccordionTab_Conditional_4_ng_container_1_Template, 3, 2, "ng-container", 3);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngIf", ctx_r0.selected);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.selected);
-} }
-function AccordionTab_ng_container_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function AccordionTab_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AccordionTab_ng_container_8_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate || ctx_r0._contentTemplate);
-} }
 /**
  * AccordionPanel is a helper component for Accordion component.
  * @group Components
@@ -387,35 +197,28 @@ class AccordionPanel extends BaseComponent {
         }
         return currentValue === value;
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵAccordionPanel_BaseFactory; return function AccordionPanel_Factory(__ngFactoryType__) { return (ɵAccordionPanel_BaseFactory || (ɵAccordionPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AccordionPanel)))(__ngFactoryType__ || AccordionPanel); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionPanel, selectors: [["p-accordion-panel"], ["p-accordionpanel"]], hostVars: 9, hostBindings: function AccordionPanel_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-pc-name", "accordionpanel")("data-p-disabled", ctx.disabled())("data-p-active", ctx.active());
-            i0.ɵɵclassProp("p-accordionpanel", true)("p-accordionpanel-active", ctx.active())("p-disabled", ctx.disabled());
-        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"] }, outputs: { value: "valueChange" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AccordionPanel_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, dependencies: [CommonModule], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.7", type: AccordionPanel, isStandalone: true, selector: "p-accordion-panel, p-accordionpanel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.p-accordionpanel": "true", "class.p-accordionpanel-active": "active()", "class.p-disabled": "disabled()", "attr.data-pc-name": "\"accordionpanel\"", "attr.data-p-disabled": "disabled()", "attr.data-p-active": "active()" } }, usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionPanel, [{
-        type: Component,
-        args: [{
-                selector: 'p-accordion-panel, p-accordionpanel',
-                imports: [CommonModule],
-                standalone: true,
-                template: `<ng-content />`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                host: {
-                    '[class.p-accordionpanel]': 'true',
-                    '[class.p-accordionpanel-active]': 'active()',
-                    '[class.p-disabled]': 'disabled()',
-                    '[attr.data-pc-name]': '"accordionpanel"',
-                    '[attr.data-p-disabled]': 'disabled()',
-                    '[attr.data-p-active]': 'active()'
-                }
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionPanel, { className: "AccordionPanel", filePath: "accordion.ts", lineNumber: 93 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-accordion-panel, p-accordionpanel',
+                    imports: [CommonModule],
+                    standalone: true,
+                    template: `<ng-content />`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[class.p-accordionpanel]': 'true',
+                        '[class.p-accordionpanel-active]': 'active()',
+                        '[class.p-disabled]': 'disabled()',
+                        '[attr.data-pc-name]': '"accordionpanel"',
+                        '[attr.data-p-disabled]': 'disabled()',
+                        '[attr.data-p-active]': 'active()'
+                    }
+                }]
+        }] });
 /**
  * AccordionHeader is a helper component for Accordion component.
  * @group Components
@@ -438,8 +241,18 @@ class AccordionHeader extends BaseComponent {
      * @group Templates
      */
     toggleicon;
-    onClick() {
+    onClick(event) {
+        const wasActive = this.active();
         this.changeActiveValue();
+        const isActive = this.active();
+        const panels = this.pcAccordion.panelList ? this.pcAccordion.panelList.toArray() : [];
+        const index = panels.findIndex((panel) => panel === this.pcAccordionPanel);
+        if (!wasActive && isActive) {
+            this.pcAccordion.onOpen.emit({ originalEvent: event, index });
+        }
+        else if (wasActive && !isActive) {
+            this.pcAccordion.onClose.emit({ originalEvent: event, index });
+        }
     }
     onFocus() {
         this.pcAccordion.selectOnFocus() && this.changeActiveValue();
@@ -517,34 +330,30 @@ class AccordionHeader extends BaseComponent {
         this.changeActiveValue();
         event.preventDefault();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵAccordionHeader_BaseFactory; return function AccordionHeader_Factory(__ngFactoryType__) { return (ɵAccordionHeader_BaseFactory || (ɵAccordionHeader_BaseFactory = i0.ɵɵgetInheritedFactory(AccordionHeader)))(__ngFactoryType__ || AccordionHeader); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionHeader, selectors: [["p-accordion-header"], ["p-accordionheader"]], contentQueries: function AccordionHeader_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c1, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.toggleicon = _t.first);
-        } }, hostVars: 12, hostBindings: function AccordionHeader_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function AccordionHeader_click_HostBindingHandler($event) { return ctx.onClick($event); })("focus", function AccordionHeader_focus_HostBindingHandler($event) { return ctx.onFocus($event); })("keydown", function AccordionHeader_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
-        } if (rf & 2) {
-            i0.ɵɵattribute("id", ctx.id())("aria-expanded", ctx.active())("aria-controls", ctx.ariaControls())("role", "button")("tabindex", "0")("data-p-active", ctx.active())("data-p-disabled", ctx.disabled())("data-pc-name", "accordionheader");
-            i0.ɵɵstyleProp("user-select", "none");
-            i0.ɵɵclassProp("p-accordionheader", true);
-        } }, features: [i0.ɵɵHostDirectivesFeature([i1.Ripple]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 3, vars: 1, consts: [[4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngIf"], [3, "class", "ngClass", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "ngClass"]], template: function AccordionHeader_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-            i0.ɵɵtemplate(1, AccordionHeader_Conditional_1_Template, 1, 4)(2, AccordionHeader_Conditional_2_Template, 2, 2);
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.toggleicon ? 1 : 2);
-        } }, dependencies: [CommonModule, i2.NgClass, i2.NgIf, i2.NgTemplateOutlet, ChevronDownIcon, ChevronUpIcon], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionHeader, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AccordionHeader, isStandalone: true, selector: "p-accordion-header, p-accordionheader", host: { listeners: { "click": "onClick($event)", "focus": "onFocus($event)", "keydown": "onKeydown($event)" }, properties: { "class.p-accordionheader": "true", "attr.id": "id()", "attr.aria-expanded": "active()", "attr.aria-controls": "ariaControls()", "attr.role": "\"button\"", "attr.tabindex": "\"0\"", "attr.data-p-active": "active()", "attr.data-p-disabled": "disabled()", "attr.data-pc-name": "\"accordionheader\"", "style.user-select": "\"none\"" } }, queries: [{ propertyName: "toggleicon", first: true, predicate: ["toggleicon"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: `
+        <ng-content />
+        @if (toggleicon) {
+            <ng-template *ngTemplateOutlet="toggleicon; context: { active: active() }"></ng-template>
+        } @else {
+            <ng-container *ngIf="active()">
+                <span *ngIf="pcAccordion.collapseIcon" [class]="pcAccordion.collapseIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true"></span>
+                <ChevronDownIcon *ngIf="!pcAccordion.collapseIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
+            </ng-container>
+            <ng-container *ngIf="!active()">
+                <span *ngIf="pcAccordion.expandIcon" [class]="pcAccordion.expandIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true"></span>
+                <ChevronUpIcon *ngIf="!pcAccordion.expandIcon" [ngClass]="pcAccordion.iconClass" [attr.aria-hidden]="true" />
+            </ng-container>
+        }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChevronDownIcon, selector: "ChevronDownIcon" }, { kind: "component", type: ChevronUpIcon, selector: "ChevronUpIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionHeader, [{
-        type: Component,
-        args: [{
-                selector: 'p-accordion-header, p-accordionheader',
-                imports: [CommonModule, ChevronDownIcon, ChevronUpIcon],
-                standalone: true,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionHeader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-accordion-header, p-accordionheader',
+                    imports: [CommonModule, ChevronDownIcon, ChevronUpIcon],
+                    standalone: true,
+                    template: `
         <ng-content />
         @if (toggleicon) {
             <ng-template *ngTemplateOutlet="toggleicon; context: { active: active() }"></ng-template>
@@ -559,106 +368,97 @@ class AccordionHeader extends BaseComponent {
             </ng-container>
         }
     `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                host: {
-                    '[class.p-accordionheader]': 'true',
-                    '[attr.id]': 'id()',
-                    '[attr.aria-expanded]': 'active()',
-                    '[attr.aria-controls]': 'ariaControls()',
-                    '[attr.role]': '"button"',
-                    '[attr.tabindex]': '"0"',
-                    '[attr.data-p-active]': 'active()',
-                    '[attr.data-p-disabled]': 'disabled()',
-                    '[attr.data-pc-name]': '"accordionheader"',
-                    '[style.user-select]': '"none"'
-                },
-                hostDirectives: [Ripple]
-            }]
-    }], null, { toggleicon: [{
-            type: ContentChild,
-            args: ['toggleicon']
-        }], onClick: [{
-            type: HostListener,
-            args: ['click', ['$event']]
-        }], onFocus: [{
-            type: HostListener,
-            args: ['focus', ['$event']]
-        }], onKeydown: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionHeader, { className: "AccordionHeader", filePath: "accordion.ts", lineNumber: 156 }); })();
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[class.p-accordionheader]': 'true',
+                        '[attr.id]': 'id()',
+                        '[attr.aria-expanded]': 'active()',
+                        '[attr.aria-controls]': 'ariaControls()',
+                        '[attr.role]': '"button"',
+                        '[attr.tabindex]': '"0"',
+                        '[attr.data-p-active]': 'active()',
+                        '[attr.data-p-disabled]': 'disabled()',
+                        '[attr.data-pc-name]': '"accordionheader"',
+                        '[style.user-select]': '"none"'
+                    },
+                    hostDirectives: [Ripple]
+                }]
+        }], propDecorators: { toggleicon: [{
+                type: ContentChild,
+                args: ['toggleicon']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 class AccordionContent extends BaseComponent {
     pcAccordion = inject(forwardRef(() => Accordion));
     pcAccordionPanel = inject(forwardRef(() => AccordionPanel));
     active = computed(() => this.pcAccordionPanel.active());
     ariaLabelledby = computed(() => `${this.pcAccordion.id()}_accordionheader_${this.pcAccordionPanel.value()}`);
     id = computed(() => `${this.pcAccordion.id()}_accordioncontent_${this.pcAccordionPanel.value()}`);
-    static ɵfac = /*@__PURE__*/ (() => { let ɵAccordionContent_BaseFactory; return function AccordionContent_Factory(__ngFactoryType__) { return (ɵAccordionContent_BaseFactory || (ɵAccordionContent_BaseFactory = i0.ɵɵgetInheritedFactory(AccordionContent)))(__ngFactoryType__ || AccordionContent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionContent, selectors: [["p-accordion-content"], ["p-accordioncontent"]], hostVars: 16, hostBindings: function AccordionContent_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵsyntheticHostProperty("@content", ctx.active() ? i0.ɵɵpureFunction1(10, _c4, i0.ɵɵpureFunction1(8, _c3, ctx.pcAccordion.transitionOptions)) : i0.ɵɵpureFunction1(14, _c5, i0.ɵɵpureFunction1(12, _c3, ctx.pcAccordion.transitionOptions)));
-            i0.ɵɵattribute("id", ctx.id())("role", "region")("data-pc-name", "accordioncontent")("data-p-active", ctx.active())("aria-labelledby", ctx.ariaLabelledby());
-            i0.ɵɵclassProp("p-accordioncontent", true);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 2, vars: 0, consts: [[1, "p-accordioncontent-content"]], template: function AccordionContent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵprojection(1);
-            i0.ɵɵelementEnd();
-        } }, dependencies: [CommonModule], encapsulation: 2, data: { animation: [
-                trigger('content', [
-                    state('hidden', style({
-                        height: '0',
-                        visibility: 'hidden'
-                    })),
-                    state('visible', style({
-                        height: '*',
-                        visibility: 'visible'
-                    })),
-                    transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-                    transition('void => *', animate(0))
-                ])
-            ] }, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionContent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: AccordionContent, isStandalone: true, selector: "p-accordion-content, p-accordioncontent", host: { properties: { "class.p-accordioncontent": "true", "attr.id": "id()", "attr.role": "\"region\"", "attr.data-pc-name": "\"accordioncontent\"", "attr.data-p-active": "active()", "attr.aria-labelledby": "ariaLabelledby()", "@content": "active()\n            ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } }\n            : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }" } }, usesInheritance: true, ngImport: i0, template: ` <div class="p-accordioncontent-content">
+        <ng-content />
+    </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], animations: [
+            trigger('content', [
+                state('hidden', style({
+                    height: '0',
+                    visibility: 'hidden'
+                })),
+                state('visible', style({
+                    height: '*',
+                    visibility: 'visible'
+                })),
+                transition('visible <=> hidden', [animate('{{transitionParams}}')]),
+                transition('void => *', animate(0))
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionContent, [{
-        type: Component,
-        args: [{
-                selector: 'p-accordion-content, p-accordioncontent',
-                imports: [CommonModule],
-                standalone: true,
-                template: ` <div class="p-accordioncontent-content">
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-accordion-content, p-accordioncontent',
+                    imports: [CommonModule],
+                    standalone: true,
+                    template: ` <div class="p-accordioncontent-content">
         <ng-content />
     </div>`,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                host: {
-                    '[class.p-accordioncontent]': 'true',
-                    '[attr.id]': 'id()',
-                    '[attr.role]': '"region"',
-                    '[attr.data-pc-name]': '"accordioncontent"',
-                    '[attr.data-p-active]': 'active()',
-                    '[attr.aria-labelledby]': 'ariaLabelledby()',
-                    '[@content]': `active()
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[class.p-accordioncontent]': 'true',
+                        '[attr.id]': 'id()',
+                        '[attr.role]': '"region"',
+                        '[attr.data-pc-name]': '"accordioncontent"',
+                        '[attr.data-p-active]': 'active()',
+                        '[attr.aria-labelledby]': 'ariaLabelledby()',
+                        '[@content]': `active()
             ? { value: 'visible', params: { transitionParams: pcAccordion.transitionOptions } }
             : { value: 'hidden', params: { transitionParams: pcAccordion.transitionOptions } }`
-                },
-                animations: [
-                    trigger('content', [
-                        state('hidden', style({
-                            height: '0',
-                            visibility: 'hidden'
-                        })),
-                        state('visible', style({
-                            height: '*',
-                            visibility: 'visible'
-                        })),
-                        transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-                        transition('void => *', animate(0))
-                    ])
-                ]
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionContent, { className: "AccordionContent", filePath: "accordion.ts", lineNumber: 322 }); })();
+                    },
+                    animations: [
+                        trigger('content', [
+                            state('hidden', style({
+                                height: '0',
+                                visibility: 'hidden'
+                            })),
+                            state('visible', style({
+                                height: '*',
+                                visibility: 'visible'
+                            })),
+                            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
+                            transition('void => *', animate(0))
+                        ])
+                    ]
+                }]
+        }] });
 /**
  * AccordionTab is a helper component for Accordion.
  * @deprecated Use AccordionPanel, AccordionHeader, AccordionContent instead.
@@ -871,72 +671,86 @@ class AccordionTab extends BaseComponent {
         this.accordion.tabs.splice(this.findTabIndex(), 1);
         super.ngOnDestroy();
     }
-    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, 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.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: _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);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 1)(6, "div", 2);
-            i0.ɵɵprojection(7);
-            i0.ɵɵtemplate(8, AccordionTab_ng_container_8_Template, 2, 1, "ng-container", 3);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵclassProp("p-disabled", ctx.disabled);
-            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 && !ctx._headerTemplate ? 1 : 2);
-            i0.ɵɵadvance(2);
-            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._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({
-                        height: '0',
-                        visibility: 'hidden'
-                    })),
-                    state('visible', style({
-                        height: '*',
-                        visibility: 'visible'
-                    })),
-                    transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-                    transition('void => *', animate(0))
-                ])
-            ] }, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionTab, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: AccordionTab, isStandalone: true, selector: "p-accordionTab, p-accordion-tab, p-accordiontab", inputs: { id: "id", header: "header", headerStyle: "headerStyle", tabStyle: "tabStyle", contentStyle: "contentStyle", tabStyleClass: "tabStyleClass", headerStyleClass: "headerStyleClass", contentStyleClass: "contentStyleClass", disabled: ["disabled", "disabled", booleanAttribute], cache: ["cache", "cache", booleanAttribute], transitionOptions: "transitionOptions", iconPos: "iconPos", selected: "selected", headerAriaLevel: ["headerAriaLevel", "headerAriaLevel", numberAttribute] }, outputs: { selectedChange: "selectedChange" }, host: { properties: { "class.p-accordionpanel": "true", "class.p-accordionpanel-active": "selected", "attr.data-pc-name": "\"accordiontab\"", "class": "this.hostClass", "style": "this.hostStyle" } }, providers: [AccordionStyle], queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "iconTemplate", first: true, predicate: ["icon"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "headerFacet", predicate: Header }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
+        <button
+            class="p-accordionheader"
+            type="button"
+            [disabled]="disabled"
+            [attr.aria-expanded]="selected"
+            [attr.aria-level]="headerAriaLevel"
+            [class.p-disabled]="disabled"
+            [attr.data-p-disabled]="disabled"
+            [attr.data-pc-section]="'accordionheader'"
+            (click)="toggle($event)"
+            (keydown)="onKeydown($event)"
+            [ngClass]="headerStyleClass"
+            [ngStyle]="headerStyle"
+            [attr.tabindex]="disabled ? null : 0"
+            [attr.id]="getTabHeaderActionId(id)"
+            [attr.aria-controls]="getTabContentId(id)"
+        >
+            @if (!headerTemplate && !_headerTemplate) {
+                {{ header }}
+            } @else {
+                @if (headerTemplate || _headerTemplate) {
+                    <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+                }
+                @if (headerFacet) {
+                    <ng-content select="p-header" />
+                }
+            }
+            @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>
+                    <ChevronDownIcon *ngIf="!accordion.collapseIcon" [ngClass]="iconClass" [attr.aria-hidden]="true" />
+                </ng-container>
+                <ng-container *ngIf="!selected">
+                    <span *ngIf="accordion.expandIcon" [class]="accordion.expandIcon" [ngClass]="iconClass" [attr.aria-hidden]="true"></span>
+                    <ChevronUpIcon *ngIf="!accordion.expandIcon" [ngClass]="iconClass" [attr.aria-hidden]="true" />
+                </ng-container>
+            }
+        </button>
+        <div
+            [attr.id]="getTabContentId(id)"
+            class="p-accordioncontent"
+            [@tabContent]="selected ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }"
+            role="region"
+            [attr.aria-hidden]="!selected"
+            [attr.aria-labelledby]="getTabHeaderActionId(id)"
+            [attr.data-pc-section]="'toggleablecontent'"
+        >
+            <div class="p-accordioncontent-content" [ngClass]="contentStyleClass" [ngStyle]="contentStyle">
+                <ng-content />
+                <ng-container *ngIf="(contentTemplate || _contentTemplate) && (cache ? loaded : selected)">
+                    <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+                </ng-container>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChevronDownIcon, selector: "ChevronDownIcon" }, { kind: "component", type: ChevronUpIcon, selector: "ChevronUpIcon" }], animations: [
+            trigger('tabContent', [
+                state('hidden', style({
+                    height: '0',
+                    visibility: 'hidden'
+                })),
+                state('visible', style({
+                    height: '*',
+                    visibility: 'visible'
+                })),
+                transition('visible <=> hidden', [animate('{{transitionParams}}')]),
+                transition('void => *', animate(0))
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionTab, [{
-        type: Component,
-        args: [{
-                selector: 'p-accordionTab, p-accordion-tab, p-accordiontab',
-                standalone: true,
-                imports: [CommonModule, ChevronDownIcon, ChevronUpIcon],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-accordionTab, p-accordion-tab, p-accordiontab',
+                    standalone: true,
+                    imports: [CommonModule, ChevronDownIcon, ChevronUpIcon],
+                    template: `
         <button
             class="p-accordionheader"
             type="button"
@@ -994,85 +808,84 @@ class AccordionTab extends BaseComponent {
             </div>
         </div>
     `,
-                animations: [
-                    trigger('tabContent', [
-                        state('hidden', style({
-                            height: '0',
-                            visibility: 'hidden'
-                        })),
-                        state('visible', style({
-                            height: '*',
-                            visibility: 'visible'
-                        })),
-                        transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-                        transition('void => *', animate(0))
-                    ])
-                ],
-                host: {
-                    '[class.p-accordionpanel]': 'true',
-                    '[class.p-accordionpanel-active]': 'selected',
-                    '[attr.data-pc-name]': '"accordiontab"'
-                },
-                providers: [AccordionStyle],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            }]
-    }], null, { hostClass: [{
-            type: HostBinding,
-            args: ['class']
-        }], hostStyle: [{
-            type: HostBinding,
-            args: ['style']
-        }], id: [{
-            type: Input
-        }], header: [{
-            type: Input
-        }], headerStyle: [{
-            type: Input
-        }], tabStyle: [{
-            type: Input
-        }], contentStyle: [{
-            type: Input
-        }], tabStyleClass: [{
-            type: Input
-        }], headerStyleClass: [{
-            type: Input
-        }], contentStyleClass: [{
-            type: Input
-        }], disabled: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], cache: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], transitionOptions: [{
-            type: Input
-        }], iconPos: [{
-            type: Input
-        }], selected: [{
-            type: Input
-        }], headerAriaLevel: [{
-            type: Input,
-            args: [{ transform: numberAttribute }]
-        }], selectedChange: [{
-            type: Output
-        }], headerFacet: [{
-            type: ContentChildren,
-            args: [Header]
-        }], headerTemplate: [{
-            type: ContentChild,
-            args: ['header', { descendants: false }]
-        }], iconTemplate: [{
-            type: ContentChild,
-            args: ['icon', { descendants: false }]
-        }], contentTemplate: [{
-            type: ContentChild,
-            args: ['content', { descendants: false }]
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionTab, { className: "AccordionTab", filePath: "accordion.ts", lineNumber: 430 }); })();
+                    animations: [
+                        trigger('tabContent', [
+                            state('hidden', style({
+                                height: '0',
+                                visibility: 'hidden'
+                            })),
+                            state('visible', style({
+                                height: '*',
+                                visibility: 'visible'
+                            })),
+                            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
+                            transition('void => *', animate(0))
+                        ])
+                    ],
+                    host: {
+                        '[class.p-accordionpanel]': 'true',
+                        '[class.p-accordionpanel-active]': 'selected',
+                        '[attr.data-pc-name]': '"accordiontab"'
+                    },
+                    providers: [AccordionStyle],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostStyle: [{
+                type: HostBinding,
+                args: ['style']
+            }], id: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], headerStyle: [{
+                type: Input
+            }], tabStyle: [{
+                type: Input
+            }], contentStyle: [{
+                type: Input
+            }], tabStyleClass: [{
+                type: Input
+            }], headerStyleClass: [{
+                type: Input
+            }], contentStyleClass: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], cache: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], transitionOptions: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], headerAriaLevel: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], selectedChange: [{
+                type: Output
+            }], headerFacet: [{
+                type: ContentChildren,
+                args: [Header]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { descendants: false }]
+            }], iconTemplate: [{
+                type: ContentChild,
+                args: ['icon', { descendants: false }]
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content', { descendants: false }]
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 /**
  * Accordion groups a collection of contents in tabs.
  * @group Components
@@ -1361,84 +1174,68 @@ class Accordion extends BaseComponent {
         }
         super.ngOnDestroy();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵAccordion_BaseFactory; return function Accordion_Factory(__ngFactoryType__) { return (ɵAccordion_BaseFactory || (ɵAccordion_BaseFactory = i0.ɵɵgetInheritedFactory(Accordion)))(__ngFactoryType__ || Accordion); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Accordion, selectors: [["p-accordion"]], contentQueries: function Accordion_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, AccordionTab, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabList = _t);
-        } }, hostVars: 8, hostBindings: function Accordion_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown", function Accordion_keydown_HostBindingHandler($event) { return ctx.onKeydown($event); });
-        } if (rf & 2) {
-            i0.ɵɵstyleMap(ctx.hostStyle);
-            i0.ɵɵclassMap(ctx.hostClass);
-            i0.ɵɵclassProp("p-accordion", true)("p-component", true);
-        } }, inputs: { value: [1, "value"], multiple: [1, "multiple"], style: "style", styleClass: "styleClass", expandIcon: "expandIcon", collapseIcon: "collapseIcon", selectOnFocus: [1, "selectOnFocus"], transitionOptions: "transitionOptions", activeIndex: "activeIndex", headerAriaLevel: "headerAriaLevel" }, outputs: { value: "valueChange", activeIndexChange: "activeIndexChange", onClose: "onClose", onOpen: "onOpen" }, features: [i0.ɵɵProvidersFeature([AccordionStyle]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function Accordion_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, dependencies: [CommonModule, SharedModule], encapsulation: 2, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Accordion, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.7", type: Accordion, isStandalone: true, selector: "p-accordion", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: false, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: false, isRequired: false, transformFunction: null }, expandIcon: { classPropertyName: "expandIcon", publicName: "expandIcon", isSignal: false, isRequired: false, transformFunction: null }, collapseIcon: { classPropertyName: "collapseIcon", publicName: "collapseIcon", isSignal: false, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: false, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: false, isRequired: false, transformFunction: null }, headerAriaLevel: { classPropertyName: "headerAriaLevel", publicName: "headerAriaLevel", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", activeIndexChange: "activeIndexChange", onClose: "onClose", onOpen: "onOpen" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class.p-accordion": "true", "class.p-component": "true", "class": "this.hostClass", "style": "this.hostStyle" } }, providers: [AccordionStyle], queries: [{ propertyName: "tabList", predicate: AccordionTab, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-content /> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Accordion, [{
-        type: Component,
-        args: [{
-                selector: 'p-accordion',
-                standalone: true,
-                imports: [CommonModule, SharedModule],
-                template: ` <ng-content /> `,
-                host: {
-                    '[class.p-accordion]': 'true',
-                    '[class.p-component]': 'true'
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [AccordionStyle]
-            }]
-    }], null, { hostClass: [{
-            type: HostBinding,
-            args: ['class']
-        }], hostStyle: [{
-            type: HostBinding,
-            args: ['style']
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], expandIcon: [{
-            type: Input
-        }], collapseIcon: [{
-            type: Input
-        }], transitionOptions: [{
-            type: Input
-        }], activeIndexChange: [{
-            type: Output
-        }], onClose: [{
-            type: Output
-        }], onOpen: [{
-            type: Output
-        }], tabList: [{
-            type: ContentChildren,
-            args: [AccordionTab, { descendants: true }]
-        }], activeIndex: [{
-            type: Input
-        }], headerAriaLevel: [{
-            type: Input
-        }], onKeydown: [{
-            type: HostListener,
-            args: ['keydown', ['$event']]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Accordion, { className: "Accordion", filePath: "accordion.ts", lineNumber: 682 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Accordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-accordion',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule],
+                    template: ` <ng-content /> `,
+                    host: {
+                        '[class.p-accordion]': 'true',
+                        '[class.p-component]': 'true'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [AccordionStyle]
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostStyle: [{
+                type: HostBinding,
+                args: ['style']
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], expandIcon: [{
+                type: Input
+            }], collapseIcon: [{
+                type: Input
+            }], transitionOptions: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], onOpen: [{
+                type: Output
+            }], tabList: [{
+                type: ContentChildren,
+                args: [AccordionTab, { descendants: true }]
+            }], activeIndex: [{
+                type: Input
+            }], headerAriaLevel: [{
+                type: Input
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 class AccordionModule {
-    static ɵfac = function AccordionModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccordionModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AccordionModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: AccordionModule, imports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent], exports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionModule, imports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionModule, [{
-        type: NgModule,
-        args: [{
-                imports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent],
-                exports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AccordionModule, { imports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent], exports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent],
+                    exports: [Accordion, AccordionTab, SharedModule, AccordionPanel, AccordionHeader, AccordionContent]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.