primeng 19.0.5 → 19.0.7

package/fesm2022/primeng-panel.mjs

@@ -1,10 +1,10 @@
-import { trigger, state, style, transition, animate } from '@angular/animations';
+import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ContentChild, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, inject, booleanAttribute, ContentChildren, ViewChild, ContentChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { uuid } from '@primeuix/utils';
-import { Footer, PrimeTemplate, SharedModule } from 'primeng/api';
+import { SharedModule, Footer, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i2 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
@@ -77,12 +77,12 @@ class PanelStyle extends BaseStyle {
     name = 'panel';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵPanelStyle_BaseFactory; return function PanelStyle_Factory(__ngFactoryType__) { return (ɵPanelStyle_BaseFactory || (ɵPanelStyle_BaseFactory = i0.ɵɵgetInheritedFactory(PanelStyle)))(__ngFactoryType__ || PanelStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PanelStyle, factory: PanelStyle.ɵfac });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PanelStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PanelStyle });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PanelStyle, [{
-        type: Injectable
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PanelStyle, decorators: [{
+            type: Injectable
+        }] });
 /**
  *
  * Panel is a container with the optional content toggle feature.
@@ -128,152 +128,6 @@ var PanelClasses;
     PanelClasses["footer"] = "p-panel-footer";
 })(PanelClasses || (PanelClasses = {}));
 
-const _c0 = ["header"];
-const _c1 = ["icons"];
-const _c2 = ["content"];
-const _c3 = ["footer"];
-const _c4 = ["headericons"];
-const _c5 = ["contentWrapper"];
-const _c6 = ["*", [["p-header"]], [["p-footer"]]];
-const _c7 = ["*", "p-header", "p-footer"];
-const _c8 = (a0, a1) => ({ "p-panel p-component": true, "p-panel-toggleable": a0, "p-panel-expanded": a1 });
-const _c9 = a0 => ({ transitionParams: a0, height: "0", opacity: "0" });
-const _c10 = a0 => ({ value: "hidden", params: a0 });
-const _c11 = a0 => ({ transitionParams: a0, height: "*", opacity: "1" });
-const _c12 = a0 => ({ value: "visible", params: a0 });
-const _c13 = (a0, a1, a2) => ({ "p-panel-icons-start": a0, "p-panel-icons-end": a1, "p-panel-icons-center": a2 });
-const _c14 = a0 => ({ $implicit: a0 });
-function Panel_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 12);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵattribute("id", ctx_r2.id + "_header");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2._header);
-} }
-function Panel_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Panel_div_1_5_ng_template_0_Template(rf, ctx) { }
-function Panel_div_1_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Panel_div_1_5_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_1_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span");
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(6);
-    i0.ɵɵclassMap(ctx_r2.expandIcon);
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_1_MinusIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "MinusIcon");
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_1_span_1_Template, 1, 2, "span", 16)(2, Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_1_MinusIcon_2_Template, 1, 0, "MinusIcon", 14);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.expandIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.expandIcon);
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_2_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span");
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(6);
-    i0.ɵɵclassMap(ctx_r2.collapseIcon);
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_2_PlusIcon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "PlusIcon");
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_2_span_1_Template, 1, 2, "span", 16)(2, Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_2_PlusIcon_2_Template, 1, 0, "PlusIcon", 14);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.collapseIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.collapseIcon);
-} }
-function Panel_div_1_p_button_6_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_1_Template, 3, 2, "ng-container", 14)(2, Panel_div_1_p_button_6_ng_template_1_ng_container_0_ng_container_2_Template, 3, 2, "ng-container", 14);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.collapsed);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.collapsed);
-} }
-function Panel_div_1_p_button_6_ng_template_1_1_ng_template_0_Template(rf, ctx) { }
-function Panel_div_1_p_button_6_ng_template_1_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Panel_div_1_p_button_6_ng_template_1_1_ng_template_0_Template, 0, 0, "ng-template");
-} }
-function Panel_div_1_p_button_6_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Panel_div_1_p_button_6_ng_template_1_ng_container_0_Template, 3, 2, "ng-container", 14)(1, Panel_div_1_p_button_6_ng_template_1_1_Template, 1, 0, null, 15);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngIf", !ctx_r2.headerIconsTemplate && !ctx_r2._headerIconsTemplate && !(ctx_r2.toggleButtonProps == null ? null : ctx_r2.toggleButtonProps.icon));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.headerIconsTemplate || ctx_r2._headerIconsTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c14, ctx_r2.collapsed));
-} }
-function Panel_div_1_p_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-button", 13);
-    i0.ɵɵlistener("click", function Panel_div_1_p_button_6_Template_p_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onIconClick($event)); })("keydown", function Panel_div_1_p_button_6_Template_p_button_keydown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onKeyDown($event)); });
-    i0.ɵɵtemplate(1, Panel_div_1_p_button_6_ng_template_1_Template, 2, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("text", true)("rounded", true)("buttonProps", ctx_r2.toggleButtonProps);
-    i0.ɵɵattribute("id", ctx_r2.id + "_header")("aria-label", ctx_r2.buttonAriaLabel)("aria-controls", ctx_r2.id + "_content")("aria-expanded", !ctx_r2.collapsed);
-} }
-function Panel_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵlistener("click", function Panel_div_1_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onHeaderClick($event)); });
-    i0.ɵɵtemplate(1, Panel_div_1_span_1_Template, 2, 2, "span", 9);
-    i0.ɵɵprojection(2, 1);
-    i0.ɵɵtemplate(3, Panel_div_1_ng_container_3_Template, 1, 0, "ng-container", 6);
-    i0.ɵɵelementStart(4, "div", 10);
-    i0.ɵɵtemplate(5, Panel_div_1_5_Template, 1, 0, null, 6)(6, Panel_div_1_p_button_6_Template, 3, 7, "p-button", 11);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("id", ctx_r2.id + "-titlebar");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2._header);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.headerTemplate || ctx_r2._headerTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(6, _c13, ctx_r2.iconPos === "start", ctx_r2.iconPos === "end", ctx_r2.iconPos === "center"));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.iconTemplate || ctx_r2._iconTemplate);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.toggleable);
-} }
-function Panel_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Panel_div_7_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Panel_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵprojection(1, 2);
-    i0.ɵɵtemplate(2, Panel_div_7_ng_container_2_Template, 1, 0, "ng-container", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.footerTemplate || ctx_r2._footerTemplate);
-} }
 /**
  * Panel is a container with the optional content toggle feature.
  * @group Components
@@ -502,79 +356,129 @@ class Panel extends BaseComponent {
             }
         });
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵPanel_BaseFactory; return function Panel_Factory(__ngFactoryType__) { return (ɵPanel_BaseFactory || (ɵPanel_BaseFactory = i0.ɵɵgetInheritedFactory(Panel)))(__ngFactoryType__ || Panel); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Panel, selectors: [["p-panel"]], contentQueries: function Panel_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, Footer, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c0, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c1, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c2, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c3, 4);
-            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.footerFacet = _t.first);
-            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.footerTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerIconsTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, viewQuery: function Panel_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c5, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contentWrapperViewChild = _t.first);
-        } }, inputs: { toggleable: [2, "toggleable", "toggleable", booleanAttribute], _header: [0, "header", "_header"], collapsed: [2, "collapsed", "collapsed", booleanAttribute], style: "style", styleClass: "styleClass", iconPos: "iconPos", expandIcon: "expandIcon", collapseIcon: "collapseIcon", showHeader: [2, "showHeader", "showHeader", booleanAttribute], toggler: "toggler", transitionOptions: "transitionOptions", toggleButtonProps: "toggleButtonProps" }, outputs: { collapsedChange: "collapsedChange", onBeforeToggle: "onBeforeToggle", onAfterToggle: "onAfterToggle" }, features: [i0.ɵɵProvidersFeature([PanelStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c7, decls: 8, vars: 25, consts: [["contentWrapper", ""], ["icon", ""], [3, "ngClass", "ngStyle"], ["class", "p-panel-header", 3, "click", 4, "ngIf"], ["role", "region", 1, "p-panel-content-container", 3, "id"], [1, "p-panel-content"], [4, "ngTemplateOutlet"], ["class", "p-panel-footer", 4, "ngIf"], [1, "p-panel-header", 3, "click"], ["class", "p-panel-title", 4, "ngIf"], [1, "p-panel-icons", 3, "ngClass"], ["severity", "secondary", "type", "button", "role", "button", "styleClass", "p-panel-header-icon p-panel-toggler p-link", 3, "text", "rounded", "buttonProps", "click", "keydown", 4, "ngIf"], [1, "p-panel-title"], ["severity", "secondary", "type", "button", "role", "button", "styleClass", "p-panel-header-icon p-panel-toggler p-link", 3, "click", "keydown", "text", "rounded", "buttonProps"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "class", 4, "ngIf"], [1, "p-panel-footer"]], template: function Panel_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c6);
-            i0.ɵɵelementStart(0, "div", 2);
-            i0.ɵɵtemplate(1, Panel_div_1_Template, 7, 10, "div", 3);
-            i0.ɵɵelementStart(2, "div", 4);
-            i0.ɵɵlistener("@panelContent.done", function Panel_Template_div_animation_panelContent_done_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onToggleDone($event)); });
-            i0.ɵɵelementStart(3, "div", 5, 0);
-            i0.ɵɵprojection(5);
-            i0.ɵɵtemplate(6, Panel_ng_container_6_Template, 1, 0, "ng-container", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, Panel_div_7_Template, 3, 1, "div", 7);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(14, _c8, ctx.toggleable, !ctx.collapsed && ctx.toggleable))("ngStyle", ctx.style);
-            i0.ɵɵattribute("id", ctx.id)("data-pc-name", "panel");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.showHeader);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("id", ctx.id + "_content")("@panelContent", ctx.collapsed ? i0.ɵɵpureFunction1(19, _c10, i0.ɵɵpureFunction1(17, _c9, ctx.animating ? ctx.transitionOptions : "0ms")) : i0.ɵɵpureFunction1(23, _c12, i0.ɵɵpureFunction1(21, _c11, ctx.animating ? ctx.transitionOptions : "0ms")));
-            i0.ɵɵattribute("aria-labelledby", ctx.id + "_header")("aria-hidden", ctx.collapsed)("tabindex", ctx.collapsed ? "-1" : undefined);
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.contentTemplate || ctx._contentTemplate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.footerFacet || ctx.footerTemplate || ctx._footerTemplate);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, PlusIcon, MinusIcon, ButtonModule, i2.Button, SharedModule], encapsulation: 2, data: { animation: [
-                trigger('panelContent', [
-                    state('hidden', style({
-                        height: '0'
-                    })),
-                    state('void', style({
-                        height: '{{height}}'
-                    }), { params: { height: '0' } }),
-                    state('visible', style({
-                        height: '*'
-                    })),
-                    transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-                    transition('void => hidden', animate('{{transitionParams}}')),
-                    transition('void => visible', animate('{{transitionParams}}'))
-                ])
-            ] }, changeDetection: 0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Panel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: Panel, isStandalone: true, selector: "p-panel", inputs: { toggleable: ["toggleable", "toggleable", booleanAttribute], _header: ["header", "_header"], collapsed: ["collapsed", "collapsed", booleanAttribute], style: "style", styleClass: "styleClass", iconPos: "iconPos", expandIcon: "expandIcon", collapseIcon: "collapseIcon", showHeader: ["showHeader", "showHeader", booleanAttribute], toggler: "toggler", transitionOptions: "transitionOptions", toggleButtonProps: "toggleButtonProps" }, outputs: { collapsedChange: "collapsedChange", onBeforeToggle: "onBeforeToggle", onAfterToggle: "onAfterToggle" }, providers: [PanelStyle], queries: [{ propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["header"] }, { propertyName: "iconTemplate", first: true, predicate: ["icons"] }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "footerTemplate", first: true, predicate: ["footer"] }, { propertyName: "headerIconsTemplate", first: true, predicate: ["headericons"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "contentWrapperViewChild", first: true, predicate: ["contentWrapper"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <div
+            [attr.id]="id"
+            [attr.data-pc-name]="'panel'"
+            [ngClass]="{
+                'p-panel p-component': true,
+                'p-panel-toggleable': toggleable,
+                'p-panel-expanded': !collapsed && toggleable
+            }"
+            [ngStyle]="style"
+            [class]="styleClass"
+        >
+            <div class="p-panel-header" *ngIf="showHeader" (click)="onHeaderClick($event)" [attr.id]="id + '-titlebar'">
+                <span class="p-panel-title" *ngIf="_header" [attr.id]="id + '_header'">{{ _header }}</span>
+                <ng-content select="p-header"></ng-content>
+                <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+                <div
+                    class="p-panel-icons"
+                    [ngClass]="{
+                        'p-panel-icons-start': iconPos === 'start',
+                        'p-panel-icons-end': iconPos === 'end',
+                        'p-panel-icons-center': iconPos === 'center'
+                    }"
+                >
+                    <ng-template *ngTemplateOutlet="iconTemplate || _iconTemplate"></ng-template>
+                    <p-button
+                        *ngIf="toggleable"
+                        [attr.id]="id + '_header'"
+                        severity="secondary"
+                        [text]="true"
+                        [rounded]="true"
+                        type="button"
+                        role="button"
+                        styleClass="p-panel-header-icon p-panel-toggler p-link"
+                        [attr.aria-label]="buttonAriaLabel"
+                        [attr.aria-controls]="id + '_content'"
+                        [attr.aria-expanded]="!collapsed"
+                        (click)="onIconClick($event)"
+                        (keydown)="onKeyDown($event)"
+                        [buttonProps]="toggleButtonProps"
+                    >
+                        <ng-template #icon>
+                            <ng-container *ngIf="!headerIconsTemplate && !_headerIconsTemplate && !toggleButtonProps?.icon">
+                                <ng-container *ngIf="!collapsed">
+                                    <span *ngIf="expandIcon" [class]="expandIcon"></span>
+                                    <MinusIcon *ngIf="!expandIcon" />
+                                </ng-container>
+
+                                <ng-container *ngIf="collapsed">
+                                    <span *ngIf="collapseIcon" [class]="collapseIcon"></span>
+                                    <PlusIcon *ngIf="!collapseIcon" />
+                                </ng-container>
+                            </ng-container>
+
+                            <ng-template *ngTemplateOutlet="headerIconsTemplate || _headerIconsTemplate; context: { $implicit: collapsed }"></ng-template>
+                        </ng-template>
+                    </p-button>
+                </div>
+            </div>
+            <div
+                class="p-panel-content-container"
+                [id]="id + '_content'"
+                role="region"
+                [attr.aria-labelledby]="id + '_header'"
+                [attr.aria-hidden]="collapsed"
+                [attr.tabindex]="collapsed ? '-1' : undefined"
+                [@panelContent]="
+                    collapsed
+                        ? {
+                              value: 'hidden',
+                              params: {
+                                  transitionParams: animating ? transitionOptions : '0ms',
+                                  height: '0',
+                                  opacity: '0'
+                              }
+                          }
+                        : {
+                              value: 'visible',
+                              params: {
+                                  transitionParams: animating ? transitionOptions : '0ms',
+                                  height: '*',
+                                  opacity: '1'
+                              }
+                          }
+                "
+                (@panelContent.done)="onToggleDone($event)"
+            >
+                <div class="p-panel-content" #contentWrapper>
+                    <ng-content></ng-content>
+                    <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+                </div>
+
+                <div class="p-panel-footer" *ngIf="footerFacet || footerTemplate || _footerTemplate">
+                    <ng-content select="p-footer"></ng-content>
+                    <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
+                </div>
+            </div>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PlusIcon, selector: "PlusIcon" }, { kind: "component", type: MinusIcon, selector: "MinusIcon" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SharedModule }], animations: [
+            trigger('panelContent', [
+                state('hidden', style({
+                    height: '0'
+                })),
+                state('void', style({
+                    height: '{{height}}'
+                }), { params: { height: '0' } }),
+                state('visible', style({
+                    height: '*'
+                })),
+                transition('visible <=> hidden', [animate('{{transitionParams}}')]),
+                transition('void => hidden', animate('{{transitionParams}}')),
+                transition('void => visible', animate('{{transitionParams}}'))
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Panel, [{
-        type: Component,
-        args: [{
-                selector: 'p-panel',
-                standalone: true,
-                imports: [CommonModule, PlusIcon, MinusIcon, ButtonModule, SharedModule],
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Panel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-panel',
+                    standalone: true,
+                    imports: [CommonModule, PlusIcon, MinusIcon, ButtonModule, SharedModule],
+                    template: `
         <div
             [attr.id]="id"
             [attr.data-pc-name]="'panel'"
@@ -673,99 +577,97 @@ class Panel extends BaseComponent {
             </div>
         </div>
     `,
-                animations: [
-                    trigger('panelContent', [
-                        state('hidden', style({
-                            height: '0'
-                        })),
-                        state('void', style({
-                            height: '{{height}}'
-                        }), { params: { height: '0' } }),
-                        state('visible', style({
-                            height: '*'
-                        })),
-                        transition('visible <=> hidden', [animate('{{transitionParams}}')]),
-                        transition('void => hidden', animate('{{transitionParams}}')),
-                        transition('void => visible', animate('{{transitionParams}}'))
-                    ])
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                providers: [PanelStyle]
-            }]
-    }], null, { toggleable: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], _header: [{
-            type: Input,
-            args: ['header']
-        }], collapsed: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], iconPos: [{
-            type: Input
-        }], expandIcon: [{
-            type: Input
-        }], collapseIcon: [{
-            type: Input
-        }], showHeader: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], toggler: [{
-            type: Input
-        }], transitionOptions: [{
-            type: Input
-        }], toggleButtonProps: [{
-            type: Input
-        }], collapsedChange: [{
-            type: Output
-        }], onBeforeToggle: [{
-            type: Output
-        }], onAfterToggle: [{
-            type: Output
-        }], footerFacet: [{
-            type: ContentChild,
-            args: [Footer]
-        }], headerTemplate: [{
-            type: ContentChild,
-            args: ['header', { descendants: false }]
-        }], iconTemplate: [{
-            type: ContentChild,
-            args: ['icons', { descendants: false }]
-        }], contentTemplate: [{
-            type: ContentChild,
-            args: ['content', { descendants: false }]
-        }], footerTemplate: [{
-            type: ContentChild,
-            args: ['footer', { descendants: false }]
-        }], headerIconsTemplate: [{
-            type: ContentChild,
-            args: ['headericons', { descendants: false }]
-        }], contentWrapperViewChild: [{
-            type: ViewChild,
-            args: ['contentWrapper']
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Panel, { className: "Panel", filePath: "panel.ts", lineNumber: 185 }); })();
+                    animations: [
+                        trigger('panelContent', [
+                            state('hidden', style({
+                                height: '0'
+                            })),
+                            state('void', style({
+                                height: '{{height}}'
+                            }), { params: { height: '0' } }),
+                            state('visible', style({
+                                height: '*'
+                            })),
+                            transition('visible <=> hidden', [animate('{{transitionParams}}')]),
+                            transition('void => hidden', animate('{{transitionParams}}')),
+                            transition('void => visible', animate('{{transitionParams}}'))
+                        ])
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [PanelStyle]
+                }]
+        }], propDecorators: { toggleable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], _header: [{
+                type: Input,
+                args: ['header']
+            }], collapsed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], iconPos: [{
+                type: Input
+            }], expandIcon: [{
+                type: Input
+            }], collapseIcon: [{
+                type: Input
+            }], showHeader: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], toggler: [{
+                type: Input
+            }], transitionOptions: [{
+                type: Input
+            }], toggleButtonProps: [{
+                type: Input
+            }], collapsedChange: [{
+                type: Output
+            }], onBeforeToggle: [{
+                type: Output
+            }], onAfterToggle: [{
+                type: Output
+            }], footerFacet: [{
+                type: ContentChild,
+                args: [Footer]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: ['header', { descendants: false }]
+            }], iconTemplate: [{
+                type: ContentChild,
+                args: ['icons', { descendants: false }]
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content', { descendants: false }]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: ['footer', { descendants: false }]
+            }], headerIconsTemplate: [{
+                type: ContentChild,
+                args: ['headericons', { descendants: false }]
+            }], contentWrapperViewChild: [{
+                type: ViewChild,
+                args: ['contentWrapper']
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class PanelModule {
-    static ɵfac = function PanelModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PanelModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PanelModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Panel, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: PanelModule, imports: [Panel, SharedModule], exports: [Panel, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PanelModule, imports: [Panel, SharedModule, SharedModule] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PanelModule, [{
-        type: NgModule,
-        args: [{
-                imports: [Panel, SharedModule],
-                exports: [Panel, SharedModule]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PanelModule, { imports: [Panel, SharedModule], exports: [Panel, SharedModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: PanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Panel, SharedModule],
+                    exports: [Panel, SharedModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.