@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.6276

package/components/navigation/menu/fesm2022/index.mjs

@@ -1,13 +1,12 @@
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@wm/components/base';
-import { register, PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, APPLY_STYLES_TYPE, provideAsWidgetRef, PROP_ANY, DatasetAwareNavComponent, WmComponentsModule, hasLinkToCurrentPage, PROP_NUMBER, AUTOCLOSE_TYPE, BaseContainerComponent } from '@wm/components/base';
-import { ButtonComponent } from '@wm/components/input';
+import { ButtonComponent } from '@wm/components/input/button';
 import * as i0 from '@angular/core';
-import { Directive, Input, Inject, Optional, ContentChild, HostListener, Component, forwardRef, Attribute, Self, ViewChildren } from '@angular/core';
+import { Input, Directive, HostListener, ContentChild, Inject, Optional, Attribute, forwardRef, Component, inject, Self, ViewChildren } from '@angular/core';
 import * as i2 from '@wm/core';
 import { setAttr, addClass, removeClass, triggerItemAction, toggleClass, $appDigest } from '@wm/core';
-import { AnchorComponent } from '@wm/components/basic';
+import { register, PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, APPLY_STYLES_TYPE, provideAsWidgetRef, PROP_ANY, DatasetAwareNavComponent, hasLinkToCurrentPage, TextContentDirective, PROP_NUMBER, AUTOCLOSE_TYPE, BaseContainerComponent } from '@wm/components/base';
+import { AnchorComponent } from '@wm/components/basic/anchor';
 import * as i1 from '@angular/router';
 import { isEmpty, forEach, omit, find, clone, includes } from 'lodash-es';
 import * as i3$1 from 'ngx-bootstrap/dropdown';
@@ -31,20 +30,20 @@ class NavigationControlDirective {
     constructor(eleRef) {
         this.nativeElement = eleRef.nativeElement;
     }
-    static { this.ɵfac = function NavigationControlDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavigationControlDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NavigationControlDirective, selectors: [["", "wmNavigationControl", ""]], inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, standalone: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NavigationControlDirective, isStandalone: true, selector: "[wmNavigationControl]", inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationControlDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmNavigationControl]'
-            }]
-    }], () => [{ type: i0.ElementRef }], { disableMenuContext: [{
-            type: Input
-        }], wmNavigationControl: [{
-            type: Input
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmNavigationControl]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { disableMenuContext: [{
+                type: Input
+            }], wmNavigationControl: [{
+                type: Input
+            }] } });
 
 const registerProps$2 = () => {
     register('wm-nav-item', new Map([
@@ -78,43 +77,36 @@ class NavItemDirective extends StylableComponent {
         removeClass(this.nativeElement, 'active', true);
         super.ngOnDetach();
     }
-    static { this.ɵfac = function NavItemDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavItemDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NavItemDirective, selectors: [["", "wmNavItem", ""]], contentQueries: function NavItemDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, AnchorComponent, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.innerLink = _t.first);
-        } }, hostBindings: function NavItemDirective_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("click", function NavItemDirective_click_HostBindingHandler() { return ctx.makeActive(); })("keydown.enter", function NavItemDirective_keydown_enter_HostBindingHandler() { return ctx.makeActive(); });
-        } }, exportAs: ["navItemRef"], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(NavItemDirective)
-            ]), i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavItemDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NavItemDirective, isStandalone: true, selector: "[wmNavItem]", host: { listeners: { "click": "makeActive()", "keydown.enter": "makeActive()" } }, providers: [
+            provideAsWidgetRef(NavItemDirective)
+        ], queries: [{ propertyName: "innerLink", first: true, predicate: AnchorComponent, descendants: true }], exportAs: ["navItemRef"], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavItemDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmNavItem]',
-                exportAs: 'navItemRef',
-                providers: [
-                    provideAsWidgetRef(NavItemDirective)
-                ]
-            }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmNavItem]',
+                    exportAs: 'navItemRef',
+                    providers: [
+                        provideAsWidgetRef(NavItemDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { innerLink: [{
+                type: ContentChild,
+                args: [AnchorComponent]
+            }], makeActive: [{
+                type: HostListener,
+                args: ['click']
             }, {
-                type: Optional
-            }] }], { innerLink: [{
-            type: ContentChild,
-            args: [AnchorComponent]
-        }], makeActive: [{
-            type: HostListener,
-            args: ['click']
-        }, {
-            type: HostListener,
-            args: ['keydown.enter']
-        }] }); })();
+                type: HostListener,
+                args: ['keydown.enter']
+            }] } });
 
 const registerProps$1 = () => {
     register('wm-nav', new Map([
@@ -143,62 +135,6 @@ const registerProps$1 = () => {
     ]));
 };
 
-const _c0$3 = ["wmNav", ""];
-const _c1$3 = [[["", "wmNavItem", ""]]];
-const _c2 = ["[wmNavItem]"];
-const _c3 = a0 => ({ active: a0 });
-const _c4 = (a0, a1, a2) => ({ item: a0, index: a1, liRef: a2 });
-const _c5 = (a0, a1) => ({ item: a0, index: a1 });
-function NavComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 4);
-} }
-function NavComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "a", 5);
-} if (rf & 2) {
-    const item_r1 = ctx.item;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("disableMenuContext", ctx_r1.disableMenuContext || !!item_r1.action)("wmNavigationControl", item_r1.link);
-    i0.ɵɵattribute("aria-current", item_r1._selected || !ctx_r1.isactive && item_r1.link === "#/" + ctx_r1.activePageName ? "page" : "");
-} }
-function NavComponent_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 7);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    const item_r4 = ctx_r2.$implicit;
-    const ɵ$index_9_r5 = ctx_r2.$index;
-    const liRef_r6 = i0.ɵɵreference(1);
-    const ctx_r1 = i0.ɵɵnextContext();
-    const anchorRef_r7 = i0.ɵɵreference(3);
-    i0.ɵɵproperty("ngTemplateOutlet", anchorRef_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction3(3, _c4, item_r4, ɵ$index_9_r5, liRef_r6))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("anchor_" + liRef_r6.trackId, i0.ɵɵpureFunction3(7, _c4, item_r4, ɵ$index_9_r5, liRef_r6)));
-} }
-function NavComponent_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 7);
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    const item_r4 = ctx_r2.$implicit;
-    const ɵ$index_9_r5 = ctx_r2.$index;
-    const liRef_r6 = i0.ɵɵreference(1);
-    const ctx_r1 = i0.ɵɵnextContext();
-    const menuRef_r8 = i0.ɵɵreference(1);
-    i0.ɵɵproperty("ngTemplateOutlet", menuRef_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c5, item_r4, ɵ$index_9_r5))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("menu_" + liRef_r6.trackId, i0.ɵɵpureFunction2(6, _c5, item_r4, ɵ$index_9_r5)));
-} }
-function NavComponent_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 6, 2);
-    i0.ɵɵtemplate(2, NavComponent_For_5_Conditional_2_Template, 1, 11, "ng-container", 7)(3, NavComponent_For_5_Conditional_3_Template, 1, 9, "ng-container", 7);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("app-nav-item ", item_r4.class, "");
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c3, item_r4._selected || !ctx_r1.isactive && item_r4.link === "#/" + ctx_r1.activePageName));
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!item_r4.children.length ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r4.children.length ? 3 : -1);
-} }
-function NavComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵprojection(0);
-} }
 const DEFAULT_CLS$1 = 'nav app-nav';
 const WIDGET_CONFIG$1 = { widgetType: 'wm-nav', hostClass: DEFAULT_CLS$1 };
 const NavClassMap = {
@@ -284,64 +220,26 @@ class NavComponent extends DatasetAwareNavComponent {
         this.selecteditem = omit($item, ['children', 'value']);
         this.invokeEventCallback('select', { $event, $item: this.selecteditem });
     }
-    static { this.ɵfac = function NavComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵinjectAttribute('select.event'), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavComponent, selectors: [["", "wmNav", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(NavComponent)
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$3, ngContentSelectors: _c2, decls: 7, vars: 1, consts: [["menuRef", ""], ["anchorRef", ""], ["liRef", "navItemRef"], ["wmNavItem", "", 3, "ngClass", "class"], ["wmMenu", "", "dropdown", "", "type", "anchor", "autoclose.bind", "autoclose", "iconclass.bind", "item.icon", "autoopen.bind", "autoopen", "caption.bind", "item.label", "hint.bind", "item.hint", "dataset.bind", "item.children", "badgevalue.bind", "item.badge", "iconposition.bind", "iconposition", "showonhover.bind", "showonhover", "select.event", "onMenuItemSelect($event, widget, $item)"], ["wmAnchor", "", "caption.bind", "item.label", "hint.bind", "item.hint", "iconclass.bind", "item.icon", "badgevalue.bind", "item.badge", "iconposition.bind", "iconposition", "click.event", "onNavSelect($event, item)", 3, "disableMenuContext", "wmNavigationControl"], ["wmNavItem", "", 3, "ngClass"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"]], template: function NavComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c1$3);
-            i0.ɵɵtemplate(0, NavComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, NavComponent_ng_template_2_Template, 1, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵrepeaterCreate(4, NavComponent_For_5_Template, 4, 8, "li", 3, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵtemplate(6, NavComponent_Conditional_6_Template, 1, 0);
-        } if (rf & 2) {
-            i0.ɵɵadvance(4);
-            i0.ɵɵrepeater(ctx.nodes);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.nodes.length ? 6 : -1);
-        } }, dependencies: () => [CommonModule, i3.NgClass, i3.NgTemplateOutlet, WmComponentsModule, BsDropdownModule, i3$1.BsDropdownDirective, AnchorComponent, MenuComponent, NavItemDirective], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.UserDefinedExecutionContext }, { token: i2.App }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: NavComponent, isStandalone: true, selector: "[wmNav]", providers: [
+            provideAsWidgetRef(NavComponent)
+        ], usesInheritance: true, ngImport: i0, template: "<ng-template #menuRef let-item=\"item\" let-index=\"index\">\n  <div wmMenu dropdown\n    type=\"anchor\"\n    autoclose.bind=\"autoclose\"\n    iconclass.bind=\"item.icon\"\n    autoopen.bind=\"autoopen\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    dataset.bind=\"item.children\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n    showonhover.bind=\"showonhover\"\n  select.event=\"onMenuItemSelect($event, widget, $item)\"></div>\n</ng-template>\n\n<ng-template #anchorRef let-item=\"item\" let-index=\"index\" let-liRef=\"liRef\">\n  <a wmAnchor\n    [disableMenuContext]=\"disableMenuContext || !!item.action\"\n    [wmNavigationControl]=\"item.link\"\n    [attr.aria-current]=\"item._selected || (!isactive && item.link === '#/' + activePageName) ? 'page' : ''\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    iconclass.bind=\"item.icon\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n  click.event=\"onNavSelect($event, item)\"></a>\n</ng-template>\n\n@for (item of nodes; track item; let index = $index) {\n  <li #liRef=\"navItemRef\"\n    [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\"\n    class=\"app-nav-item {{item.class}}\"\n    wmNavItem>\n    @if (!item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"anchorRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('anchor_' + liRef.trackId, {item: item, index:index, liRef: liRef})\"\n      ></ng-container>\n    }\n    @if (item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"menuRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('menu_' + liRef.trackId, {item: item, index:index})\"\n      ></ng-container>\n    }\n  </li>\n}\n\n@if (!nodes.length) {\n  <ng-content select=\"[wmNavItem]\"></ng-content>\n}\n", dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i3.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i3.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0.forwardRef(() => BsDropdownModule) }, { kind: "directive", type: i0.forwardRef(() => i3$1.BsDropdownDirective), selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: i0.forwardRef(() => AnchorComponent), selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: i0.forwardRef(() => MenuComponent), selector: "[wmMenu]" }, { kind: "directive", type: i0.forwardRef(() => NavItemDirective), selector: "[wmNavItem]", exportAs: ["navItemRef"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, BsDropdownModule, AnchorComponent, forwardRef(() => MenuComponent), NavItemDirective,], selector: '[wmNav]', providers: [
-                    provideAsWidgetRef(NavComponent)
-                ], template: "<ng-template #menuRef let-item=\"item\" let-index=\"index\">\n  <div wmMenu dropdown\n    type=\"anchor\"\n    autoclose.bind=\"autoclose\"\n    iconclass.bind=\"item.icon\"\n    autoopen.bind=\"autoopen\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    dataset.bind=\"item.children\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n    showonhover.bind=\"showonhover\"\n  select.event=\"onMenuItemSelect($event, widget, $item)\"></div>\n</ng-template>\n\n<ng-template #anchorRef let-item=\"item\" let-index=\"index\" let-liRef=\"liRef\">\n  <a wmAnchor\n    [disableMenuContext]=\"disableMenuContext || !!item.action\"\n    [wmNavigationControl]=\"item.link\"\n    [attr.aria-current]=\"item._selected || (!isactive && item.link === '#/' + activePageName) ? 'page' : ''\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    iconclass.bind=\"item.icon\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n  click.event=\"onNavSelect($event, item)\"></a>\n</ng-template>\n\n@for (item of nodes; track item; let index = $index) {\n  <li #liRef=\"navItemRef\"\n    [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\"\n    class=\"app-nav-item {{item.class}}\"\n    wmNavItem>\n    @if (!item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"anchorRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('anchor_' + liRef.trackId, {item: item, index:index, liRef: liRef})\"\n      ></ng-container>\n    }\n    @if (item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"menuRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('menu_' + liRef.trackId, {item: item, index:index})\"\n      ></ng-container>\n    }\n  </li>\n}\n\n@if (!nodes.length) {\n  <ng-content select=\"[wmNavItem]\"></ng-content>\n}\n" }]
-    }], () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i2.UserDefinedExecutionContext }, { type: i2.App }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['select.event']
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavComponent, { className: "NavComponent", filePath: "nav/nav.component.ts", lineNumber: 34 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, BsDropdownModule, AnchorComponent, forwardRef(() => MenuComponent), NavItemDirective,], selector: '[wmNav]', providers: [
+                        provideAsWidgetRef(NavComponent)
+                    ], template: "<ng-template #menuRef let-item=\"item\" let-index=\"index\">\n  <div wmMenu dropdown\n    type=\"anchor\"\n    autoclose.bind=\"autoclose\"\n    iconclass.bind=\"item.icon\"\n    autoopen.bind=\"autoopen\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    dataset.bind=\"item.children\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n    showonhover.bind=\"showonhover\"\n  select.event=\"onMenuItemSelect($event, widget, $item)\"></div>\n</ng-template>\n\n<ng-template #anchorRef let-item=\"item\" let-index=\"index\" let-liRef=\"liRef\">\n  <a wmAnchor\n    [disableMenuContext]=\"disableMenuContext || !!item.action\"\n    [wmNavigationControl]=\"item.link\"\n    [attr.aria-current]=\"item._selected || (!isactive && item.link === '#/' + activePageName) ? 'page' : ''\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    iconclass.bind=\"item.icon\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n  click.event=\"onNavSelect($event, item)\"></a>\n</ng-template>\n\n@for (item of nodes; track item; let index = $index) {\n  <li #liRef=\"navItemRef\"\n    [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\"\n    class=\"app-nav-item {{item.class}}\"\n    wmNavItem>\n    @if (!item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"anchorRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('anchor_' + liRef.trackId, {item: item, index:index, liRef: liRef})\"\n      ></ng-container>\n    }\n    @if (item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"menuRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('menu_' + liRef.trackId, {item: item, index:index})\"\n      ></ng-container>\n    }\n  </li>\n}\n\n@if (!nodes.length) {\n  <ng-content select=\"[wmNavItem]\"></ng-content>\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i2.UserDefinedExecutionContext }, { type: i2.App }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['select.event']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
 
-const _c0$2 = ["wmMenuDropdownItem", ""];
-const _c1$2 = a0 => ({ item: a0 });
-function MenuDropdownItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span");
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("pull-right fa caret ", ctx_r0.menualign, "");
-} }
-function MenuDropdownItemComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 4);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("textContent", ctx_r0.item.badge);
-} }
-function MenuDropdownItemComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 5);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const nestedMenuDropdown_r2 = i0.ɵɵreference(8);
-    i0.ɵɵproperty("ngTemplateOutlet", nestedMenuDropdown_r2)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$2, ctx_r0.item));
-} }
-function MenuDropdownItemComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ul", 6);
-} if (rf & 2) {
-    const item_r3 = ctx.item;
-    i0.ɵɵproperty("items", item_r3.children);
-} }
 const menuAlignClass = {
     'pull-right': 'fa-caret-left',
     'dropinline-menu': 'fa-caret-down',
@@ -352,11 +250,11 @@ const MENU_LAYOUT_TYPE = {
     VERTICAL: 'vertical'
 };
 class MenuDropdownItemComponent {
-    constructor(app, menuRef, userDefinedExecutionContext, parentNav, elRef) {
+    constructor(app, userDefinedExecutionContext, parentNav, elRef) {
         this.app = app;
-        this.menuRef = menuRef;
         this.userDefinedExecutionContext = userDefinedExecutionContext;
         this.parentNav = parentNav;
+        this.menuRef = inject(MenuComponent);
         this.onSelect = ($event, item) => {
             if (this.nativeElement !== $($event.target).closest('.app-menu-item').get(0)) {
                 return;
@@ -483,79 +381,45 @@ class MenuDropdownItemComponent {
             this.highlightActiveLinkSubscription();
         }
     }
-    static { this.ɵfac = function MenuDropdownItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuDropdownItemComponent)(i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(MenuComponent), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext), i0.ɵɵdirectiveInject(NavComponent, 8), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuDropdownItemComponent, selectors: [["li", "wmMenuDropdownItem", ""]], hostBindings: function MenuDropdownItemComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown.tab", function MenuDropdownItemComponent_keydown_tab_HostBindingHandler($event) { return ctx.onKeyDown($event, "TAB"); })("keydown.shift.tab", function MenuDropdownItemComponent_keydown_shift_tab_HostBindingHandler($event) { return ctx.onKeyDown($event, "SHIFT-TAB"); })("keydown.escape", function MenuDropdownItemComponent_keydown_escape_HostBindingHandler($event) { return ctx.onKeyDown($event, "ESC"); })("keydown.enter", function MenuDropdownItemComponent_keydown_enter_HostBindingHandler($event) { return ctx.onKeyDown($event, "ENTER"); })("keydown.arrowup", function MenuDropdownItemComponent_keydown_arrowup_HostBindingHandler($event) { return ctx.onKeyDown($event, "UP-ARROW"); })("keydown.arrowdown", function MenuDropdownItemComponent_keydown_arrowdown_HostBindingHandler($event) { return ctx.onKeyDown($event, "DOWN-ARROW"); })("keydown.arrowright", function MenuDropdownItemComponent_keydown_arrowright_HostBindingHandler($event) { return ctx.onKeyDown($event, "RIGHT-ARROW"); })("keydown.arrowleft", function MenuDropdownItemComponent_keydown_arrowleft_HostBindingHandler($event) { return ctx.onKeyDown($event, "LEFT-ARROW"); })("click", function MenuDropdownItemComponent_click_HostBindingHandler($event) { return ctx.onSelect($event, ctx.item); });
-        } }, inputs: { item: "item" }, standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$2, decls: 9, vars: 10, consts: [["nestedMenuDropdown", ""], ["href", "javascript:void(0);", 3, "title", "wmNavigationControl", "disableMenuContext"], [3, "class"], [1, "anchor-caption"], [1, "badge", "pull-right", 3, "textContent"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["wmMenuDropdown", "", 3, "items"]], template: function MenuDropdownItemComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 1);
-            i0.ɵɵtemplate(1, MenuDropdownItemComponent_Conditional_1_Template, 1, 3, "span", 2);
-            i0.ɵɵelement(2, "i");
-            i0.ɵɵelementStart(3, "span", 3);
-            i0.ɵɵtext(4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, MenuDropdownItemComponent_Conditional_5_Template, 1, 1, "span", 4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, MenuDropdownItemComponent_Conditional_6_Template, 1, 4, "ng-container", 5)(7, MenuDropdownItemComponent_ng_template_7_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        } if (rf & 2) {
-            i0.ɵɵproperty("title", ctx.item.label)("wmNavigationControl", ctx.item.link)("disableMenuContext", ctx.menuRef.disableMenuContext || !!ctx.item.action);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.item.children.length ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵclassMapInterpolate1("app-icon ", ctx.item.icon, "");
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.item.label);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.item.badge ? 5 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.item.children.length ? 6 : -1);
-        } }, dependencies: () => [CommonModule, i3.NgTemplateOutlet, WmComponentsModule, i5.TextContentDirective, MenuDropdownComponent, NavigationControlDirective], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuDropdownItemComponent, deps: [{ token: i2.App }, { token: i2.UserDefinedExecutionContext }, { token: NavComponent, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MenuDropdownItemComponent, isStandalone: true, selector: "li[wmMenuDropdownItem]", inputs: { item: "item" }, host: { listeners: { "keydown.tab": "onKeyDown($event,\"TAB\")", "keydown.shift.tab": "onKeyDown($event,\"SHIFT-TAB\")", "keydown.escape": "onKeyDown($event,\"ESC\")", "keydown.enter": "onKeyDown($event,\"ENTER\")", "keydown.arrowup": "onKeyDown($event,\"UP-ARROW\")", "keydown.arrowdown": "onKeyDown($event,\"DOWN-ARROW\")", "keydown.arrowright": "onKeyDown($event,\"RIGHT-ARROW\")", "keydown.arrowleft": "onKeyDown($event,\"LEFT-ARROW\")", "click": "onSelect($event,item)" } }, ngImport: i0, template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}", dependencies: [{ kind: "directive", type: i0.forwardRef(() => TextContentDirective), selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: i0.forwardRef(() => MenuDropdownComponent), selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "directive", type: i0.forwardRef(() => NavigationControlDirective), selector: "[wmNavigationControl]", inputs: ["disableMenuContext", "wmNavigationControl"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuDropdownItemComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, forwardRef(() => MenuDropdownComponent), NavigationControlDirective], selector: 'li[wmMenuDropdownItem]', template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ng-container [ngTemplateOutlet]=\"nestedMenuDropdown\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n}\n\n<ng-template #nestedMenuDropdown let-item=\"item\">\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n</ng-template>\n" }]
-    }], () => [{ type: i2.App }, { type: MenuComponent }, { type: i2.UserDefinedExecutionContext }, { type: NavComponent, decorators: [{
-                type: Optional
-            }] }, { type: i0.ElementRef }], { item: [{
-            type: Input
-        }], onKeyDown: [{
-            type: HostListener,
-            args: ['keydown.tab', ['$event', '"TAB"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.shift.tab', ['$event', '"SHIFT-TAB"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.escape', ['$event', '"ESC"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.enter', ['$event', '"ENTER"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
-        }], onSelect: [{
-            type: HostListener,
-            args: ['click', ['$event', 'item']]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuDropdownItemComponent, { className: "MenuDropdownItemComponent", filePath: "menu-dropdown-item/menu-dropdown-item.component.ts", lineNumber: 33 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuDropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TextContentDirective, forwardRef(() => MenuDropdownComponent), NavigationControlDirective], selector: 'li[wmMenuDropdownItem]', template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}" }]
+        }], ctorParameters: () => [{ type: i2.App }, { type: i2.UserDefinedExecutionContext }, { type: NavComponent, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }], propDecorators: { item: [{
+                type: Input
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown.tab', ['$event', '"TAB"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.shift.tab', ['$event', '"SHIFT-TAB"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.escape', ['$event', '"ESC"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.enter', ['$event', '"ENTER"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
+            }], onSelect: [{
+                type: HostListener,
+                args: ['click', ['$event', 'item']]
+            }] } });
 
-const _c0$1 = ["wmMenuDropdown", ""];
-const _c1$1 = (a0, a1) => ({ disabled: a0, "dropdown-submenu": a1 });
-function MenuDropdownComponent_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "li", 1);
-} if (rf & 2) {
-    const item_r1 = ctx.$implicit;
-    i0.ɵɵclassMap(item_r1.class);
-    i0.ɵɵproperty("item", item_r1)("ngClass", i0.ɵɵpureFunction2(5, _c1$1, item_r1.disabled, item_r1.children.length > 0));
-} }
 const animationClasses = {
     scale: {
         'name': 'wmScaleInLeft',
@@ -581,8 +445,8 @@ const animationClasses = {
 };
 const DEFAULT_CLS = 'dropdown-menu';
 class MenuDropdownComponent {
-    constructor(elRef, menuRef) {
-        this.menuRef = menuRef;
+    constructor(elRef) {
+        this.menuRef = inject(MenuComponent);
         this.nativeElement = elRef.nativeElement;
         this.hasExecutedCallback = false;
         addClass(this.nativeElement, DEFAULT_CLS);
@@ -644,20 +508,15 @@ class MenuDropdownComponent {
         const observer = new IntersectionObserver(callback.bind(this), options);
         observer.observe(target.nativeElement);
     }
-    static { this.ɵfac = function MenuDropdownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuDropdownComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(MenuComponent)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuDropdownComponent, selectors: [["ul", "wmMenuDropdown", ""]], inputs: { items: "items" }, standalone: true, features: [i0.ɵɵStandaloneFeature], attrs: _c0$1, decls: 2, vars: 0, consts: [["wmMenuDropdownItem", "", "role", "menuitem", 3, "item", "ngClass", "class"], ["wmMenuDropdownItem", "", "role", "menuitem", 3, "item", "ngClass"]], template: function MenuDropdownComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵrepeaterCreate(0, MenuDropdownComponent_For_1_Template, 1, 8, "li", 0, i0.ɵɵrepeaterTrackByIdentity);
-        } if (rf & 2) {
-            i0.ɵɵrepeater(ctx.items);
-        } }, dependencies: [CommonModule, i3.NgClass, WmComponentsModule, MenuDropdownItemComponent], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuDropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MenuDropdownComponent, isStandalone: true, selector: "ul[wmMenuDropdown]", inputs: { items: "items" }, ngImport: i0, template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MenuDropdownItemComponent, selector: "li[wmMenuDropdownItem]", inputs: ["item"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuDropdownComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, MenuDropdownItemComponent], selector: 'ul[wmMenuDropdown]', template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n" }]
-    }], () => [{ type: i0.ElementRef }, { type: MenuComponent }], { items: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuDropdownComponent, { className: "MenuDropdownComponent", filePath: "menu-dropdown/menu-dropdown.component.ts", lineNumber: 42 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, MenuDropdownItemComponent], selector: 'ul[wmMenuDropdown]', template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { items: [{
+                type: Input
+            }] } });
 
 const registerProps = () => {
     register('wm-menu', new Map([
@@ -695,47 +554,6 @@ const registerProps = () => {
     ]));
 };
 
-const _c0 = ["wmMenu", ""];
-const _c1 = a0 => [a0];
-function MenuComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i")(1, "span", 4)(2, "span");
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("app-icon ", ctx_r0.iconclass, "");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("textContent", ctx_r0.caption);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMapInterpolate1("pull-right caret fa ", ctx_r0.menuCaret, "");
-} }
-function MenuComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵelement(1, "span", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("dropdown-toggle ", ctx_r0.menuclass, "");
-    i0.ɵɵattribute("aria-label", ctx_r0.arialabel || "Menu");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1, ctx_r0.menuCaret));
-} }
-function MenuComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵelement(1, "span", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("btn app-button dropdown-toggle ", ctx_r0.menuclass, "");
-    i0.ɵɵattribute("aria-label", ctx_r0.arialabel || "Menu");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1, ctx_r0.menuCaret));
-} }
-function MenuComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ul", 8);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassMapInterpolate1("icon-position-", ctx_r0.iconposition, "");
-    i0.ɵɵproperty("items", ctx_r0.nodes)("ngClass", ctx_r0.menulayout);
-} }
 const KEYBOARD_MOVEMENTS = {
     MOVE_UP: 'UP-ARROW',
     MOVE_LEFT: 'LEFT-ARROW',
@@ -940,66 +758,58 @@ class MenuComponent extends DatasetAwareNavComponent {
         super.ngAfterViewInit();
         styler(this.nativeElement.querySelector('.dropdown-toggle'), this);
     }
-    static { this.ɵfac = function MenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.UserDefinedExecutionContext), i0.ɵɵdirectiveInject(i2.App), i0.ɵɵdirectiveInject(i3$1.BsDropdownDirective, 10), i0.ɵɵdirectiveInject(NavComponent, 8), i0.ɵɵinjectAttribute('select.event'), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent, selectors: [["", "wmMenu", ""]], hostBindings: function MenuComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("onShown", function MenuComponent_onShown_HostBindingHandler() { return ctx.onShow(); })("onHidden", function MenuComponent_onHidden_HostBindingHandler() { return ctx.onHide(); })("keydown.arrowup", function MenuComponent_keydown_arrowup_HostBindingHandler($event) { return ctx.onKeyDown($event, "UP-ARROW"); })("mouseenter", function MenuComponent_mouseenter_HostBindingHandler($event) { return ctx.onKeyDown($event, "MOUSE-ENTER"); })("mouseleave", function MenuComponent_mouseleave_HostBindingHandler($event) { return ctx.onKeyDown($event, "MOUSE-LEAVE"); })("keydown.arrowdown", function MenuComponent_keydown_arrowdown_HostBindingHandler($event) { return ctx.onKeyDown($event, "DOWN-ARROW"); })("keydown.arrowright", function MenuComponent_keydown_arrowright_HostBindingHandler($event) { return ctx.onKeyDown($event, "RIGHT-ARROW"); })("keydown.arrowleft", function MenuComponent_keydown_arrowleft_HostBindingHandler($event) { return ctx.onKeyDown($event, "LEFT-ARROW"); })("keydown.enter", function MenuComponent_keydown_enter_HostBindingHandler($event) { return ctx.onKeyDown($event, "ENTER"); });
-        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(MenuComponent)
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0, decls: 5, vars: 1, consts: [["innerTemplate", ""], ["wmAnchor", "", "dropdownToggle", "", "href", "javascript:void(0);", "role", "button", "aria-haspopup", "true", "aria-expanded", "false", "hint.bind", "hint", "shortcutkey.bind", "shortcutkey", "tabindex.bind", "tabindex", "caption.bind", "caption", "iconclass.bind", "iconclass", "iconposition.bind", "iconposition", "badgevalue.bind", "badgevalue", 3, "class"], ["wmButton", "", "dropdownToggle", "", "aria-haspopup", "true", "aria-expanded", "false", "hint.bind", "hint", "shortcutkey.bind", "shortcutkey", "tabindex.bind", "tabindex", "caption.bind", "caption", "iconclass.bind", "iconclass", "iconposition.bind", "iconposition", 3, "class"], ["role", "menubar", "wmMenuDropdown", "", 3, "items", "ngClass", "class", 4, "dropdownMenu"], [1, "caption", 3, "textContent"], ["wmAnchor", "", "dropdownToggle", "", "href", "javascript:void(0);", "role", "button", "aria-haspopup", "true", "aria-expanded", "false", "hint.bind", "hint", "shortcutkey.bind", "shortcutkey", "tabindex.bind", "tabindex", "caption.bind", "caption", "iconclass.bind", "iconclass", "iconposition.bind", "iconposition", "badgevalue.bind", "badgevalue"], [1, "pull-right", "caret", "fa", 3, "ngClass"], ["wmButton", "", "dropdownToggle", "", "aria-haspopup", "true", "aria-expanded", "false", "hint.bind", "hint", "shortcutkey.bind", "shortcutkey", "tabindex.bind", "tabindex", "caption.bind", "caption", "iconclass.bind", "iconclass", "iconposition.bind", "iconposition"], ["role", "menubar", "wmMenuDropdown", "", 3, "items", "ngClass"]], template: function MenuComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, MenuComponent_ng_template_0_Template, 3, 7, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, MenuComponent_Conditional_2_Template, 2, 7, "a", 1)(3, MenuComponent_Conditional_3_Template, 2, 7, "button", 2)(4, MenuComponent_ul_4_Template, 1, 5, "ul", 3);
-        } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.type === "anchor" ? 2 : 3);
-        } }, dependencies: [CommonModule, i3.NgClass, WmComponentsModule, i5.TextContentDirective, AnchorComponent, ButtonComponent, MenuDropdownComponent, BsDropdownModule, i3$1.BsDropdownMenuDirective, i3$1.BsDropdownToggleDirective], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i2.UserDefinedExecutionContext }, { token: i2.App }, { token: i3$1.BsDropdownDirective, optional: true, self: true }, { token: NavComponent, optional: true }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MenuComponent, isStandalone: true, selector: "[wmMenu]", host: { listeners: { "onShown": "onShow()", "onHidden": "onHide()", "keydown.arrowup": "onKeyDown($event,\"UP-ARROW\")", "mouseenter": "onKeyDown($event,\"MOUSE-ENTER\")", "mouseleave": "onKeyDown($event,\"MOUSE-LEAVE\")", "keydown.arrowdown": "onKeyDown($event,\"DOWN-ARROW\")", "keydown.arrowright": "onKeyDown($event,\"RIGHT-ARROW\")", "keydown.arrowleft": "onKeyDown($event,\"LEFT-ARROW\")", "keydown.enter": "onKeyDown($event,\"ENTER\")" } }, providers: [
+            provideAsWidgetRef(MenuComponent),
+        ], usesInheritance: true, ngImport: i0, template: "\n\n<ng-template #innerTemplate>\n  <i class=\"app-icon {{iconclass}}\"></i>\n  <span class=\"caption\" [textContent]=\"caption\"></span>\n  <span class=\"pull-right caret fa {{menuCaret}}\"></span>\n</ng-template>\n\n@if (type === 'anchor') {\n  <a wmAnchor\n    dropdownToggle\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    href=\"javascript:void(0);\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    hint.bind=\"hint\"\n    class=\"dropdown-toggle {{menuclass}}\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconposition.bind=\"iconposition\"\n    badgevalue.bind=\"badgevalue\"\n    >\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </a>\n} @else {\n  <button wmButton\n    dropdownToggle\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    class=\"btn app-button dropdown-toggle {{menuclass}}\"\n    hint.bind=\"hint\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconposition.bind=\"iconposition\">\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </button>\n}\n\n<ul *dropdownMenu [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" role=\"menubar\"\nwmMenuDropdown></ul>\n", dependencies: [{ kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i3$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i3$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "component", type: MenuDropdownComponent, selector: "ul[wmMenuDropdown]", inputs: ["items"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, AnchorComponent, ButtonComponent, MenuDropdownComponent, BsDropdownModule], selector: '[wmMenu]', providers: [
-                    provideAsWidgetRef(MenuComponent)
-                ], template: "\n\n<ng-template #innerTemplate>\n  <i class=\"app-icon {{iconclass}}\"></i>\n  <span class=\"caption\" [textContent]=\"caption\"></span>\n  <span class=\"pull-right caret fa {{menuCaret}}\"></span>\n</ng-template>\n\n@if (type === 'anchor') {\n  <a wmAnchor\n    dropdownToggle\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    href=\"javascript:void(0);\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    hint.bind=\"hint\"\n    class=\"dropdown-toggle {{menuclass}}\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconposition.bind=\"iconposition\"\n    badgevalue.bind=\"badgevalue\"\n    >\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </a>\n} @else {\n  <button wmButton\n    dropdownToggle\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    class=\"btn app-button dropdown-toggle {{menuclass}}\"\n    hint.bind=\"hint\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconposition.bind=\"iconposition\">\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </button>\n}\n\n<ul *dropdownMenu [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" role=\"menubar\"\nwmMenuDropdown></ul>\n" }]
-    }], () => [{ type: i0.Injector }, { type: i1.Router }, { type: i2.UserDefinedExecutionContext }, { type: i2.App }, { type: i3$1.BsDropdownDirective, decorators: [{
-                type: Self
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [BsDropdownModule, CommonModule, TextContentDirective, AnchorComponent, ButtonComponent, MenuDropdownComponent], selector: '[wmMenu]', providers: [
+                        provideAsWidgetRef(MenuComponent),
+                    ], template: "\n\n<ng-template #innerTemplate>\n  <i class=\"app-icon {{iconclass}}\"></i>\n  <span class=\"caption\" [textContent]=\"caption\"></span>\n  <span class=\"pull-right caret fa {{menuCaret}}\"></span>\n</ng-template>\n\n@if (type === 'anchor') {\n  <a wmAnchor\n    dropdownToggle\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    href=\"javascript:void(0);\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    hint.bind=\"hint\"\n    class=\"dropdown-toggle {{menuclass}}\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconposition.bind=\"iconposition\"\n    badgevalue.bind=\"badgevalue\"\n    >\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </a>\n} @else {\n  <button wmButton\n    dropdownToggle\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    class=\"btn app-button dropdown-toggle {{menuclass}}\"\n    hint.bind=\"hint\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconposition.bind=\"iconposition\">\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </button>\n}\n\n<ul *dropdownMenu [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" role=\"menubar\"\nwmMenuDropdown></ul>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.Router }, { type: i2.UserDefinedExecutionContext }, { type: i2.App }, { type: i3$1.BsDropdownDirective, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: NavComponent, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['select.event']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { onShow: [{
+                type: HostListener,
+                args: ['onShown']
+            }], onHide: [{
+                type: HostListener,
+                args: ['onHidden']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
+            }, {
+                type: HostListener,
+                args: ['mouseenter', ['$event', '"MOUSE-ENTER"']]
+            }, {
+                type: HostListener,
+                args: ['mouseleave', ['$event', '"MOUSE-LEAVE"']]
             }, {
-                type: Optional
-            }] }, { type: NavComponent, decorators: [{
-                type: Optional
-            }] }, { type: undefined, decorators: [{
-                type: Attribute,
-                args: ['select.event']
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
+                type: HostListener,
+                args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
             }, {
-                type: Optional
-            }] }], { onShow: [{
-            type: HostListener,
-            args: ['onShown']
-        }], onHide: [{
-            type: HostListener,
-            args: ['onHidden']
-        }], onKeyDown: [{
-            type: HostListener,
-            args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['mouseenter', ['$event', '"MOUSE-ENTER"']]
-        }, {
-            type: HostListener,
-            args: ['mouseleave', ['$event', '"MOUSE-LEAVE"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
-        }, {
-            type: HostListener,
-            args: ['keydown.enter', ['$event', '"ENTER"']]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuComponent, { className: "MenuComponent", filePath: "menu.component.ts", lineNumber: 96 }); })();
+                type: HostListener,
+                args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
+            }, {
+                type: HostListener,
+                args: ['keydown.enter', ['$event', '"ENTER"']]
+            }] } });
 
 const menuProps = ['itemlabel', 'itemicon', 'itemlink', 'itemaction', 'itemchildren', 'userrole'];
 class MenuAdapterComponent extends BaseContainerComponent {
@@ -1047,25 +857,20 @@ class MenuAdapterComponent extends BaseContainerComponent {
             }
         }
     }
-    static { this.ɵfac = function MenuAdapterComponent_Factory(__ngFactoryType__) { i0.ɵɵinvalidFactory(); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MenuAdapterComponent, viewQuery: function MenuAdapterComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(MenuComponent, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuRefQL = _t);
-        } }, features: [i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuAdapterComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MenuAdapterComponent, viewQueries: [{ propertyName: "menuRefQL", predicate: MenuComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuAdapterComponent, [{
-        type: Directive
-    }], () => [{ type: undefined }, { type: undefined }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { menuRefQL: [{
-            type: ViewChildren,
-            args: [MenuComponent]
-        }] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuAdapterComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }, { type: undefined }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { menuRefQL: [{
+                type: ViewChildren,
+                args: [MenuComponent]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.