primeng 19.0.0-rc.1 → 19.0.0

package/fesm2022/primeng-menubar.mjs

@@ -1,11 +1,11 @@
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, booleanAttribute, numberAttribute, Component, ViewEncapsulation, Input, Output, ViewChild, signal, effect, PLATFORM_ID, ChangeDetectionStrategy, Inject, ContentChild, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, inject, booleanAttribute, numberAttribute, Component, ViewEncapsulation, Input, Output, ViewChild, signal, effect, PLATFORM_ID, ChangeDetectionStrategy, Inject, ContentChild, ContentChildren, NgModule } from '@angular/core';
 import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { resolve, isNotEmpty, uuid, isEmpty, focus, isTouchDevice, findSingle, isPrintableCharacter, findLastIndex } from '@primeuix/utils';
-import { SharedModule } from 'primeng/api';
+import { SharedModule, PrimeTemplate } from 'primeng/api';
 import * as i4 from 'primeng/badge';
 import { BadgeModule } from 'primeng/badge';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -676,7 +676,7 @@ function Menubar_div_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.startTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.startTemplate || ctx_r1._startTemplate);
 } }
 function Menubar_a_2_BarsIcon_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "BarsIcon");
@@ -695,9 +695,9 @@ function Menubar_a_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵattribute("aria-haspopup", ctx_r1.model.length && ctx_r1.model.length > 0 ? true : false)("aria-expanded", ctx_r1.mobileActive)("aria-controls", ctx_r1.id)("aria-label", ctx_r1.config.translation.aria.navigation)("data-pc-section", "button");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !ctx_r1.menuiconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r1.menuIconTemplate && !ctx_r1._menuIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.menuiconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.menuIconTemplate || ctx_r1._menuIconTemplate);
 } }
 function Menubar_div_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -709,7 +709,7 @@ function Menubar_div_5_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.endTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.endTemplate || ctx_r1._endTemplate);
 } }
 function Menubar_ng_template_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
@@ -1052,7 +1052,7 @@ class MenubarSub extends BaseComponent {
             type: ViewChild,
             args: ['menubar', { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenubarSub, { className: "MenubarSub", filePath: "menubar.ts", lineNumber: 208 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenubarSub, { className: "MenubarSub", filePath: "menubar.ts", lineNumber: 211 }); })();
 /**
  * Menubar is a horizontal menu component.
  * @group Components
@@ -1223,12 +1223,42 @@ class Menubar extends BaseComponent {
      * Defines template option for item.
      * @group Templates
      */
-    menuiconTemplate;
+    menuIconTemplate;
     /**
      * Defines template option for submenu icon.
      * @group Templates
      */
-    submenuiconTemplate;
+    submenuIconTemplate;
+    templates;
+    _startTemplate;
+    _endTemplate;
+    _itemTemplate;
+    _menuIconTemplate;
+    _submenuIconTemplate;
+    ngAfterContentInit() {
+        this.templates?.forEach((item) => {
+            switch (item.getType()) {
+                case 'start':
+                    this._startTemplate = item.template;
+                    break;
+                case 'end':
+                    this._endTemplate = item.template;
+                    break;
+                case 'menuicon':
+                    this._menuIconTemplate = item.template;
+                    break;
+                case 'submenuicon':
+                    this._submenuIconTemplate = item.template;
+                    break;
+                case 'item':
+                    this._itemTemplate = item.template;
+                    break;
+                default:
+                    this._itemTemplate = item.template;
+                    break;
+            }
+        });
+    }
     createProcessedItems(items, level = 0, parent = {}, parentKey = '') {
         const processedItems = [];
         items &&
@@ -1672,18 +1702,20 @@ class Menubar extends BaseComponent {
     }
     static ɵfac = function Menubar_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Menubar)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(MenubarService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Menubar, selectors: [["p-menubar"]], contentQueries: function Menubar_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
+            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.startTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.endTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.itemTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuiconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.submenuiconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.submenuIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
         } }, viewQuery: function Menubar_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c11, 5);
             i0.ɵɵviewQuery(_c12, 5);
@@ -1707,13 +1739,13 @@ class Menubar extends BaseComponent {
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(23, _c14, ctx.queryMatches, ctx.mobileActive))("ngStyle", ctx.style);
             i0.ɵɵattribute("data-pc-section", "root")("data-pc-name", "menubar");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.startTemplate);
+            i0.ɵɵproperty("ngIf", ctx.startTemplate || ctx._startTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.model && ctx.model.length > 0);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("items", ctx.processedItems)("itemTemplate", ctx.itemTemplate)("menuId", ctx.id)("root", true)("baseZIndex", ctx.baseZIndex)("autoZIndex", ctx.autoZIndex)("mobileActive", ctx.mobileActive)("autoDisplay", ctx.autoDisplay)("ariaLabel", ctx.ariaLabel)("ariaLabelledBy", ctx.ariaLabelledBy)("focusedItemId", ctx.focused ? ctx.focusedItemId : undefined)("submenuiconTemplate", ctx.submenuiconTemplate)("activeItemPath", ctx.activeItemPath());
+            i0.ɵɵproperty("items", ctx.processedItems)("itemTemplate", ctx.itemTemplate)("menuId", ctx.id)("root", true)("baseZIndex", ctx.baseZIndex)("autoZIndex", ctx.autoZIndex)("mobileActive", ctx.mobileActive)("autoDisplay", ctx.autoDisplay)("ariaLabel", ctx.ariaLabel)("ariaLabelledBy", ctx.ariaLabelledBy)("focusedItemId", ctx.focused ? ctx.focusedItemId : undefined)("submenuiconTemplate", ctx.submenuIconTemplate || ctx._submenuIconTemplate)("activeItemPath", ctx.activeItemPath());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.endTemplate)("ngIfElse", legacy_r4);
+            i0.ɵɵproperty("ngIf", ctx.endTemplate || ctx._endTemplate)("ngIfElse", legacy_r4);
         } }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, RouterModule, MenubarSub, TooltipModule, BarsIcon, BadgeModule, SharedModule], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Menubar, [{
@@ -1724,8 +1756,8 @@ class Menubar extends BaseComponent {
                 imports: [CommonModule, RouterModule, MenubarSub, TooltipModule, BarsIcon, BadgeModule, SharedModule],
                 template: `
         <div [ngClass]="{ 'p-menubar p-component': true, 'p-menubar-mobile': queryMatches, 'p-menubar-mobile-active': mobileActive }" [class]="styleClass" [ngStyle]="style" [attr.data-pc-section]="'root'" [attr.data-pc-name]="'menubar'">
-            <div class="p-menubar-start" *ngIf="startTemplate">
-                <ng-container *ngTemplateOutlet="startTemplate"></ng-container>
+            <div class="p-menubar-start" *ngIf="startTemplate || _startTemplate">
+                <ng-container *ngTemplateOutlet="startTemplate || _startTemplate"></ng-container>
             </div>
             <a
                 #menubutton
@@ -1741,8 +1773,8 @@ class Menubar extends BaseComponent {
                 (click)="menuButtonClick($event)"
                 (keydown)="menuButtonKeydown($event)"
             >
-                <BarsIcon *ngIf="!menuiconTemplate" />
-                <ng-template *ngTemplateOutlet="menuiconTemplate"></ng-template>
+                <BarsIcon *ngIf="!menuIconTemplate && !_menuIconTemplate" />
+                <ng-template *ngTemplateOutlet="menuIconTemplate || _menuIconTemplate"></ng-template>
             </a>
             <p-menubarSub
                 #rootmenu
@@ -1757,7 +1789,7 @@ class Menubar extends BaseComponent {
                 [ariaLabel]="ariaLabel"
                 [ariaLabelledBy]="ariaLabelledBy"
                 [focusedItemId]="focused ? focusedItemId : undefined"
-                [submenuiconTemplate]="submenuiconTemplate"
+                [submenuiconTemplate]="submenuIconTemplate || _submenuIconTemplate"
                 [activeItemPath]="activeItemPath()"
                 (itemClick)="onItemClick($event)"
                 (menuFocus)="onMenuFocus($event)"
@@ -1765,8 +1797,8 @@ class Menubar extends BaseComponent {
                 (menuKeydown)="onKeyDown($event)"
                 (itemMouseEnter)="onItemMouseEnter($event)"
             ></p-menubarSub>
-            <div class="p-menubar-end" *ngIf="endTemplate; else legacy">
-                <ng-container *ngTemplateOutlet="endTemplate"></ng-container>
+            <div class="p-menubar-end" *ngIf="endTemplate || _endTemplate; else legacy">
+                <ng-container *ngTemplateOutlet="endTemplate || _endTemplate"></ng-container>
             </div>
             <ng-template #legacy>
                 <div class="p-menubar-end">
@@ -1826,21 +1858,24 @@ class Menubar extends BaseComponent {
             args: ['rootmenu']
         }], startTemplate: [{
             type: ContentChild,
-            args: ['start']
+            args: ['start', { descendants: false }]
         }], endTemplate: [{
             type: ContentChild,
-            args: ['end']
+            args: ['end', { descendants: false }]
         }], itemTemplate: [{
             type: ContentChild,
-            args: ['item']
-        }], menuiconTemplate: [{
+            args: ['item', { descendants: false }]
+        }], menuIconTemplate: [{
             type: ContentChild,
-            args: ['menuicon']
-        }], submenuiconTemplate: [{
+            args: ['menuicon', { descendants: false }]
+        }], submenuIconTemplate: [{
             type: ContentChild,
-            args: ['submenuicon']
+            args: ['submenuicon', { descendants: false }]
+        }], templates: [{
+            type: ContentChildren,
+            args: [PrimeTemplate]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Menubar, { className: "Menubar", filePath: "menubar.ts", lineNumber: 416 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Menubar, { className: "Menubar", filePath: "menubar.ts", lineNumber: 419 }); })();
 class MenubarModule {
     static ɵfac = function MenubarModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenubarModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MenubarModule });