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

package/components/navigation/menu/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@wm/components/input'), require('@angular/core'), require('@wm/core'), require('@wm/components/basic'), require('@angular/router'), require('lodash-es'), require('ngx-bootstrap/dropdown')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@wm/components/input', '@angular/core', '@wm/core', '@wm/components/basic', '@angular/router', 'lodash-es', 'ngx-bootstrap/dropdown'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.navigation = global.wm.components.navigation || {}, global.wm.components.navigation.menu = {}), global.ng.common, global.wm.components.base, global.wm.components.input, global.ng.core, global.wm.core, global.wm.components.basic, global.ng.router, global._, global.dropdown));
-})(this, (function (exports, i3, i5, input, i0, i2, basic, i1, lodashEs, i3$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/input/button'), require('@angular/core'), require('@wm/core'), require('@wm/components/base'), require('@wm/components/basic/anchor'), require('@angular/router'), require('lodash-es'), require('ngx-bootstrap/dropdown')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/input/button', '@angular/core', '@wm/core', '@wm/components/base', '@wm/components/basic/anchor', '@angular/router', 'lodash-es', 'ngx-bootstrap/dropdown'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.navigation = global.wm.components.navigation || {}, global.wm.components.navigation.menu = {}), global.ng.common, global.wm.components.input.button, global.ng.core, global.wm.core, global.wm.components.base, global.wm.components.basic.anchor, global.ng.router, global._, global.dropdown));
+})(this, (function (exports, i3, button, i0, i2, base, anchor, i1, lodashEs, i3$1) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -22,7 +22,6 @@
     }
 
     var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
-    var i5__namespace = /*#__PURE__*/_interopNamespaceDefault(i5);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
@@ -46,32 +45,32 @@
         constructor(eleRef) {
             this.nativeElement = eleRef.nativeElement;
         }
-        static { this.ɵfac = function NavigationControlDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavigationControlDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: NavigationControlDirective, selectors: [["", "wmNavigationControl", ""]], inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, standalone: true }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: NavigationControlDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NavigationControlDirective, isStandalone: true, selector: "[wmNavigationControl]", inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavigationControlDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmNavigationControl]'
-                }]
-        }], () => [{ type: i0__namespace.ElementRef }], { disableMenuContext: [{
-                type: i0.Input
-            }], wmNavigationControl: [{
-                type: i0.Input
-            }] }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: NavigationControlDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmNavigationControl]'
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.ElementRef }], propDecorators: { disableMenuContext: [{
+                    type: i0.Input
+                }], wmNavigationControl: [{
+                    type: i0.Input
+                }] } });
 
     const registerProps$2 = () => {
-        i5.register('wm-nav-item', new Map([
-            ['class', i5.PROP_STRING],
-            ['name', i5.PROP_STRING],
-            ['show', { value: true, ...i5.PROP_BOOLEAN }]
+        base.register('wm-nav-item', new Map([
+            ['class', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
         ]));
     };
 
     const DEFAULT_CLS$2 = 'app-nav-item';
     const WIDGET_CONFIG$2 = { widgetType: 'wm-nav-item', hostClass: DEFAULT_CLS$2 };
-    class NavItemDirective extends i5.StylableComponent {
+    class NavItemDirective extends base.StylableComponent {
         static { this.initializeProps = registerProps$2(); }
         makeActive() {
             const parentNode = this.nativeElement.parentNode;
@@ -82,7 +81,7 @@
         }
         constructor(inj, explicitContext) {
             super(inj, WIDGET_CONFIG$2, explicitContext);
-            i5.styler(this.nativeElement, this, i5.APPLY_STYLES_TYPE.CONTAINER);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
         }
         ngAfterViewInit() {
             if (this.innerLink) {
@@ -93,127 +92,64 @@
             i2.removeClass(this.nativeElement, 'active', true);
             super.ngOnDetach();
         }
-        static { this.ɵfac = function NavItemDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavItemDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: NavItemDirective, selectors: [["", "wmNavItem", ""]], contentQueries: function NavItemDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-                i0__namespace.ɵɵcontentQuery(dirIndex, basic.AnchorComponent, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.innerLink = _t.first);
-            } }, hostBindings: function NavItemDirective_HostBindings(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵ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__namespace.ɵɵProvidersFeature([
-                    i5.provideAsWidgetRef(NavItemDirective)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: NavItemDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NavItemDirective, isStandalone: true, selector: "[wmNavItem]", host: { listeners: { "click": "makeActive()", "keydown.enter": "makeActive()" } }, providers: [
+                base.provideAsWidgetRef(NavItemDirective)
+            ], queries: [{ propertyName: "innerLink", first: true, predicate: anchor.AnchorComponent, descendants: true }], exportAs: ["navItemRef"], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavItemDirective, [{
-            type: i0.Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[wmNavItem]',
-                    exportAs: 'navItemRef',
-                    providers: [
-                        i5.provideAsWidgetRef(NavItemDirective)
-                    ]
-                }]
-        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: NavItemDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmNavItem]',
+                        exportAs: 'navItemRef',
+                        providers: [
+                            base.provideAsWidgetRef(NavItemDirective)
+                        ]
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { innerLink: [{
+                    type: i0.ContentChild,
+                    args: [anchor.AnchorComponent]
+                }], makeActive: [{
+                    type: i0.HostListener,
+                    args: ['click']
                 }, {
-                    type: i0.Optional
-                }] }], { innerLink: [{
-                type: i0.ContentChild,
-                args: [basic.AnchorComponent]
-            }], makeActive: [{
-                type: i0.HostListener,
-                args: ['click']
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.enter']
-            }] }); })();
+                    type: i0.HostListener,
+                    args: ['keydown.enter']
+                }] } });
 
     const registerProps$1 = () => {
-        i5.register('wm-nav', new Map([
-            ['autoclose', { value: 'always', ...i5.PROP_STRING }],
-            ['autoopen', { value: 'never', ...i5.PROP_STRING }],
-            ['class', i5.PROP_STRING],
-            ['dataset', i5.PROP_ANY],
-            ['iconposition', { value: 'left', ...i5.PROP_STRING }],
-            ['isactive', i5.PROP_STRING],
-            ['itemlabel', i5.PROP_STRING],
-            ['itemhint', i5.PROP_STRING],
-            ['itemlink', i5.PROP_STRING],
-            ['itemicon', i5.PROP_STRING],
-            ['itemclass', i5.PROP_STRING],
-            ['itemchildren', i5.PROP_STRING],
-            ['itemaction', i5.PROP_STRING],
-            ['itembadge', i5.PROP_STRING],
-            ['itemtarget', i5.PROP_STRING],
-            ['layout', i5.PROP_STRING],
-            ['name', i5.PROP_STRING],
-            ['orderby', i5.PROP_STRING],
-            ['show', { value: true, ...i5.PROP_BOOLEAN }],
-            ['showonhover', { value: false, ...i5.PROP_BOOLEAN }],
-            ['type', i5.PROP_STRING],
-            ['userrole', i5.PROP_STRING]
+        base.register('wm-nav', new Map([
+            ['autoclose', { value: 'always', ...base.PROP_STRING }],
+            ['autoopen', { value: 'never', ...base.PROP_STRING }],
+            ['class', base.PROP_STRING],
+            ['dataset', base.PROP_ANY],
+            ['iconposition', { value: 'left', ...base.PROP_STRING }],
+            ['isactive', base.PROP_STRING],
+            ['itemlabel', base.PROP_STRING],
+            ['itemhint', base.PROP_STRING],
+            ['itemlink', base.PROP_STRING],
+            ['itemicon', base.PROP_STRING],
+            ['itemclass', base.PROP_STRING],
+            ['itemchildren', base.PROP_STRING],
+            ['itemaction', base.PROP_STRING],
+            ['itembadge', base.PROP_STRING],
+            ['itemtarget', base.PROP_STRING],
+            ['layout', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['orderby', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['showonhover', { value: false, ...base.PROP_BOOLEAN }],
+            ['type', base.PROP_STRING],
+            ['userrole', base.PROP_STRING]
         ]));
     };
 
-    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__namespace.ɵɵelement(0, "div", 4);
-    } }
-    function NavComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "a", 5);
-    } if (rf & 2) {
-        const item_r1 = ctx.item;
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("disableMenuContext", ctx_r1.disableMenuContext || !!item_r1.action)("wmNavigationControl", item_r1.link);
-        i0__namespace.ɵɵ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__namespace.ɵɵelementContainer(0, 7);
-    } if (rf & 2) {
-        const ctx_r2 = i0__namespace.ɵɵnextContext();
-        const item_r4 = ctx_r2.$implicit;
-        const ɵ$index_9_r5 = ctx_r2.$index;
-        const liRef_r6 = i0__namespace.ɵɵreference(1);
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        const anchorRef_r7 = i0__namespace.ɵɵreference(3);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", anchorRef_r7)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction3(3, _c4, item_r4, ɵ$index_9_r5, liRef_r6))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("anchor_" + liRef_r6.trackId, i0__namespace.ɵɵpureFunction3(7, _c4, item_r4, ɵ$index_9_r5, liRef_r6)));
-    } }
-    function NavComponent_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 7);
-    } if (rf & 2) {
-        const ctx_r2 = i0__namespace.ɵɵnextContext();
-        const item_r4 = ctx_r2.$implicit;
-        const ɵ$index_9_r5 = ctx_r2.$index;
-        const liRef_r6 = i0__namespace.ɵɵreference(1);
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        const menuRef_r8 = i0__namespace.ɵɵreference(1);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", menuRef_r8)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction2(3, _c5, item_r4, ɵ$index_9_r5))("ngTemplateOutletInjector", ctx_r1.createCustomInjector("menu_" + liRef_r6.trackId, i0__namespace.ɵɵpureFunction2(6, _c5, item_r4, ɵ$index_9_r5)));
-    } }
-    function NavComponent_For_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "li", 6, 2);
-        i0__namespace.ɵɵ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__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const item_r4 = ctx.$implicit;
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("app-nav-item ", item_r4.class, "");
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c3, item_r4._selected || !ctx_r1.isactive && item_r4.link === "#/" + ctx_r1.activePageName));
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵconditional(!item_r4.children.length ? 2 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(item_r4.children.length ? 3 : -1);
-    } }
-    function NavComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵprojection(0);
-    } }
     const DEFAULT_CLS$1 = 'nav app-nav';
     const WIDGET_CONFIG$1 = { widgetType: 'wm-nav', hostClass: DEFAULT_CLS$1 };
     const NavClassMap = {
@@ -221,7 +157,7 @@
         tabs: 'nav-tabs',
         navbar: 'navbar-nav'
     };
-    class NavComponent extends i5.DatasetAwareNavComponent {
+    class NavComponent extends base.DatasetAwareNavComponent {
         static { this.initializeProps = registerProps$1(); }
         get activePageName() {
             return this.app.activePageName;
@@ -232,7 +168,7 @@
             this.route = route;
             this.userDefinedExecutionContext = userDefinedExecutionContext;
             this.app = app;
-            i5.styler(this.nativeElement, this, i5.APPLY_STYLES_TYPE.CONTAINER);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
             this.disableMenuContext = !!selectEventCB;
             this.pageScope = this.viewParent;
             // For selecting the item on load
@@ -299,64 +235,26 @@
             this.selecteditem = lodashEs.omit($item, ['children', 'value']);
             this.invokeEventCallback('select', { $event, $item: this.selecteditem });
         }
-        static { this.ɵfac = function NavComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NavComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(i1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵinjectAttribute('select.event'), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: NavComponent, selectors: [["", "wmNav", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i5.provideAsWidgetRef(NavComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵ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__namespace.ɵɵprojectionDef(_c1$3);
-                i0__namespace.ɵɵtemplate(0, NavComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor)(2, NavComponent_ng_template_2_Template, 1, 3, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
-                i0__namespace.ɵɵrepeaterCreate(4, NavComponent_For_5_Template, 4, 8, "li", 3, i0__namespace.ɵɵrepeaterTrackByIdentity);
-                i0__namespace.ɵɵtemplate(6, NavComponent_Conditional_6_Template, 1, 0);
-            } if (rf & 2) {
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵrepeater(ctx.nodes);
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵconditional(!ctx.nodes.length ? 6 : -1);
-            } }, dependencies: () => [i3.CommonModule, i3__namespace.NgClass, i3__namespace.NgTemplateOutlet, i5.WmComponentsModule, i3$1.BsDropdownModule, i3$1__namespace.BsDropdownDirective, basic.AnchorComponent, MenuComponent, NavItemDirective], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: NavComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.Router }, { token: i2__namespace.UserDefinedExecutionContext }, { token: i2__namespace.App }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: NavComponent, isStandalone: true, selector: "[wmNav]", providers: [
+                base.provideAsWidgetRef(NavComponent)
+            ], usesInheritance: true, ngImport: i0__namespace, 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__namespace.forwardRef(() => i3.CommonModule) }, { kind: "directive", type: i0__namespace.forwardRef(() => i3__namespace.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0__namespace.forwardRef(() => i3__namespace.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0__namespace.forwardRef(() => i3$1.BsDropdownModule) }, { kind: "directive", type: i0__namespace.forwardRef(() => i3$1__namespace.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__namespace.forwardRef(() => anchor.AnchorComponent), selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: i0__namespace.forwardRef(() => MenuComponent), selector: "[wmMenu]" }, { kind: "directive", type: i0__namespace.forwardRef(() => NavItemDirective), selector: "[wmNavItem]", exportAs: ["navItemRef"] }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(NavComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i3.CommonModule, i5.WmComponentsModule, i3$1.BsDropdownModule, basic.AnchorComponent, i0.forwardRef(() => MenuComponent), NavItemDirective,], selector: '[wmNav]', providers: [
-                        i5.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__namespace.Injector }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.Router }, { type: i2__namespace.UserDefinedExecutionContext }, { type: i2__namespace.App }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['select.event']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(NavComponent, { className: "NavComponent", filePath: "nav/nav.component.ts", lineNumber: 34 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: NavComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i3.CommonModule, i3$1.BsDropdownModule, anchor.AnchorComponent, i0.forwardRef(() => MenuComponent), NavItemDirective,], selector: '[wmNav]', providers: [
+                            base.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__namespace.Injector }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.Router }, { type: i2__namespace.UserDefinedExecutionContext }, { type: i2__namespace.App }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['select.event']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
-    const _c0$2 = ["wmMenuDropdownItem", ""];
-    const _c1$2 = a0 => ({ item: a0 });
-    function MenuDropdownItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "span");
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("pull-right fa caret ", ctx_r0.menualign, "");
-    } }
-    function MenuDropdownItemComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "span", 4);
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("textContent", ctx_r0.item.badge);
-    } }
-    function MenuDropdownItemComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 5);
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        const nestedMenuDropdown_r2 = i0__namespace.ɵɵreference(8);
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", nestedMenuDropdown_r2)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c1$2, ctx_r0.item));
-    } }
-    function MenuDropdownItemComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "ul", 6);
-    } if (rf & 2) {
-        const item_r3 = ctx.item;
-        i0__namespace.ɵɵproperty("items", item_r3.children);
-    } }
     const menuAlignClass = {
         'pull-right': 'fa-caret-left',
         'dropinline-menu': 'fa-caret-down',
@@ -365,11 +263,11 @@
     const MENU_LAYOUT_TYPE = {
         HORIZONTAL: 'horizontal'};
     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 = i0.inject(MenuComponent);
             this.onSelect = ($event, item) => {
                 if (this.nativeElement !== $($event.target).closest('.app-menu-item').get(0)) {
                     return;
@@ -393,12 +291,12 @@
         ngOnInit() {
             // add active class to the item only if it is in nav component.
             if (this.parentNav) {
-                if (i5.hasLinkToCurrentPage([this.item], this.menuRef.route.url)) {
+                if (base.hasLinkToCurrentPage([this.item], this.menuRef.route.url)) {
                     // add active class to the li, if the menu item's link is same as the current page name.
                     i2.addClass(this.nativeElement, 'active');
                 }
                 this.highlightActiveLinkSubscription = this.app.subscribe("highlightActiveLink", (data) => {
-                    i2.toggleClass(this.nativeElement, 'active', i5.hasLinkToCurrentPage([this.item], this.menuRef.route.url));
+                    i2.toggleClass(this.nativeElement, 'active', base.hasLinkToCurrentPage([this.item], this.menuRef.route.url));
                 });
             }
         }
@@ -496,79 +394,45 @@
                 this.highlightActiveLinkSubscription();
             }
         }
-        static { this.ɵfac = function MenuDropdownItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuDropdownItemComponent)(i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(MenuComponent), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext), i0__namespace.ɵɵdirectiveInject(NavComponent, 8), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: MenuDropdownItemComponent, selectors: [["li", "wmMenuDropdownItem", ""]], hostBindings: function MenuDropdownItemComponent_HostBindings(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵ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__namespace.ɵɵ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__namespace.ɵɵelementStart(0, "a", 1);
-                i0__namespace.ɵɵtemplate(1, MenuDropdownItemComponent_Conditional_1_Template, 1, 3, "span", 2);
-                i0__namespace.ɵɵelement(2, "i");
-                i0__namespace.ɵɵelementStart(3, "span", 3);
-                i0__namespace.ɵɵtext(4);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(5, MenuDropdownItemComponent_Conditional_5_Template, 1, 1, "span", 4);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(6, MenuDropdownItemComponent_Conditional_6_Template, 1, 4, "ng-container", 5)(7, MenuDropdownItemComponent_ng_template_7_Template, 1, 1, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor);
-            } if (rf & 2) {
-                i0__namespace.ɵɵproperty("title", ctx.item.label)("wmNavigationControl", ctx.item.link)("disableMenuContext", ctx.menuRef.disableMenuContext || !!ctx.item.action);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.item.children.length ? 1 : -1);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵclassMapInterpolate1("app-icon ", ctx.item.icon, "");
-                i0__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵtextInterpolate(ctx.item.label);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.item.badge ? 5 : -1);
-                i0__namespace.ɵɵadvance();
-                i0__namespace.ɵɵconditional(ctx.item.children.length ? 6 : -1);
-            } }, dependencies: () => [i3.CommonModule, i3__namespace.NgTemplateOutlet, i5.WmComponentsModule, i5__namespace.TextContentDirective, MenuDropdownComponent, NavigationControlDirective], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuDropdownItemComponent, deps: [{ token: i2__namespace.App }, { token: i2__namespace.UserDefinedExecutionContext }, { token: NavComponent, optional: true }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.forwardRef(() => base.TextContentDirective), selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: i0__namespace.forwardRef(() => MenuDropdownComponent), selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "directive", type: i0__namespace.forwardRef(() => NavigationControlDirective), selector: "[wmNavigationControl]", inputs: ["disableMenuContext", "wmNavigationControl"] }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MenuDropdownItemComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i3.CommonModule, i5.WmComponentsModule, i0.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__namespace.App }, { type: MenuComponent }, { type: i2__namespace.UserDefinedExecutionContext }, { type: NavComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: i0__namespace.ElementRef }], { item: [{
-                type: i0.Input
-            }], onKeyDown: [{
-                type: i0.HostListener,
-                args: ['keydown.tab', ['$event', '"TAB"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.shift.tab', ['$event', '"SHIFT-TAB"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.escape', ['$event', '"ESC"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.enter', ['$event', '"ENTER"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
-            }], onSelect: [{
-                type: i0.HostListener,
-                args: ['click', ['$event', 'item']]
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(MenuDropdownItemComponent, { className: "MenuDropdownItemComponent", filePath: "menu-dropdown-item/menu-dropdown-item.component.ts", lineNumber: 33 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuDropdownItemComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [base.TextContentDirective, i0.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__namespace.App }, { type: i2__namespace.UserDefinedExecutionContext }, { type: NavComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: i0__namespace.ElementRef }], propDecorators: { item: [{
+                    type: i0.Input
+                }], onKeyDown: [{
+                    type: i0.HostListener,
+                    args: ['keydown.tab', ['$event', '"TAB"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.shift.tab', ['$event', '"SHIFT-TAB"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.escape', ['$event', '"ESC"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.enter', ['$event', '"ENTER"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
+                }], onSelect: [{
+                    type: i0.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__namespace.ɵɵelement(0, "li", 1);
-    } if (rf & 2) {
-        const item_r1 = ctx.$implicit;
-        i0__namespace.ɵɵclassMap(item_r1.class);
-        i0__namespace.ɵɵproperty("item", item_r1)("ngClass", i0__namespace.ɵɵpureFunction2(5, _c1$1, item_r1.disabled, item_r1.children.length > 0));
-    } }
     const animationClasses = {
         scale: {
             'name': 'wmScaleInLeft',
@@ -594,8 +458,8 @@
     };
     const DEFAULT_CLS = 'dropdown-menu';
     class MenuDropdownComponent {
-        constructor(elRef, menuRef) {
-            this.menuRef = menuRef;
+        constructor(elRef) {
+            this.menuRef = i0.inject(MenuComponent);
             this.nativeElement = elRef.nativeElement;
             this.hasExecutedCallback = false;
             i2.addClass(this.nativeElement, DEFAULT_CLS);
@@ -657,98 +521,52 @@
             const observer = new IntersectionObserver(callback.bind(this), options);
             observer.observe(target.nativeElement);
         }
-        static { this.ɵfac = function MenuDropdownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuDropdownComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(MenuComponent)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: MenuDropdownComponent, selectors: [["ul", "wmMenuDropdown", ""]], inputs: { items: "items" }, standalone: true, features: [i0__namespace.ɵɵ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__namespace.ɵɵrepeaterCreate(0, MenuDropdownComponent_For_1_Template, 1, 8, "li", 0, i0__namespace.ɵɵrepeaterTrackByIdentity);
-            } if (rf & 2) {
-                i0__namespace.ɵɵrepeater(ctx.items);
-            } }, dependencies: [i3.CommonModule, i3__namespace.NgClass, i5.WmComponentsModule, MenuDropdownItemComponent], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuDropdownComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MenuDropdownComponent, isStandalone: true, selector: "ul[wmMenuDropdown]", inputs: { items: "items" }, ngImport: i0__namespace, 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: i3.CommonModule }, { kind: "directive", type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MenuDropdownItemComponent, selector: "li[wmMenuDropdownItem]", inputs: ["item"] }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MenuDropdownComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i3.CommonModule, i5.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__namespace.ElementRef }, { type: MenuComponent }], { items: [{
-                type: i0.Input
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(MenuDropdownComponent, { className: "MenuDropdownComponent", filePath: "menu-dropdown/menu-dropdown.component.ts", lineNumber: 42 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuDropdownComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i3.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__namespace.ElementRef }], propDecorators: { items: [{
+                    type: i0.Input
+                }] } });
 
     const registerProps = () => {
-        i5.register('wm-menu', new Map([
-            ['accessroles', { value: 'Everyone', ...i5.PROP_STRING }],
-            ['animateitems', i5.PROP_STRING],
-            ['autoclose', { value: 'always', ...i5.PROP_STRING }],
-            ['autoopen', { value: 'never', ...i5.PROP_STRING }],
-            ['caption', i5.PROP_STRING],
-            ['class', i5.PROP_STRING],
-            ['dataset', { value: 'Menu Item 1, Menu Item 2, Menu Item 3', ...i5.PROP_ANY }],
-            ['hint', { value: '', ...i5.PROP_STRING }],
-            ['arialabel', i5.PROP_STRING],
-            ['isactive', i5.PROP_STRING],
-            ['iconclass', i5.PROP_STRING],
-            ['iconposition', { value: 'left', ...i5.PROP_STRING }],
-            ['itemaction', i5.PROP_STRING],
-            ['itemchildren', i5.PROP_STRING],
-            ['itemclass', i5.PROP_STRING],
-            ['itemicon', i5.PROP_STRING],
-            ['itemlabel', i5.PROP_STRING],
-            ['itemlink', i5.PROP_STRING],
-            ['itemtarget', i5.PROP_STRING],
-            ['linktarget', { value: '_self', ...i5.PROP_STRING }],
-            ['menuclass', i5.PROP_STRING],
-            ['menulayout', i5.PROP_STRING],
-            ['menuposition', i5.PROP_STRING],
-            ['name', i5.PROP_STRING],
-            ['orderby', i5.PROP_STRING],
-            ['shortcutkey', i5.PROP_STRING],
-            ['show', { value: true, ...i5.PROP_BOOLEAN }],
-            ['showonhover', { value: false, ...i5.PROP_BOOLEAN }],
-            ['tabindex', { value: 0, ...i5.PROP_NUMBER }],
-            ['type', { value: 'menu', ...i5.PROP_STRING }],
-            ['userrole', i5.PROP_STRING]
+        base.register('wm-menu', new Map([
+            ['accessroles', { value: 'Everyone', ...base.PROP_STRING }],
+            ['animateitems', base.PROP_STRING],
+            ['autoclose', { value: 'always', ...base.PROP_STRING }],
+            ['autoopen', { value: 'never', ...base.PROP_STRING }],
+            ['caption', base.PROP_STRING],
+            ['class', base.PROP_STRING],
+            ['dataset', { value: 'Menu Item 1, Menu Item 2, Menu Item 3', ...base.PROP_ANY }],
+            ['hint', { value: '', ...base.PROP_STRING }],
+            ['arialabel', base.PROP_STRING],
+            ['isactive', base.PROP_STRING],
+            ['iconclass', base.PROP_STRING],
+            ['iconposition', { value: 'left', ...base.PROP_STRING }],
+            ['itemaction', base.PROP_STRING],
+            ['itemchildren', base.PROP_STRING],
+            ['itemclass', base.PROP_STRING],
+            ['itemicon', base.PROP_STRING],
+            ['itemlabel', base.PROP_STRING],
+            ['itemlink', base.PROP_STRING],
+            ['itemtarget', base.PROP_STRING],
+            ['linktarget', { value: '_self', ...base.PROP_STRING }],
+            ['menuclass', base.PROP_STRING],
+            ['menulayout', base.PROP_STRING],
+            ['menuposition', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['orderby', base.PROP_STRING],
+            ['shortcutkey', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['showonhover', { value: false, ...base.PROP_BOOLEAN }],
+            ['tabindex', { value: 0, ...base.PROP_NUMBER }],
+            ['type', { value: 'menu', ...base.PROP_STRING }],
+            ['userrole', base.PROP_STRING]
         ]));
     };
 
-    const _c0 = ["wmMenu", ""];
-    const _c1 = a0 => [a0];
-    function MenuComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i")(1, "span", 4)(2, "span");
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("app-icon ", ctx_r0.iconclass, "");
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("textContent", ctx_r0.caption);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵclassMapInterpolate1("pull-right caret fa ", ctx_r0.menuCaret, "");
-    } }
-    function MenuComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "a", 5);
-        i0__namespace.ɵɵelement(1, "span", 6);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("dropdown-toggle ", ctx_r0.menuclass, "");
-        i0__namespace.ɵɵattribute("aria-label", ctx_r0.arialabel || "Menu");
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c1, ctx_r0.menuCaret));
-    } }
-    function MenuComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "button", 7);
-        i0__namespace.ɵɵelement(1, "span", 6);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("btn app-button dropdown-toggle ", ctx_r0.menuclass, "");
-        i0__namespace.ɵɵattribute("aria-label", ctx_r0.arialabel || "Menu");
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(5, _c1, ctx_r0.menuCaret));
-    } }
-    function MenuComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "ul", 8);
-    } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("icon-position-", ctx_r0.iconposition, "");
-        i0__namespace.ɵɵproperty("items", ctx_r0.nodes)("ngClass", ctx_r0.menulayout);
-    } }
     const KEYBOARD_MOVEMENTS = {
         MOVE_UP: 'UP-ARROW',
         MOVE_LEFT: 'LEFT-ARROW',
@@ -788,7 +606,7 @@
         ALWAYS: 'always'
     };
     const WIDGET_CONFIG = { widgetType: 'wm-menu', hostClass: 'dropdown app-menu' };
-    class MenuComponent extends i5.DatasetAwareNavComponent {
+    class MenuComponent extends base.DatasetAwareNavComponent {
         static { this.initializeProps = registerProps(); }
         onShow() {
             this._menuposition = this.menuposition;
@@ -835,7 +653,7 @@
             else if (eventAction === KEY_MOVEMENTS.ON_ENTER || (eventAction === KEY_MOVEMENTS.ON_MOUSE_ENTER && this.showonhover)) {
                 this.bsDropdown.toggle(true);
             }
-            else if (lodashEs.includes([KEY_MOVEMENTS.MOVE_UP, KEY_MOVEMENTS.MOVE_LEFT], eventAction) || (eventAction == KEY_MOVEMENTS.ON_MOUSE_LEAVE && this.autoclose == i5.AUTOCLOSE_TYPE.ALWAYS && this.showonhover)) {
+            else if (lodashEs.includes([KEY_MOVEMENTS.MOVE_UP, KEY_MOVEMENTS.MOVE_LEFT], eventAction) || (eventAction == KEY_MOVEMENTS.ON_MOUSE_LEAVE && this.autoclose == base.AUTOCLOSE_TYPE.ALWAYS && this.showonhover)) {
                 this.bsDropdown.hide();
             }
             $event.preventDefault();
@@ -859,7 +677,7 @@
             // For selecting the item on load
             const datasetSubscription = this.nodes$.subscribe(() => {
                 if (!lodashEs.isEmpty(this.nodes)) {
-                    if (i5.hasLinkToCurrentPage(this.nodes, this.route.url)) {
+                    if (base.hasLinkToCurrentPage(this.nodes, this.route.url)) {
                         i2.addClass(this.nativeElement.querySelector('.dropdown-toggle'), 'active');
                     }
                     // If menu widget is inside nav widget then dont check for item isactive property because these will be handled form nav widget.
@@ -892,7 +710,7 @@
         resetNodes() {
             super.resetNodes();
             // open the menu if any of its menu items has link to current page and if autoopen value is 'active page'
-            if ((this.autoopen === AUTO_OPEN.ACTIVE_PAGE && i5.hasLinkToCurrentPage(this.nodes, this.route.url)) || this.autoopen === AUTO_OPEN.ALWAYS) {
+            if ((this.autoopen === AUTO_OPEN.ACTIVE_PAGE && base.hasLinkToCurrentPage(this.nodes, this.route.url)) || this.autoopen === AUTO_OPEN.ALWAYS) {
                 this.bsDropdown.show();
             }
         }
@@ -900,7 +718,7 @@
             super.ngOnInit();
             this.setMenuPosition();
             const cancelSubscription = this.app.subscribe("highlightActiveLink", (data) => {
-                i2.toggleClass(this.nativeElement.querySelector('.dropdown-toggle'), 'active', i5.hasLinkToCurrentPage(this.nodes, this.route.url));
+                i2.toggleClass(this.nativeElement.querySelector('.dropdown-toggle'), 'active', base.hasLinkToCurrentPage(this.nodes, this.route.url));
             });
             this.registerDestroyListener(() => cancelSubscription());
         }
@@ -909,7 +727,7 @@
                 return;
             }
             if (key === 'autoclose') {
-                this.bsDropdown.autoClose = nv !== i5.AUTOCLOSE_TYPE.DISABLED;
+                this.bsDropdown.autoClose = nv !== base.AUTOCLOSE_TYPE.DISABLED;
                 this.autoclose = nv;
             }
             else {
@@ -950,71 +768,63 @@
         }
         ngAfterViewInit() {
             super.ngAfterViewInit();
-            i5.styler(this.nativeElement.querySelector('.dropdown-toggle'), this);
+            base.styler(this.nativeElement.querySelector('.dropdown-toggle'), this);
         }
-        static { this.ɵfac = function MenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.Router), i0__namespace.ɵɵdirectiveInject(i2__namespace.UserDefinedExecutionContext), i0__namespace.ɵɵdirectiveInject(i2__namespace.App), i0__namespace.ɵɵdirectiveInject(i3$1__namespace.BsDropdownDirective, 10), i0__namespace.ɵɵdirectiveInject(NavComponent, 8), i0__namespace.ɵɵinjectAttribute('select.event'), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: MenuComponent, selectors: [["", "wmMenu", ""]], hostBindings: function MenuComponent_HostBindings(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵ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__namespace.ɵɵProvidersFeature([
-                    i5.provideAsWidgetRef(MenuComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵ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__namespace.ɵɵtemplate(0, MenuComponent_ng_template_0_Template, 3, 7, "ng-template", null, 0, i0__namespace.ɵɵ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__namespace.ɵɵadvance(2);
-                i0__namespace.ɵɵconditional(ctx.type === "anchor" ? 2 : 3);
-            } }, dependencies: [i3.CommonModule, i3__namespace.NgClass, i5.WmComponentsModule, i5__namespace.TextContentDirective, basic.AnchorComponent, input.ButtonComponent, MenuDropdownComponent, i3$1.BsDropdownModule, i3$1__namespace.BsDropdownMenuDirective, i3$1__namespace.BsDropdownToggleDirective], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.Router }, { token: i2__namespace.UserDefinedExecutionContext }, { token: i2__namespace.App }, { token: i3$1__namespace.BsDropdownDirective, optional: true, self: true }, { token: NavComponent, optional: true }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵ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: [
+                base.provideAsWidgetRef(MenuComponent),
+            ], usesInheritance: true, ngImport: i0__namespace, 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: i3$1.BsDropdownModule }, { kind: "directive", type: i3$1__namespace.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i3$1__namespace.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "ngmodule", type: i3.CommonModule }, { kind: "directive", type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: anchor.AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: button.ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "component", type: MenuDropdownComponent, selector: "ul[wmMenuDropdown]", inputs: ["items"] }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MenuComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i3.CommonModule, i5.WmComponentsModule, basic.AnchorComponent, input.ButtonComponent, MenuDropdownComponent, i3$1.BsDropdownModule], selector: '[wmMenu]', providers: [
-                        i5.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__namespace.Injector }, { type: i1__namespace.Router }, { type: i2__namespace.UserDefinedExecutionContext }, { type: i2__namespace.App }, { type: i3$1__namespace.BsDropdownDirective, decorators: [{
-                    type: i0.Self
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i3$1.BsDropdownModule, i3.CommonModule, base.TextContentDirective, anchor.AnchorComponent, button.ButtonComponent, MenuDropdownComponent], selector: '[wmMenu]', providers: [
+                            base.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__namespace.Injector }, { type: i1__namespace.Router }, { type: i2__namespace.UserDefinedExecutionContext }, { type: i2__namespace.App }, { type: i3$1__namespace.BsDropdownDirective, decorators: [{
+                        type: i0.Self
+                    }, {
+                        type: i0.Optional
+                    }] }, { type: NavComponent, decorators: [{
+                        type: i0.Optional
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['select.event']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { onShow: [{
+                    type: i0.HostListener,
+                    args: ['onShown']
+                }], onHide: [{
+                    type: i0.HostListener,
+                    args: ['onHidden']
+                }], onKeyDown: [{
+                    type: i0.HostListener,
+                    args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['mouseenter', ['$event', '"MOUSE-ENTER"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['mouseleave', ['$event', '"MOUSE-LEAVE"']]
                 }, {
-                    type: i0.Optional
-                }] }, { type: NavComponent, decorators: [{
-                    type: i0.Optional
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['select.event']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
+                    type: i0.HostListener,
+                    args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
                 }, {
-                    type: i0.Optional
-                }] }], { onShow: [{
-                type: i0.HostListener,
-                args: ['onShown']
-            }], onHide: [{
-                type: i0.HostListener,
-                args: ['onHidden']
-            }], onKeyDown: [{
-                type: i0.HostListener,
-                args: ['keydown.arrowup', ['$event', '"UP-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['mouseenter', ['$event', '"MOUSE-ENTER"']]
-            }, {
-                type: i0.HostListener,
-                args: ['mouseleave', ['$event', '"MOUSE-LEAVE"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowdown', ['$event', '"DOWN-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
-            }, {
-                type: i0.HostListener,
-                args: ['keydown.enter', ['$event', '"ENTER"']]
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(MenuComponent, { className: "MenuComponent", filePath: "menu.component.ts", lineNumber: 96 }); })();
+                    type: i0.HostListener,
+                    args: ['keydown.arrowright', ['$event', '"RIGHT-ARROW"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.arrowleft', ['$event', '"LEFT-ARROW"']]
+                }, {
+                    type: i0.HostListener,
+                    args: ['keydown.enter', ['$event', '"ENTER"']]
+                }] } });
 
     const menuProps = ['itemlabel', 'itemicon', 'itemlink', 'itemaction', 'itemchildren', 'userrole'];
-    class MenuAdapterComponent extends i5.BaseContainerComponent {
+    class MenuAdapterComponent extends base.BaseContainerComponent {
         constructor(inj, WIDGET_CONFIG, explicitContext) {
             super(inj, WIDGET_CONFIG, explicitContext);
             this.pageScope = this.viewParent;
@@ -1059,25 +869,20 @@
                 }
             }
         }
-        static { this.ɵfac = function MenuAdapterComponent_Factory(__ngFactoryType__) { i0__namespace.ɵɵinvalidFactory(); }; }
-        static { this.ɵdir = /*@__PURE__*/ i0__namespace.ɵɵdefineDirective({ type: MenuAdapterComponent, viewQuery: function MenuAdapterComponent_Query(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(MenuComponent, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.menuRefQL = _t);
-            } }, features: [i0__namespace.ɵɵInheritDefinitionFeature] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuAdapterComponent, deps: "invalid", target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MenuAdapterComponent, viewQueries: [{ propertyName: "menuRefQL", predicate: MenuComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MenuAdapterComponent, [{
-            type: i0.Directive
-        }], () => [{ type: undefined }, { type: undefined }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], { menuRefQL: [{
-                type: i0.ViewChildren,
-                args: [MenuComponent]
-            }] }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: MenuAdapterComponent, decorators: [{
+                type: i0.Directive
+            }], ctorParameters: () => [{ type: undefined }, { type: undefined }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { menuRefQL: [{
+                    type: i0.ViewChildren,
+                    args: [MenuComponent]
+                }] } });
 
     exports.KEYBOARD_MOVEMENTS = KEYBOARD_MOVEMENTS;
     exports.MENU_POSITION = MENU_POSITION;