primeng 18.0.0-rc.1 → 18.0.0-rc.2

package/fesm2022/primeng-panel.mjs

@@ -151,7 +151,7 @@ function Panel_div_1_span_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵattribute("id", ctx_r1.id + "_header");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.header);
+    i0.ɵɵtextInterpolate(ctx_r1._header);
 } }
 function Panel_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -226,9 +226,9 @@ function Panel_div_1_p_button_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("text", true)("rounded", true)("buttonProps", ctx_r1.toggleButtonProps);
     i0.ɵɵattribute("id", ctx_r1.id + "_header")("aria-label", ctx_r1.buttonAriaLabel)("aria-controls", ctx_r1.id + "_content")("aria-expanded", !ctx_r1.collapsed);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.headerIconsTemplate && !(ctx_r1.toggleButtonProps == null ? null : ctx_r1.toggleButtonProps.icon));
+    i0.ɵɵproperty("ngIf", !ctx_r1.headericonsTemplate && !(ctx_r1.toggleButtonProps == null ? null : ctx_r1.toggleButtonProps.icon));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headerIconsTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c13, ctx_r1.collapsed));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headericonsTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(10, _c13, ctx_r1.collapsed));
 } }
 function Panel_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -244,7 +244,7 @@ function Panel_div_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵattribute("id", ctx_r1.id + "-titlebar");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.header);
+    i0.ɵɵproperty("ngIf", ctx_r1._header);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.headerTemplate);
     i0.ɵɵadvance();
@@ -284,7 +284,7 @@ class Panel extends BaseComponent {
      * Header text of the panel.
      * @group Props
      */
-    header;
+    _header;
     /**
      * Defines the initial state of panel content, supports one or two-way binding as well.
      * @group Props
@@ -400,31 +400,10 @@ class Panel extends BaseComponent {
      * @see {@link PanelHeaderIconsTemplateContext}
      * @group Templates
      */
-    headerIconsTemplate;
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'header':
-                    this.headerTemplate = item.template;
-                    break;
-                case 'icon':
-                    this.iconTemplate = item.template;
-                    break;
-                case 'content':
-                    this.contentTemplate = item.template;
-                    break;
-                case 'footer':
-                    this.footerTemplate = item.template;
-                    break;
-                case 'headericons':
-                    this.headerIconsTemplate = item.template;
-                    break;
-            }
-        });
-    }
+    headericonsTemplate;
     id = uuid('pn_id_');
     get buttonAriaLabel() {
-        return this.header;
+        return this._header;
     }
     _componentStyle = inject(PanelStyle);
     onHeaderClick(event) {
@@ -488,8 +467,8 @@ class Panel extends BaseComponent {
             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);
-        } }, inputs: { toggleable: [2, "toggleable", "toggleable", booleanAttribute], 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" }, standalone: true, features: [i0.ɵɵProvidersFeature([PanelStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c6, decls: 7, vars: 25, consts: [[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) {
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headericonsTemplate = _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" }, standalone: true, features: [i0.ɵɵProvidersFeature([PanelStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c6, decls: 7, vars: 25, consts: [[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) {
             i0.ɵɵprojectionDef(_c5);
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, Panel_div_1_Template, 7, 10, "div", 1);
@@ -550,7 +529,7 @@ class Panel extends BaseComponent {
             [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>
+                <span class="p-panel-title" *ngIf="_header" [attr.id]="id + '_header'">{{ _header }}</span>
                 <ng-content select="p-header"></ng-content>
                 <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
                 <div
@@ -578,7 +557,7 @@ class Panel extends BaseComponent {
                         (keydown)="onKeyDown($event)"
                         [buttonProps]="toggleButtonProps"
                     >
-                        <ng-container *ngIf="!headerIconsTemplate && !toggleButtonProps?.icon">
+                        <ng-container *ngIf="!headericonsTemplate && !toggleButtonProps?.icon">
                             <ng-container *ngIf="!collapsed">
                                 <span *ngIf="expandIcon" [class]="expandIcon"></span>
                                 <MinusIcon *ngIf="!expandIcon" />
@@ -590,7 +569,7 @@ class Panel extends BaseComponent {
                             </ng-container>
                         </ng-container>
 
-                        <ng-template *ngTemplateOutlet="headerIconsTemplate; context: { $implicit: collapsed }"></ng-template>
+                        <ng-template *ngTemplateOutlet="headericonsTemplate; context: { $implicit: collapsed }"></ng-template>
                     </p-button>
                 </div>
             </div>
@@ -657,8 +636,9 @@ class Panel extends BaseComponent {
     }], null, { toggleable: [{
             type: Input,
             args: [{ transform: booleanAttribute }]
-        }], header: [{
-            type: Input
+        }], _header: [{
+            type: Input,
+            args: ['header']
         }], collapsed: [{
             type: Input,
             args: [{ transform: booleanAttribute }]
@@ -702,7 +682,7 @@ class Panel extends BaseComponent {
         }], footerTemplate: [{
             type: ContentChild,
             args: ['footer']
-        }], headerIconsTemplate: [{
+        }], headericonsTemplate: [{
             type: ContentChild,
             args: ['headericons']
         }] }); })();

package/fesm2022/primeng-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-panel.mjs","sources":["../../src/panel/style/panelstyle.ts","../../src/panel/panel.ts","../../src/panel/primeng-panel.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-panel {\n    border: 1px solid ${dt('panel.border.color')};\n    border-radius: ${dt('panel.border.radius')};\n    background: ${dt('panel.background')};\n    color: ${dt('panel.color')};\n}\n\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: ${dt('panel.header.padding')};\n    background: ${dt('panel.header.background')};\n    color: ${dt('panel.header.color')};\n    border-style: solid;\n    border-width: ${dt('panel.header.border.width')};\n    border-color: ${dt('panel.header.border.color')};\n    border-radius: ${dt('panel.header.border.radius')};\n}\n\n.p-panel-toggleable .p-panel-header {\n    padding: ${dt('panel.toggleable.header.padding')};\n}\n\n.p-panel-title {\n    line-height: 1;\n    font-weight: ${dt('panel.title.font.weight')};\n}\n\n.p-panel-content {\n    padding: ${dt('panel.content.padding')};\n}\n\n.p-panel-footer {\n    padding: ${dt('panel.footer.padding')};\n}\n\n/* For PrimeNG */\n.p-panel-toggleable.p-panel-expanded > .p-panel-content-container:not(.ng-animating) {\n    overflow: visible\n}\n\n.p-panel-toggleable .p-panel-content-container {\n    overflow: hidden;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-panel p-component',\n        {\n            'p-panel-toggleable': props.toggleable\n        }\n    ],\n    header: 'p-panel-header',\n    title: 'p-panel-title',\n    headerActions: 'p-panel-header-actions',\n    pcToggleButton: 'p-panel-toggle-button',\n    contentContainer: 'p-panel-content-container',\n    content: 'p-panel-content',\n    footer: 'p-panel-footer'\n};\n@Injectable()\nexport class PanelStyle extends BaseStyle {\n    name = 'panel';\n\n    theme = theme;\n\n    classes = classes;\n}\n\n/**\n *\n * Panel is a container with the optional content toggle feature.\n *\n * [Live Demo](https://www.primeng.org/panel/)\n *\n * @module panelstyle\n *\n */\nexport enum PanelClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-panel',\n    /**\n     * Class name of the header element\n     */\n    header = 'p-panel-header',\n    /**\n     * Class name of the title element\n     */\n    title = 'p-panel-title',\n    /**\n     * Class name of the header actions element\n     */\n    headerActions = 'p-panel-header-actions',\n    /**\n     * Class name of the toggle button element\n     */\n    pcToggleButton = 'p-panel-toggle-button',\n    /**\n     * Class name of the content container element\n     */\n    contentContainer = 'p-panel-content-container',\n    /**\n     * Class name of the content element\n     */\n    content = 'p-panel-content',\n    /**\n     * Class name of the footer element\n     */\n    footer = 'p-panel-footer'\n}\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, EventEmitter, inject, Input, NgModule, Output, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { uuid } from '@primeuix/utils';\nimport { BlockableUI, Footer, SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { ButtonModule } from 'primeng/button';\nimport { MinusIcon, PlusIcon } from 'primeng/icons';\nimport { Ripple } from 'primeng/ripple';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { PanelStyle } from './style/panelstyle';\n\n/**\n * Custom panel toggle event, emits before panel toggle.\n * @see {@link onBeforeToggle}\n * @group Interface\n */\nexport interface PanelBeforeToggleEvent {\n    /**\n     * Browser event.\n     */\n    originalEvent: Event;\n    /**\n     * Collapsed state of the panel.\n     */\n    collapsed: boolean | undefined;\n}\n\n/**\n * Custom panel toggle event, emits after panel toggle.\n * @see {@link onAfterToggle}\n * @extends {PanelBeforeToggleEvent}\n * @group Interface\n */\nexport interface PanelAfterToggleEvent extends PanelBeforeToggleEvent {}\n\n/**\n * Toggle icon template context.\n * @param {boolean} $implicit - Collapsed state as a boolean, implicit value.\n * @group Interface\n */\nexport interface PanelHeaderIconsTemplateContext {\n    /**\n     * Collapsed state as a boolean, implicit value.\n     */\n    $implicit: boolean;\n}\n\n/**\n * Panel is a container with the optional content toggle feature.\n * @group Components\n */\n@Component({\n    selector: 'p-panel',\n    standalone: true,\n    imports: [CommonModule, Ripple, PlusIcon, MinusIcon, ButtonModule, SharedModule],\n    template: `\n        <div\n            [attr.id]=\"id\"\n            [attr.data-pc-name]=\"'panel'\"\n            [ngClass]=\"{\n                'p-panel p-component': true,\n                'p-panel-toggleable': toggleable,\n                'p-panel-expanded': !collapsed && toggleable\n            }\"\n            [ngStyle]=\"style\"\n            [class]=\"styleClass\"\n        >\n            <div class=\"p-panel-header\" *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\" [attr.id]=\"id + '-titlebar'\">\n                <span class=\"p-panel-title\" *ngIf=\"header\" [attr.id]=\"id + '_header'\">{{ header }}</span>\n                <ng-content select=\"p-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n                <div\n                    class=\"p-panel-icons\"\n                    [ngClass]=\"{\n                        'p-panel-icons-start': iconPos === 'start',\n                        'p-panel-icons-end': iconPos === 'end',\n                        'p-panel-icons-center': iconPos === 'center'\n                    }\"\n                >\n                    <ng-template *ngTemplateOutlet=\"iconTemplate\"></ng-template>\n                    <p-button\n                        *ngIf=\"toggleable\"\n                        [attr.id]=\"id + '_header'\"\n                        severity=\"secondary\"\n                        [text]=\"true\"\n                        [rounded]=\"true\"\n                        type=\"button\"\n                        role=\"button\"\n                        styleClass=\"p-panel-header-icon p-panel-toggler p-link\"\n                        [attr.aria-label]=\"buttonAriaLabel\"\n                        [attr.aria-controls]=\"id + '_content'\"\n                        [attr.aria-expanded]=\"!collapsed\"\n                        (click)=\"onIconClick($event)\"\n                        (keydown)=\"onKeyDown($event)\"\n                        [buttonProps]=\"toggleButtonProps\"\n                    >\n                        <ng-container *ngIf=\"!headerIconsTemplate && !toggleButtonProps?.icon\">\n                            <ng-container *ngIf=\"!collapsed\">\n                                <span *ngIf=\"expandIcon\" [class]=\"expandIcon\"></span>\n                                <MinusIcon *ngIf=\"!expandIcon\" />\n                            </ng-container>\n\n                            <ng-container *ngIf=\"collapsed\">\n                                <span *ngIf=\"collapseIcon\" [class]=\"collapseIcon\"></span>\n                                <PlusIcon *ngIf=\"!collapseIcon\" />\n                            </ng-container>\n                        </ng-container>\n\n                        <ng-template *ngTemplateOutlet=\"headerIconsTemplate; context: { $implicit: collapsed }\"></ng-template>\n                    </p-button>\n                </div>\n            </div>\n            <div\n                class=\"p-panel-content-container\"\n                [id]=\"id + '_content'\"\n                role=\"region\"\n                [attr.aria-labelledby]=\"id + '_header'\"\n                [attr.aria-hidden]=\"collapsed\"\n                [attr.tabindex]=\"collapsed ? '-1' : undefined\"\n                [@panelContent]=\"\n                    collapsed\n                        ? {\n                              value: 'hidden',\n                              params: {\n                                  transitionParams: animating ? transitionOptions : '0ms',\n                                  height: '0',\n                                  opacity: '0'\n                              }\n                          }\n                        : {\n                              value: 'visible',\n                              params: {\n                                  transitionParams: animating ? transitionOptions : '0ms',\n                                  height: '*',\n                                  opacity: '1'\n                              }\n                          }\n                \"\n                (@panelContent.done)=\"onToggleDone($event)\"\n            >\n                <div class=\"p-panel-content\">\n                    <ng-content></ng-content>\n                    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n                </div>\n\n                <div class=\"p-panel-footer\" *ngIf=\"footerFacet || footerTemplate\">\n                    <ng-content select=\"p-footer\"></ng-content>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('panelContent', [\n            state(\n                'hidden',\n                style({\n                    height: '0'\n                })\n            ),\n            state(\n                'void',\n                style({\n                    height: '{{height}}'\n                }),\n                { params: { height: '0' } }\n            ),\n            state(\n                'visible',\n                style({\n                    height: '*'\n                })\n            ),\n            transition('visible <=> hidden', [animate('{{transitionParams}}')]),\n            transition('void => hidden', animate('{{transitionParams}}')),\n            transition('void => visible', animate('{{transitionParams}}'))\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [PanelStyle]\n})\nexport class Panel extends BaseComponent implements BlockableUI {\n    /**\n     * Defines if content of panel can be expanded and collapsed.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) toggleable: boolean | undefined;\n    /**\n     * Header text of the panel.\n     * @group Props\n     */\n    @Input() header: string | undefined;\n    /**\n     * Defines the initial state of panel content, supports one or two-way binding as well.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) collapsed: boolean | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Position of the icons.\n     * @group Props\n     */\n    @Input() iconPos: 'start' | 'end' | 'center' = 'end';\n    /**\n     * Expand icon of the toggle button.\n     * @group Props\n     * @deprecated since v15.4.2, use `headericons` template instead.\n     */\n    @Input() expandIcon: string | undefined;\n    /**\n     * Collapse icon of the toggle button.\n     * @group Props\n     * @deprecated since v15.4.2, use `headericons` template instead.\n     */\n    @Input() collapseIcon: string | undefined;\n    /**\n     * Specifies if header of panel cannot be displayed.\n     * @group Props\n     * @deprecated since v15.4.2, use `headericons` template instead.\n     */\n    @Input({ transform: booleanAttribute }) showHeader: boolean = true;\n    /**\n     * Specifies the toggler element to toggle the panel content.\n     * @group Props\n     */\n    @Input() toggler: 'icon' | 'header' = 'icon';\n    /**\n     * Transition options of the animation.\n     * @group Props\n     */\n    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n    /**\n     * Used to pass all properties of the ButtonProps to the Button component.\n     * @group Props\n     */\n    @Input() toggleButtonProps: any;\n    /**\n     * Emitted when the collapsed changes.\n     * @param {boolean} value - New Value.\n     * @group Emits\n     */\n    @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n    /**\n     * Callback to invoke before panel toggle.\n     * @param {PanelBeforeToggleEvent} event - Custom panel toggle event\n     * @group Emits\n     */\n    @Output() onBeforeToggle: EventEmitter<PanelBeforeToggleEvent> = new EventEmitter<PanelBeforeToggleEvent>();\n    /**\n     * Callback to invoke after panel toggle.\n     * @param {PanelAfterToggleEvent} event - Custom panel toggle event\n     * @group Emits\n     */\n    @Output() onAfterToggle: EventEmitter<PanelAfterToggleEvent> = new EventEmitter<PanelAfterToggleEvent>();\n\n    @ContentChild(Footer) footerFacet: Nullable<TemplateRef<any>>;\n\n    animating: Nullable<boolean>;\n    /**\n     * Defines template option for header.\n     * @group Templates\n     */\n    @ContentChild('header') headerTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for icon.\n     * @example\n     * ```html\n     * <ng-template #icon> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('icon') iconTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for content.\n     * @example\n     * ```html\n     * <ng-template #content> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('content') contentTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for footer.\n     * @example\n     * ```html\n     * <ng-template #footer> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('footer') footerTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for headerIcon.\n     * @type {TemplateRef<PanelHeaderIconsTemplateContext>} context - context of the template.\n     * @example\n     * ```html\n     * <ng-template #headericons let-collapsed> </ng-template>\n     * ```\n     * @see {@link PanelHeaderIconsTemplateContext}\n     * @group Templates\n     */\n    @ContentChild('headericons') headerIconsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;\n\n    ngAfterContentInit() {\n        this.templates.forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n                case 'icon':\n                    this.iconTemplate = item.template;\n                    break;\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                case 'footer':\n                    this.footerTemplate = item.template;\n                    break;\n                case 'headericons':\n                    this.headerIconsTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    readonly id = uuid('pn_id_');\n\n    get buttonAriaLabel() {\n        return this.header;\n    }\n\n    _componentStyle = inject(PanelStyle);\n\n    onHeaderClick(event: MouseEvent) {\n        if (this.toggler === 'header') {\n            this.toggle(event);\n        }\n    }\n\n    onIconClick(event: MouseEvent) {\n        if (this.toggler === 'icon') {\n            this.toggle(event);\n        }\n    }\n\n    toggle(event: MouseEvent) {\n        if (this.animating) {\n            return false;\n        }\n\n        this.animating = true;\n        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed });\n\n        if (this.toggleable) {\n            if (this.collapsed) this.expand();\n            else this.collapse();\n        }\n\n        this.cd.markForCheck();\n        event.preventDefault();\n    }\n\n    expand() {\n        this.collapsed = false;\n        this.collapsedChange.emit(this.collapsed);\n    }\n\n    collapse() {\n        this.collapsed = true;\n        this.collapsedChange.emit(this.collapsed);\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n\n    onKeyDown(event) {\n        if (event.code === 'Enter' || event.code === 'Space') {\n            this.toggle(event);\n            event.preventDefault();\n        }\n    }\n\n    onToggleDone(event: any) {\n        this.animating = false;\n        this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed });\n    }\n}\n\n@NgModule({\n    imports: [Panel, SharedModule],\n    exports: [Panel, SharedModule]\n})\nexport class PanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-panel.mjs","sources":["../../src/panel/style/panelstyle.ts","../../src/panel/panel.ts","../../src/panel/primeng-panel.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-panel {\n    border: 1px solid ${dt('panel.border.color')};\n    border-radius: ${dt('panel.border.radius')};\n    background: ${dt('panel.background')};\n    color: ${dt('panel.color')};\n}\n\n.p-panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: ${dt('panel.header.padding')};\n    background: ${dt('panel.header.background')};\n    color: ${dt('panel.header.color')};\n    border-style: solid;\n    border-width: ${dt('panel.header.border.width')};\n    border-color: ${dt('panel.header.border.color')};\n    border-radius: ${dt('panel.header.border.radius')};\n}\n\n.p-panel-toggleable .p-panel-header {\n    padding: ${dt('panel.toggleable.header.padding')};\n}\n\n.p-panel-title {\n    line-height: 1;\n    font-weight: ${dt('panel.title.font.weight')};\n}\n\n.p-panel-content {\n    padding: ${dt('panel.content.padding')};\n}\n\n.p-panel-footer {\n    padding: ${dt('panel.footer.padding')};\n}\n\n/* For PrimeNG */\n.p-panel-toggleable.p-panel-expanded > .p-panel-content-container:not(.ng-animating) {\n    overflow: visible\n}\n\n.p-panel-toggleable .p-panel-content-container {\n    overflow: hidden;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-panel p-component',\n        {\n            'p-panel-toggleable': props.toggleable\n        }\n    ],\n    header: 'p-panel-header',\n    title: 'p-panel-title',\n    headerActions: 'p-panel-header-actions',\n    pcToggleButton: 'p-panel-toggle-button',\n    contentContainer: 'p-panel-content-container',\n    content: 'p-panel-content',\n    footer: 'p-panel-footer'\n};\n@Injectable()\nexport class PanelStyle extends BaseStyle {\n    name = 'panel';\n\n    theme = theme;\n\n    classes = classes;\n}\n\n/**\n *\n * Panel is a container with the optional content toggle feature.\n *\n * [Live Demo](https://www.primeng.org/panel/)\n *\n * @module panelstyle\n *\n */\nexport enum PanelClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-panel',\n    /**\n     * Class name of the header element\n     */\n    header = 'p-panel-header',\n    /**\n     * Class name of the title element\n     */\n    title = 'p-panel-title',\n    /**\n     * Class name of the header actions element\n     */\n    headerActions = 'p-panel-header-actions',\n    /**\n     * Class name of the toggle button element\n     */\n    pcToggleButton = 'p-panel-toggle-button',\n    /**\n     * Class name of the content container element\n     */\n    contentContainer = 'p-panel-content-container',\n    /**\n     * Class name of the content element\n     */\n    content = 'p-panel-content',\n    /**\n     * Class name of the footer element\n     */\n    footer = 'p-panel-footer'\n}\n","import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, EventEmitter, inject, Input, NgModule, Output, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { uuid } from '@primeuix/utils';\nimport { BlockableUI, Footer, SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { ButtonModule } from 'primeng/button';\nimport { MinusIcon, PlusIcon } from 'primeng/icons';\nimport { Ripple } from 'primeng/ripple';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { PanelStyle } from './style/panelstyle';\n\n/**\n * Custom panel toggle event, emits before panel toggle.\n * @see {@link onBeforeToggle}\n * @group Interface\n */\nexport interface PanelBeforeToggleEvent {\n    /**\n     * Browser event.\n     */\n    originalEvent: Event;\n    /**\n     * Collapsed state of the panel.\n     */\n    collapsed: boolean | undefined;\n}\n\n/**\n * Custom panel toggle event, emits after panel toggle.\n * @see {@link onAfterToggle}\n * @extends {PanelBeforeToggleEvent}\n * @group Interface\n */\nexport interface PanelAfterToggleEvent extends PanelBeforeToggleEvent {}\n\n/**\n * Toggle icon template context.\n * @param {boolean} $implicit - Collapsed state as a boolean, implicit value.\n * @group Interface\n */\nexport interface PanelHeaderIconsTemplateContext {\n    /**\n     * Collapsed state as a boolean, implicit value.\n     */\n    $implicit: boolean;\n}\n\n/**\n * Panel is a container with the optional content toggle feature.\n * @group Components\n */\n@Component({\n    selector: 'p-panel',\n    standalone: true,\n    imports: [CommonModule, Ripple, PlusIcon, MinusIcon, ButtonModule, SharedModule],\n    template: `\n        <div\n            [attr.id]=\"id\"\n            [attr.data-pc-name]=\"'panel'\"\n            [ngClass]=\"{\n                'p-panel p-component': true,\n                'p-panel-toggleable': toggleable,\n                'p-panel-expanded': !collapsed && toggleable\n            }\"\n            [ngStyle]=\"style\"\n            [class]=\"styleClass\"\n        >\n            <div class=\"p-panel-header\" *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\" [attr.id]=\"id + '-titlebar'\">\n                <span class=\"p-panel-title\" *ngIf=\"_header\" [attr.id]=\"id + '_header'\">{{ _header }}</span>\n                <ng-content select=\"p-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n                <div\n                    class=\"p-panel-icons\"\n                    [ngClass]=\"{\n                        'p-panel-icons-start': iconPos === 'start',\n                        'p-panel-icons-end': iconPos === 'end',\n                        'p-panel-icons-center': iconPos === 'center'\n                    }\"\n                >\n                    <ng-template *ngTemplateOutlet=\"iconTemplate\"></ng-template>\n                    <p-button\n                        *ngIf=\"toggleable\"\n                        [attr.id]=\"id + '_header'\"\n                        severity=\"secondary\"\n                        [text]=\"true\"\n                        [rounded]=\"true\"\n                        type=\"button\"\n                        role=\"button\"\n                        styleClass=\"p-panel-header-icon p-panel-toggler p-link\"\n                        [attr.aria-label]=\"buttonAriaLabel\"\n                        [attr.aria-controls]=\"id + '_content'\"\n                        [attr.aria-expanded]=\"!collapsed\"\n                        (click)=\"onIconClick($event)\"\n                        (keydown)=\"onKeyDown($event)\"\n                        [buttonProps]=\"toggleButtonProps\"\n                    >\n                        <ng-container *ngIf=\"!headericonsTemplate && !toggleButtonProps?.icon\">\n                            <ng-container *ngIf=\"!collapsed\">\n                                <span *ngIf=\"expandIcon\" [class]=\"expandIcon\"></span>\n                                <MinusIcon *ngIf=\"!expandIcon\" />\n                            </ng-container>\n\n                            <ng-container *ngIf=\"collapsed\">\n                                <span *ngIf=\"collapseIcon\" [class]=\"collapseIcon\"></span>\n                                <PlusIcon *ngIf=\"!collapseIcon\" />\n                            </ng-container>\n                        </ng-container>\n\n                        <ng-template *ngTemplateOutlet=\"headericonsTemplate; context: { $implicit: collapsed }\"></ng-template>\n                    </p-button>\n                </div>\n            </div>\n            <div\n                class=\"p-panel-content-container\"\n                [id]=\"id + '_content'\"\n                role=\"region\"\n                [attr.aria-labelledby]=\"id + '_header'\"\n                [attr.aria-hidden]=\"collapsed\"\n                [attr.tabindex]=\"collapsed ? '-1' : undefined\"\n                [@panelContent]=\"\n                    collapsed\n                        ? {\n                              value: 'hidden',\n                              params: {\n                                  transitionParams: animating ? transitionOptions : '0ms',\n                                  height: '0',\n                                  opacity: '0'\n                              }\n                          }\n                        : {\n                              value: 'visible',\n                              params: {\n                                  transitionParams: animating ? transitionOptions : '0ms',\n                                  height: '*',\n                                  opacity: '1'\n                              }\n                          }\n                \"\n                (@panelContent.done)=\"onToggleDone($event)\"\n            >\n                <div class=\"p-panel-content\">\n                    <ng-content></ng-content>\n                    <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n                </div>\n\n                <div class=\"p-panel-footer\" *ngIf=\"footerFacet || footerTemplate\">\n                    <ng-content select=\"p-footer\"></ng-content>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n                </div>\n            </div>\n        </div>\n    `,\n    animations: [\n        trigger('panelContent', [\n            state(\n                'hidden',\n                style({\n                    height: '0'\n                })\n            ),\n            state(\n                'void',\n                style({\n                    height: '{{height}}'\n                }),\n                { params: { height: '0' } }\n            ),\n            state(\n                'visible',\n                style({\n                    height: '*'\n                })\n            ),\n            transition('visible <=> hidden', [animate('{{transitionParams}}')]),\n            transition('void => hidden', animate('{{transitionParams}}')),\n            transition('void => visible', animate('{{transitionParams}}'))\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [PanelStyle]\n})\nexport class Panel extends BaseComponent implements BlockableUI {\n    /**\n     * Defines if content of panel can be expanded and collapsed.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) toggleable: boolean | undefined;\n    /**\n     * Header text of the panel.\n     * @group Props\n     */\n    @Input('header') _header: string | undefined;\n    /**\n     * Defines the initial state of panel content, supports one or two-way binding as well.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) collapsed: boolean | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Position of the icons.\n     * @group Props\n     */\n    @Input() iconPos: 'start' | 'end' | 'center' = 'end';\n    /**\n     * Expand icon of the toggle button.\n     * @group Props\n     * @deprecated since v15.4.2, use `headericons` template instead.\n     */\n    @Input() expandIcon: string | undefined;\n    /**\n     * Collapse icon of the toggle button.\n     * @group Props\n     * @deprecated since v15.4.2, use `headericons` template instead.\n     */\n    @Input() collapseIcon: string | undefined;\n    /**\n     * Specifies if header of panel cannot be displayed.\n     * @group Props\n     * @deprecated since v15.4.2, use `headericons` template instead.\n     */\n    @Input({ transform: booleanAttribute }) showHeader: boolean = true;\n    /**\n     * Specifies the toggler element to toggle the panel content.\n     * @group Props\n     */\n    @Input() toggler: 'icon' | 'header' = 'icon';\n    /**\n     * Transition options of the animation.\n     * @group Props\n     */\n    @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n    /**\n     * Used to pass all properties of the ButtonProps to the Button component.\n     * @group Props\n     */\n    @Input() toggleButtonProps: any;\n    /**\n     * Emitted when the collapsed changes.\n     * @param {boolean} value - New Value.\n     * @group Emits\n     */\n    @Output() collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n    /**\n     * Callback to invoke before panel toggle.\n     * @param {PanelBeforeToggleEvent} event - Custom panel toggle event\n     * @group Emits\n     */\n    @Output() onBeforeToggle: EventEmitter<PanelBeforeToggleEvent> = new EventEmitter<PanelBeforeToggleEvent>();\n    /**\n     * Callback to invoke after panel toggle.\n     * @param {PanelAfterToggleEvent} event - Custom panel toggle event\n     * @group Emits\n     */\n    @Output() onAfterToggle: EventEmitter<PanelAfterToggleEvent> = new EventEmitter<PanelAfterToggleEvent>();\n\n    @ContentChild(Footer) footerFacet: Nullable<TemplateRef<any>>;\n\n    animating: Nullable<boolean>;\n    /**\n     * Defines template option for header.\n     * @group Templates\n     */\n    @ContentChild('header') headerTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for icon.\n     * @example\n     * ```html\n     * <ng-template #icon> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('icon') iconTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for content.\n     * @example\n     * ```html\n     * <ng-template #content> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('content') contentTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for footer.\n     * @example\n     * ```html\n     * <ng-template #footer> </ng-template>\n     * ```\n     * @group Templates\n     */\n    @ContentChild('footer') footerTemplate: TemplateRef<any> | undefined;\n\n    /**\n     * Defines template option for headerIcon.\n     * @type {TemplateRef<PanelHeaderIconsTemplateContext>} context - context of the template.\n     * @example\n     * ```html\n     * <ng-template #headericons let-collapsed> </ng-template>\n     * ```\n     * @see {@link PanelHeaderIconsTemplateContext}\n     * @group Templates\n     */\n    @ContentChild('headericons') headericonsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;\n\n    readonly id = uuid('pn_id_');\n\n    get buttonAriaLabel() {\n        return this._header;\n    }\n\n    _componentStyle = inject(PanelStyle);\n\n    onHeaderClick(event: MouseEvent) {\n        if (this.toggler === 'header') {\n            this.toggle(event);\n        }\n    }\n\n    onIconClick(event: MouseEvent) {\n        if (this.toggler === 'icon') {\n            this.toggle(event);\n        }\n    }\n\n    toggle(event: MouseEvent) {\n        if (this.animating) {\n            return false;\n        }\n\n        this.animating = true;\n        this.onBeforeToggle.emit({ originalEvent: event, collapsed: this.collapsed });\n\n        if (this.toggleable) {\n            if (this.collapsed) this.expand();\n            else this.collapse();\n        }\n\n        this.cd.markForCheck();\n        event.preventDefault();\n    }\n\n    expand() {\n        this.collapsed = false;\n        this.collapsedChange.emit(this.collapsed);\n    }\n\n    collapse() {\n        this.collapsed = true;\n        this.collapsedChange.emit(this.collapsed);\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n\n    onKeyDown(event) {\n        if (event.code === 'Enter' || event.code === 'Space') {\n            this.toggle(event);\n            event.preventDefault();\n        }\n    }\n\n    onToggleDone(event: any) {\n        this.animating = false;\n        this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed });\n    }\n}\n\n@NgModule({\n    imports: [Panel, SharedModule],\n    exports: [Panel, SharedModule]\n})\nexport class PanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-panelmenu.mjs

@@ -32,14 +32,14 @@ const theme = ({ dt }) => `
 
 .p-panelmenu-panel:first-child {
     border-width: ${dt('panelmenu.panel.first.border.width')};
-    border-top-left-radius: ${dt('panelmenu.panel.first.top.border.radius')};
-    border-top-right-radius: ${dt('panelmenu.panel.first.top.border.radius')};
+    border-start-start-radius: ${dt('panelmenu.panel.first.top.border.radius')};
+    border-start-end-radius: ${dt('panelmenu.panel.first.top.border.radius')};
 }
 
 .p-panelmenu-panel:last-child {
     border-width: ${dt('panelmenu.panel.last.border.width')};
-    border-bottom-left-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
-    border-bottom-right-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
+    border-end-start-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
+    border-end-end-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
 }
 
 .p-panelmenu-header {
@@ -74,6 +74,10 @@ const theme = ({ dt }) => `
     color: ${dt('panelmenu.submenu.icon.color')};
 }
 
+.p-panelmenu-header:not(.p-panelmenu-header-active)  .p-panelmenu-header-content .p-panelmenu-submenu-icon:dir(rtl) {
+    transform: rotate(180deg);
+}
+
 .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     background: ${dt('panelmenu.item.focus.background')};
     color: ${dt('panelmenu.item.focus.color')};
@@ -107,6 +111,10 @@ const theme = ({ dt }) => `
     list-style: none;
 }
 
+.p-panelmenu-submenu:dir(rtl) {
+    padding: 0 ${dt('panelmenu.submenu.indent')} 0 0;
+}
+
 .p-panelmenu-item-link {
     display: flex;
     gap: ${dt('panelmenu.item.gap')};
@@ -338,9 +346,9 @@ function PanelMenuSub_ng_template_2_li_1_ng_container_2_a_1_ng_container_1_Templ
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r3.panelMenu.submenuIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r3.panelMenu.submenuiconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.panelMenu.submenuIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.panelMenu.submenuiconTemplate);
 } }
 function PanelMenuSub_ng_template_2_li_1_ng_container_2_a_1_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 22);
@@ -432,9 +440,9 @@ function PanelMenuSub_ng_template_2_li_1_ng_container_2_a_2_ng_container_1_Templ
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r3.panelMenu.submenuIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r3.panelMenu.submenuiconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.panelMenu.submenuIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.panelMenu.submenuiconTemplate);
 } }
 function PanelMenuSub_ng_template_2_li_1_ng_container_2_a_2_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 22);
@@ -601,9 +609,9 @@ function PanelMenu_ng_container_2_div_1_ng_container_3_a_1_ng_container_1_Templa
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r4.submenuIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r4.submenuiconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r4.submenuIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r4.submenuiconTemplate);
 } }
 function PanelMenu_ng_container_2_div_1_ng_container_3_a_1_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 21);
@@ -705,9 +713,9 @@ function PanelMenu_ng_container_2_div_1_a_5_ng_container_1_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r4.submenuIconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r4.submenuiconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r4.submenuIconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r4.submenuiconTemplate);
 } }
 function PanelMenu_ng_container_2_div_1_a_5_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 21);
@@ -899,7 +907,7 @@ class PanelMenuSub extends BaseComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewChild = _t.first);
-        } }, inputs: { panelId: "panelId", focusedItemId: "focusedItemId", items: "items", itemTemplate: "itemTemplate", level: [2, "level", "level", numberAttribute], activeItemPath: "activeItemPath", root: [2, "root", "root", booleanAttribute], tabindex: [2, "tabindex", "tabindex", numberAttribute], transitionOptions: "transitionOptions", parentExpanded: [2, "parentExpanded", "parentExpanded", booleanAttribute] }, outputs: { itemToggle: "itemToggle", menuFocus: "menuFocus", menuBlur: "menuBlur", menuKeyDown: "menuKeyDown" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 7, consts: [["list", ""], ["htmlLabel", ""], ["htmlRouteLabel", ""], ["role", "tree", 3, "focusin", "focusout", "keydown", "ngClass", "tabindex"], ["ngFor", "", 3, "ngForOf"], ["class", "p-menuitem-separator", "role", "separator", 4, "ngIf"], ["role", "treeitem", 3, "ngClass", "class", "p-hidden", "p-focus", "ngStyle", "pTooltip", "tooltipOptions", 4, "ngIf"], ["role", "separator", 1, "p-menuitem-separator"], ["role", "treeitem", 3, "ngClass", "ngStyle", "pTooltip", "tooltipOptions"], [1, "p-menuitem-content", 3, "click"], [4, "ngIf"], [1, "p-toggleable-content"], [3, "id", "panelId", "items", "itemTemplate", "transitionOptions", "focusedItemId", "activeItemPath", "level", "parentExpanded", "itemToggle", 4, "ngIf"], ["class", "p-panelmenu-item-link", 3, "ngClass", "target", 4, "ngIf"], ["class", "p-panelmenu-item-link", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "ngClass", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", 4, "ngIf"], [1, "p-panelmenu-item-link", 3, "ngClass", "target"], ["class", "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle", 4, "ngIf"], ["class", "p-panelmenu-item-label", 4, "ngIf", "ngIfElse"], ["class", "p-menuitem-badge", 3, "ngClass", 4, "ngIf"], [4, "ngTemplateOutlet"], [3, "styleClass", "ngStyle", 4, "ngIf"], [3, "styleClass", "ngStyle"], [1, "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle"], [1, "p-panelmenu-item-label"], [1, "p-panelmenu-item-label", 3, "innerHTML"], [1, "p-menuitem-badge", 3, "ngClass"], [1, "p-panelmenu-item-link", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "ngClass", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "itemToggle", "id", "panelId", "items", "itemTemplate", "transitionOptions", "focusedItemId", "activeItemPath", "level", "parentExpanded"]], template: function PanelMenuSub_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { panelId: "panelId", focusedItemId: "focusedItemId", items: "items", itemTemplate: "itemTemplate", level: [2, "level", "level", numberAttribute], activeItemPath: "activeItemPath", root: [2, "root", "root", booleanAttribute], tabindex: [2, "tabindex", "tabindex", numberAttribute], transitionOptions: "transitionOptions", parentExpanded: [2, "parentExpanded", "parentExpanded", booleanAttribute] }, outputs: { itemToggle: "itemToggle", menuFocus: "menuFocus", menuBlur: "menuBlur", menuKeyDown: "menuKeyDown" }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 7, consts: [["list", ""], ["htmlLabel", ""], ["htmlRouteLabel", ""], ["role", "tree", 3, "focusin", "focusout", "keydown", "ngClass", "tabindex"], ["ngFor", "", 3, "ngForOf"], ["class", "p-menuitem-separator", "role", "separator", 4, "ngIf"], ["role", "treeitem", 3, "ngClass", "class", "p-hidden", "p-focus", "ngStyle", "pTooltip", "tooltipOptions", 4, "ngIf"], ["role", "separator", 1, "p-menuitem-separator"], ["role", "treeitem", 3, "ngClass", "ngStyle", "pTooltip", "tooltipOptions"], [1, "p-panelmenu-item-content", 3, "click"], [4, "ngIf"], [1, "p-toggleable-content"], [3, "id", "panelId", "items", "itemTemplate", "transitionOptions", "focusedItemId", "activeItemPath", "level", "parentExpanded", "itemToggle", 4, "ngIf"], ["class", "p-panelmenu-item-link", 3, "ngClass", "target", 4, "ngIf"], ["class", "p-panelmenu-item-link", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "ngClass", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", 4, "ngIf"], [1, "p-panelmenu-item-link", 3, "ngClass", "target"], ["class", "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle", 4, "ngIf"], ["class", "p-panelmenu-item-label", 4, "ngIf", "ngIfElse"], ["class", "p-menuitem-badge", 3, "ngClass", 4, "ngIf"], [4, "ngTemplateOutlet"], [3, "styleClass", "ngStyle", 4, "ngIf"], [3, "styleClass", "ngStyle"], [1, "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle"], [1, "p-panelmenu-item-label"], [1, "p-panelmenu-item-label", 3, "innerHTML"], [1, "p-menuitem-badge", 3, "ngClass"], [1, "p-panelmenu-item-link", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "ngClass", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "itemToggle", "id", "panelId", "items", "itemTemplate", "transitionOptions", "focusedItemId", "activeItemPath", "level", "parentExpanded"]], template: function PanelMenuSub_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "ul", 3, 0);
             i0.ɵɵlistener("focusin", function PanelMenuSub_Template_ul_focusin_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.menuFocus.emit($event)); })("focusout", function PanelMenuSub_Template_ul_focusout_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.menuBlur.emit($event)); })("keydown", function PanelMenuSub_Template_ul_keydown_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.menuKeyDown.emit($event)); });
@@ -962,7 +970,7 @@ class PanelMenuSub extends BaseComponent {
                     [attr.data-p-disabled]="isItemDisabled(processedItem)"
                     [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
                 >
-                    <div class="p-menuitem-content" (click)="onItemClick($event, processedItem)">
+                    <div class="p-panelmenu-item-content" (click)="onItemClick($event, processedItem)">
                         <ng-container *ngIf="!itemTemplate">
                             <a
                                 *ngIf="!getItemProp(processedItem, 'routerLink')"
@@ -974,11 +982,11 @@ class PanelMenuSub extends BaseComponent {
                                 [attr.tabindex]="!!parentExpanded ? '0' : '-1'"
                             >
                                 <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!panelMenu.submenuIconTemplate">
+                                    <ng-container *ngIf="!panelMenu.submenuiconTemplate">
                                         <AngleDownIcon [styleClass]="'p-panelmenu-submenu-icon'" *ngIf="isItemActive(processedItem)" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
                                         <AngleRightIcon [styleClass]="'p-panelmenu-submenu-icon'" *ngIf="!isItemActive(processedItem)" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
                                     </ng-container>
-                                    <ng-template *ngTemplateOutlet="panelMenu.submenuIconTemplate"></ng-template>
+                                    <ng-template *ngTemplateOutlet="panelMenu.submenuiconTemplate"></ng-template>
                                 </ng-container>
                                 <span class="p-panelmenu-submenu-icon" [ngClass]="processedItem.icon" *ngIf="processedItem.icon" [ngStyle]="getItemProp(processedItem, 'iconStyle')"></span>
                                 <span class="p-panelmenu-item-label" *ngIf="processedItem.item?.escape !== false; else htmlLabel">{{ getItemProp(processedItem, 'label') }}</span>
@@ -1005,11 +1013,11 @@ class PanelMenuSub extends BaseComponent {
                                 [attr.tabindex]="!!parentExpanded ? '0' : '-1'"
                             >
                                 <ng-container *ngIf="isItemGroup(processedItem)">
-                                    <ng-container *ngIf="!panelMenu.submenuIconTemplate">
+                                    <ng-container *ngIf="!panelMenu.submenuiconTemplate">
                                         <AngleDownIcon *ngIf="isItemActive(processedItem)" [styleClass]="'p-panelmenu-submenu-icon'" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
                                         <AngleRightIcon *ngIf="!isItemActive(processedItem)" [styleClass]="'p-panelmenu-submenu-icon'" [ngStyle]="getItemProp(processedItem, 'iconStyle')" />
                                     </ng-container>
-                                    <ng-template *ngTemplateOutlet="panelMenu.submenuIconTemplate"></ng-template>
+                                    <ng-template *ngTemplateOutlet="panelMenu.submenuiconTemplate"></ng-template>
                                 </ng-container>
                                 <span class="p-panelmenu-submenu-icon" [ngClass]="processedItem.icon" *ngIf="processedItem.icon" [ngStyle]="getItemProp(processedItem, 'iconStyle')"></span>
                                 <span class="p-panelmenu-item-label" *ngIf="getItemProp(processedItem, 'escape') !== false; else htmlRouteLabel">{{ getItemProp(processedItem, 'label') }}</span>
@@ -1537,7 +1545,7 @@ class PanelMenu extends BaseComponent {
      * Template option of submenuicon.
      * @group Templates
      */
-    submenuIconTemplate;
+    submenuiconTemplate;
     /**
      * Template option of item.
      * @group Templates
@@ -1550,21 +1558,6 @@ class PanelMenu extends BaseComponent {
         super.ngOnInit();
         this.id = this.id || uuid('pn_id_');
     }
-    ngAfterContentInit() {
-        this.templates?.forEach((item) => {
-            switch (item.getType()) {
-                case 'submenuicon':
-                    this.submenuIconTemplate = item.template;
-                    break;
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
     /**
      * Collapses open panels.
      * @group Method
@@ -1714,14 +1707,14 @@ class PanelMenu extends BaseComponent {
             i0.ɵɵcontentQuery(dirIndex, _c7, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.submenuIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.submenuiconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemTemplate = _t.first);
         } }, viewQuery: function PanelMenu_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c8, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerViewChild = _t.first);
-        } }, inputs: { model: "model", style: "style", styleClass: "styleClass", multiple: [2, "multiple", "multiple", booleanAttribute], transitionOptions: "transitionOptions", id: "id", tabindex: [2, "tabindex", "tabindex", numberAttribute] }, standalone: true, features: [i0.ɵɵProvidersFeature([PanelMenuStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 5, consts: [["container", ""], ["htmlLabel", ""], ["htmlRouteLabel", ""], [3, "ngStyle", "ngClass"], [4, "ngFor", "ngForOf"], ["class", "p-panelmenu-panel", 3, "ngClass", "ngStyle", 4, "ngIf"], [1, "p-panelmenu-panel", 3, "ngClass", "ngStyle"], ["role", "button", 3, "click", "keydown", "ngClass", "ngStyle", "pTooltip", "tabindex", "tooltipOptions"], [1, "p-panelmenu-header-content"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "p-panelmenu-header-action", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", 4, "ngIf"], ["class", "p-panelmenu-content-container", "role", "region", 3, "ngClass", 4, "ngIf"], ["class", "p-panelmenu-header-link", 3, "target", 4, "ngIf"], [1, "p-panelmenu-header-link", 3, "target"], ["class", "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle", 4, "ngIf"], ["class", "p-panelmenu-header-label", 4, "ngIf", "ngIfElse"], ["class", "p-menuitem-badge", 3, "ngClass", 4, "ngIf"], [4, "ngTemplateOutlet"], [3, "styleClass", 4, "ngIf"], [3, "styleClass"], [1, "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle"], [1, "p-panelmenu-header-label"], [1, "p-panelmenu-header-label", 3, "innerHTML"], [1, "p-menuitem-badge", 3, "ngClass"], [1, "p-panelmenu-header-action", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state"], ["role", "region", 1, "p-panelmenu-content-container", 3, "ngClass"], [1, "p-panelmenu-content"], [3, "headerFocus", "panelId", "items", "itemTemplate", "transitionOptions", "root", "activeItem", "tabindex", "parentExpanded"]], template: function PanelMenu_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { model: "model", style: "style", styleClass: "styleClass", multiple: [2, "multiple", "multiple", booleanAttribute], transitionOptions: "transitionOptions", id: "id", tabindex: [2, "tabindex", "tabindex", numberAttribute] }, standalone: true, features: [i0.ɵɵProvidersFeature([PanelMenuStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 5, consts: [["container", ""], ["htmlLabel", ""], ["htmlRouteLabel", ""], [3, "ngStyle", "ngClass"], [4, "ngFor", "ngForOf"], ["class", "p-panelmenu-panel", 3, "ngClass", "ngStyle", 4, "ngIf"], [1, "p-panelmenu-panel", 3, "ngClass", "ngStyle"], ["role", "button", 3, "click", "keydown", "ngClass", "ngStyle", "pTooltip", "tabindex", "tooltipOptions"], [1, "p-panelmenu-header-content"], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "p-panelmenu-header-link", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", 4, "ngIf"], ["class", "p-panelmenu-content-container", "role", "region", 3, "ngClass", 4, "ngIf"], ["class", "p-panelmenu-header-link", 3, "target", 4, "ngIf"], [1, "p-panelmenu-header-link", 3, "target"], ["class", "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle", 4, "ngIf"], ["class", "p-panelmenu-header-label", 4, "ngIf", "ngIfElse"], ["class", "p-menuitem-badge", 3, "ngClass", 4, "ngIf"], [4, "ngTemplateOutlet"], [3, "styleClass", 4, "ngIf"], [3, "styleClass"], [1, "p-panelmenu-submenu-icon", 3, "ngClass", "ngStyle"], [1, "p-panelmenu-header-label"], [1, "p-panelmenu-header-label", 3, "innerHTML"], [1, "p-menuitem-badge", 3, "ngClass"], [1, "p-panelmenu-header-link", 3, "routerLink", "queryParams", "routerLinkActive", "routerLinkActiveOptions", "target", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state"], ["role", "region", 1, "p-panelmenu-content-container", 3, "ngClass"], [1, "p-panelmenu-content"], [3, "headerFocus", "panelId", "items", "itemTemplate", "transitionOptions", "root", "activeItem", "tabindex", "parentExpanded"]], template: function PanelMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 3, 0);
             i0.ɵɵtemplate(2, PanelMenu_ng_container_2_Template, 2, 1, "ng-container", 4);
             i0.ɵɵelementEnd();
@@ -1733,10 +1726,12 @@ class PanelMenu extends BaseComponent {
         } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, PanelMenuList, RouterModule, i2.RouterLink, i2.RouterLinkActive, TooltipModule, i3.Tooltip, ChevronDownIcon, ChevronRightIcon, SharedModule], encapsulation: 2, data: { animation: [
                 trigger('rootItem', [
                     state('hidden', style({
-                        height: '0'
+                        height: '0',
+                        visibility: 'hidden'
                     })),
                     state('visible', style({
-                        height: '*'
+                        height: '*',
+                        visibility: '*'
                     })),
                     transition('visible <=> hidden', [animate('{{transitionParams}}')]),
                     transition('void => *', animate(0))
@@ -1788,11 +1783,11 @@ class PanelMenu extends BaseComponent {
                                     [attr.data-pc-section]="'headeraction'"
                                 >
                                     <ng-container *ngIf="isItemGroup(item)">
-                                        <ng-container *ngIf="!submenuIconTemplate">
+                                        <ng-container *ngIf="!submenuiconTemplate">
                                             <ChevronDownIcon [styleClass]="'p-panelmenu-submenu-icon'" *ngIf="isItemActive(item)" />
                                             <ChevronRightIcon [styleClass]="'p-panelmenu-submenu-icon'" *ngIf="!isItemActive(item)" />
                                         </ng-container>
-                                        <ng-template *ngTemplateOutlet="submenuIconTemplate"></ng-template>
+                                        <ng-template *ngTemplateOutlet="submenuiconTemplate"></ng-template>
                                     </ng-container>
                                     <span class="p-panelmenu-submenu-icon" [ngClass]="item.icon" *ngIf="item.icon" [ngStyle]="getItemProp(item, 'iconStyle')"></span>
                                     <span class="p-panelmenu-header-label" *ngIf="getItemProp(item, 'escape') !== false; else htmlLabel">{{ getItemProp(item, 'label') }}</span>
@@ -1808,7 +1803,7 @@ class PanelMenu extends BaseComponent {
                                 [routerLinkActive]="'p-panelmenu-item-link-active'"
                                 [routerLinkActiveOptions]="getItemProp(item, 'routerLinkActiveOptions') || { exact: false }"
                                 [target]="getItemProp(item, 'target')"
-                                class="p-panelmenu-header-action"
+                                class="p-panelmenu-header-link"
                                 [attr.tabindex]="-1"
                                 [fragment]="getItemProp(item, 'fragment')"
                                 [queryParamsHandling]="getItemProp(item, 'queryParamsHandling')"
@@ -1819,11 +1814,11 @@ class PanelMenu extends BaseComponent {
                                 [attr.data-pc-section]="'headeraction'"
                             >
                                 <ng-container *ngIf="isItemGroup(item)">
-                                    <ng-container *ngIf="!submenuIconTemplate">
+                                    <ng-container *ngIf="!submenuiconTemplate">
                                         <ChevronDownIcon [styleClass]="'p-panelmenu-submenu-icon'" *ngIf="isItemActive(item)" />
                                         <ChevronRightIcon [styleClass]="'p-panelmenu-submenu-icon'" *ngIf="!isItemActive(item)" />
                                     </ng-container>
-                                    <ng-template *ngTemplateOutlet="submenuIconTemplate"></ng-template>
+                                    <ng-template *ngTemplateOutlet="submenuiconTemplate"></ng-template>
                                 </ng-container>
                                 <span class="p-panelmenu-submenu-icon" [ngClass]="item.icon" *ngIf="item.icon" [ngStyle]="getItemProp(item, 'iconStyle')"></span>
                                 <span class="p-panelmenu-header-label" *ngIf="getItemProp(item, 'escape') !== false; else htmlRouteLabel">{{ getItemProp(item, 'label') }}</span>
@@ -1864,10 +1859,12 @@ class PanelMenu extends BaseComponent {
                 animations: [
                     trigger('rootItem', [
                         state('hidden', style({
-                            height: '0'
+                            height: '0',
+                            visibility: 'hidden'
                         })),
                         state('visible', style({
-                            height: '*'
+                            height: '*',
+                            visibility: '*'
                         })),
                         transition('visible <=> hidden', [animate('{{transitionParams}}')]),
                         transition('void => *', animate(0))
@@ -1896,7 +1893,7 @@ class PanelMenu extends BaseComponent {
         }], containerViewChild: [{
             type: ViewChild,
             args: ['container']
-        }], submenuIconTemplate: [{
+        }], submenuiconTemplate: [{
             type: ContentChild,
             args: ['submenuicon']
         }], itemTemplate: [{