@wavemaker/app-ng-runtime 11.4.0-next.24560 → 11.4.0-next.24562

app-ng-runtime/components/navigation/menu/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":27,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":8},{"__symbolic":"reference","module":"@wm/components/input","name":"InputModule","line":30,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":31,"character":8}],"declarations":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuDropdownComponent"},{"__symbolic":"reference","name":"MenuDropdownItemComponent"},{"__symbolic":"reference","name":"NavigationControlDirective"},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","name":"NavItemDirective"}],"exports":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuDropdownComponent"},{"__symbolic":"reference","name":"MenuDropdownItemComponent"},{"__symbolic":"reference","name":"NavigationControlDirective"},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","name":"NavItemDirective"}],"entryComponents":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuDropdownComponent"}]}]}],"members":{}},"KEYBOARD_MOVEMENTS":{"MOVE_UP":"UP-ARROW","MOVE_LEFT":"LEFT-ARROW","MOVE_RIGHT":"RIGHT-ARROW","MOVE_DOWN":"DOWN-ARROW","ON_ENTER":"ENTER","ON_TAB":"TAB","ON_SHIFT_TAB":"SHIFT-TAB","ON_ESCAPE":"ESC"},"MENU_POSITION":{"UP_LEFT":"up,left","UP_RIGHT":"up,right","DOWN_LEFT":"down,left","DOWN_RIGHT":"down,right","INLINE":"inline"},"MenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"DatasetAwareNavComponent","line":62,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":55,"character":1},"arguments":[{"selector":"[wmMenu]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":59,"character":8},"arguments":[{"__symbolic":"reference","name":"MenuComponent"}]}],"template":"<ng-template #menuTemplate>\n    <button wmButton\n            dropdownToggle\n            aria-haspopup=\"true\"\n            aria-expanded=\"false\"\n            [attr.aria-label]=\"hint || '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 {{menuCaret}}\"></span>\n    </button>\n</ng-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<ng-container *ngIf=\"type === 'anchor'; else menuTemplate\">\n    <a wmAnchor\n       dropdownToggle\n\n       href=\"javascript:void(0);\"\n       role=\"button\"\n       aria-haspopup=\"true\"\n       aria-expanded=\"false\"\n\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 {{menuCaret}}\"></span>\n    </a>\n</ng-container>\n\n<ul wmMenuDropdown [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" *dropdownMenu aria-labelledby=\"dropdownmenu\" role=\"menubar\"></ul>\n"}]}],"members":{"onShow":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":83,"character":5},"arguments":["onShown"]}]}],"onHide":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":91,"character":5},"arguments":["onHidden"]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":98,"character":5},"arguments":["keydown.arrowup",["$event","\"UP-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":99,"character":5},"arguments":["keydown.arrowdown",["$event","\"DOWN-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":100,"character":5},"arguments":["keydown.arrowright",["$event","\"RIGHT-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":101,"character":5},"arguments":["keydown.arrowleft",["$event","\"LEFT-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":136,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":136,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":137,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":138,"character":9},"arguments":["select.event"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":133,"character":13},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":134,"character":22},{"__symbolic":"reference","module":"@wm/core","name":"UserDefinedExecutionContext","line":135,"character":45},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownDirective","line":136,"character":47},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","name":"string"}]}],"hasLinkToCurrentPage":[{"__symbolic":"method"}],"resetNodes":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"setMenuPosition":[{"__symbolic":"method"}],"onMenuItemSelect":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"MenuAdapterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseContainerComponent","line":11,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1}}],"members":{"menuRefQL":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"MenuComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[null,null]}],"onPropertyChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NavItemDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":19,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[wmNavItem]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"NavItemDirective"}]}]}]}],"members":{"innerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":21,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/basic","name":"AnchorComponent","line":21,"character":18}]}]}],"makeActive":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":5},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":5},"arguments":["keydown.enter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":21}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDetach":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"NavComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"DatasetAwareNavComponent","line":26,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"[wmNav]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":23,"character":8},"arguments":[{"__symbolic":"reference","name":"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         dataset.bind=\"item.children\"\n         badgevalue.bind=\"item.badge\"\n         iconposition.bind=\"iconposition\"\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       iconclass.bind=\"item.icon\"\n       badgevalue.bind=\"item.badge\"\n       iconposition.bind=\"iconposition\"\n       click.event=\"onNavSelect($event, item, liRef)\"></a>\n</ng-template>\n\n<li class=\"app-nav-item {{item.class}}\" *ngFor=\"let item of nodes; let index = index;\" #liRef [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\">\n    <ng-container [ngTemplateOutlet]=\"anchorRef\" [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\" *ngIf=\"!item.children.length\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"menuRef\" [ngTemplateOutletContext]=\"{item: item, index:index}\"  *ngIf=\"item.children.length\"></ng-container>\n</li>\n\n<ng-content *ngIf=\"!nodes.length\" select=\"[wmNavItem]\"></ng-content>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":47,"character":9},"arguments":["select.event"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":23},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":44,"character":23},{"__symbolic":"reference","module":"@wm/core","name":"UserDefinedExecutionContext","line":45,"character":45},{"__symbolic":"reference","module":"@wm/core","name":"App","line":46,"character":21},null]}],"setNavType":[{"__symbolic":"method"}],"setNavLayout":[{"__symbolic":"method"}],"onNavSelect":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onMenuItemSelect":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"disableContextMenu":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":34,"module":"./nav/navigation-control.directive"},"NavigationControlDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[wmNavigationControl]"}]}],"members":{"disableMenuContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"wmNavigationControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":24}]}]}},"MenuDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"ul[wmMenuDropdown]","template":"<li wmMenuDropdownItem *ngFor=\"let item of items\"\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n</li>\n"}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":23},{"__symbolic":"reference","name":"MenuComponent"}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"MenuDropdownItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"li[wmMenuDropdownItem]","template":"<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n    <span *ngIf=\"item.children.length\" class=\"pull-right fa caret {{menualign}}\"></span>\n    <i class=\"app-icon {{item.icon}}\"></i>\n    <span class=\"anchor-caption\">{{item.label}}</span>\n    <span *ngIf=\"item.badge\" class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n</a>\n<ng-container [ngTemplateOutlet]=\"nestedMenuDropdown\" *ngIf=\"item.children.length\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n\n<ng-template #nestedMenuDropdown let-item=\"item\">\n    <ul wmMenuDropdown [items]=\"item.children\"></ul>\n</ng-template>\n"}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":9}}],null],"parameters":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","module":"@wm/core","name":"UserDefinedExecutionContext","line":37,"character":45},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"getInitialKeyMovements":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":78,"character":5},"arguments":["keydown.tab",["$event","\"TAB\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":79,"character":5},"arguments":["keydown.shift.tab",["$event","\"SHIFT-TAB\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":80,"character":5},"arguments":["keydown.escape",["$event","\"ESC\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":82,"character":5},"arguments":["keydown.arrowup",["$event","\"UP-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":83,"character":5},"arguments":["keydown.arrowdown",["$event","\"DOWN-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":84,"character":5},"arguments":["keydown.arrowright",["$event","\"RIGHT-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":85,"character":5},"arguments":["keydown.arrowleft",["$event","\"LEFT-ARROW\""]]}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":148,"character":5},"arguments":["click",["$event","item"]]}]}]}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./nav/nav.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./menu.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./nav/nav-item/nav-item.props"}},"origins":{"MenuModule":"./menu.module","KEYBOARD_MOVEMENTS":"./menu.component","MENU_POSITION":"./menu.component","MenuComponent":"./menu.component","MenuAdapterComponent":"./menu-adapator.component","NavItemDirective":"./nav/nav-item/nav-item.directive","NavComponent":"./nav/nav.component","disableContextMenu":"./nav/navigation-control.directive","NavigationControlDirective":"./nav/navigation-control.directive","MenuDropdownComponent":"./menu-dropdown/menu-dropdown.component","MenuDropdownItemComponent":"./menu-dropdown-item/menu-dropdown-item.component","ɵa":"./nav/nav.props","ɵb":"./menu.props","ɵc":"./nav/nav-item/nav-item.props"},"importAs":"@wm/components/navigation/menu"}
+{"__symbolic":"module","version":4,"metadata":{"MenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":27,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":8},{"__symbolic":"reference","module":"@wm/components/input","name":"InputModule","line":30,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":31,"character":8}],"declarations":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuDropdownComponent"},{"__symbolic":"reference","name":"MenuDropdownItemComponent"},{"__symbolic":"reference","name":"NavigationControlDirective"},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","name":"NavItemDirective"}],"exports":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuDropdownComponent"},{"__symbolic":"reference","name":"MenuDropdownItemComponent"},{"__symbolic":"reference","name":"NavigationControlDirective"},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","name":"NavItemDirective"}],"entryComponents":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuDropdownComponent"}]}]}],"members":{}},"KEYBOARD_MOVEMENTS":{"MOVE_UP":"UP-ARROW","MOVE_LEFT":"LEFT-ARROW","MOVE_RIGHT":"RIGHT-ARROW","MOVE_DOWN":"DOWN-ARROW","ON_ENTER":"ENTER","ON_TAB":"TAB","ON_SHIFT_TAB":"SHIFT-TAB","ON_ESCAPE":"ESC"},"MENU_POSITION":{"UP_LEFT":"up,left","UP_RIGHT":"up,right","DOWN_LEFT":"down,left","DOWN_RIGHT":"down,right","INLINE":"inline"},"MenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"DatasetAwareNavComponent","line":62,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":55,"character":1},"arguments":[{"selector":"[wmMenu]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":59,"character":8},"arguments":[{"__symbolic":"reference","name":"MenuComponent"}]}],"template":"<ng-template #menuTemplate>\n    <button wmButton\n            dropdownToggle\n            aria-haspopup=\"true\"\n            aria-expanded=\"false\"\n            [attr.aria-label]=\"hint || '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 {{menuCaret}}\"></span>\n    </button>\n</ng-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<ng-container *ngIf=\"type === 'anchor'; else menuTemplate\">\n    <a wmAnchor\n       dropdownToggle\n\n       href=\"javascript:void(0);\"\n       role=\"button\"\n       aria-haspopup=\"true\"\n       aria-expanded=\"false\"\n\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 {{menuCaret}}\"></span>\n    </a>\n</ng-container>\n\n<ul wmMenuDropdown [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" *dropdownMenu aria-labelledby=\"dropdownmenu\" role=\"menubar\"></ul>\n"}]}],"members":{"onShow":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":83,"character":5},"arguments":["onShown"]}]}],"onHide":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":91,"character":5},"arguments":["onHidden"]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":98,"character":5},"arguments":["keydown.arrowup",["$event","\"UP-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":99,"character":5},"arguments":["keydown.arrowdown",["$event","\"DOWN-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":100,"character":5},"arguments":["keydown.arrowright",["$event","\"RIGHT-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":101,"character":5},"arguments":["keydown.arrowleft",["$event","\"LEFT-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":102,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":137,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":137,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":138,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":139,"character":9},"arguments":["select.event"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":133,"character":13},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":134,"character":22},{"__symbolic":"reference","module":"@wm/core","name":"App","line":135,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"UserDefinedExecutionContext","line":136,"character":45},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownDirective","line":137,"character":47},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","name":"string"}]}],"resetNodes":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"setMenuPosition":[{"__symbolic":"method"}],"onMenuItemSelect":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"MenuAdapterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseContainerComponent","line":11,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1}}],"members":{"menuRefQL":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"MenuComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[null,null]}],"onPropertyChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NavItemDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":19,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[wmNavItem]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":16,"character":8},"arguments":[{"__symbolic":"reference","name":"NavItemDirective"}]}]}]}],"members":{"innerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":21,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/basic","name":"AnchorComponent","line":21,"character":18}]}]}],"makeActive":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":5},"arguments":["click"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":5},"arguments":["keydown.enter"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":33,"character":21}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDetach":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"NavComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"DatasetAwareNavComponent","line":26,"character":34},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"[wmNav]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":23,"character":8},"arguments":[{"__symbolic":"reference","name":"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         dataset.bind=\"item.children\"\n         badgevalue.bind=\"item.badge\"\n         iconposition.bind=\"iconposition\"\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       iconclass.bind=\"item.icon\"\n       badgevalue.bind=\"item.badge\"\n       iconposition.bind=\"iconposition\"\n       click.event=\"onNavSelect($event, item, liRef)\"></a>\n</ng-template>\n\n<li class=\"app-nav-item {{item.class}}\" *ngFor=\"let item of nodes; let index = index;\" #liRef [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\">\n    <ng-container [ngTemplateOutlet]=\"anchorRef\" [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\" *ngIf=\"!item.children.length\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"menuRef\" [ngTemplateOutletContext]=\"{item: item, index:index}\"  *ngIf=\"item.children.length\"></ng-container>\n</li>\n\n<ng-content *ngIf=\"!nodes.length\" select=\"[wmNavItem]\"></ng-content>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":47,"character":9},"arguments":["select.event"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":23},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":44,"character":23},{"__symbolic":"reference","module":"@wm/core","name":"UserDefinedExecutionContext","line":45,"character":45},{"__symbolic":"reference","module":"@wm/core","name":"App","line":46,"character":21},null]}],"setNavType":[{"__symbolic":"method"}],"setNavLayout":[{"__symbolic":"method"}],"onNavSelect":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onMenuItemSelect":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"disableContextMenu":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":34,"module":"./nav/navigation-control.directive"},"NavigationControlDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[wmNavigationControl]"}]}],"members":{"disableMenuContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"wmNavigationControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":24}]}]}},"MenuDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"ul[wmMenuDropdown]","template":"<li wmMenuDropdownItem *ngFor=\"let item of items\"\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n</li>\n"}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":23},{"__symbolic":"reference","name":"MenuComponent"}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"MenuDropdownItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"li[wmMenuDropdownItem]","template":"<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n    <span *ngIf=\"item.children.length\" class=\"pull-right fa caret {{menualign}}\"></span>\n    <i class=\"app-icon {{item.icon}}\"></i>\n    <span class=\"anchor-caption\">{{item.label}}</span>\n    <span *ngIf=\"item.badge\" class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n</a>\n<ng-container [ngTemplateOutlet]=\"nestedMenuDropdown\" *ngIf=\"item.children.length\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n\n<ng-template #nestedMenuDropdown let-item=\"item\">\n    <ul wmMenuDropdown [items]=\"item.children\"></ul>\n</ng-template>\n"}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":9}}],null],"parameters":[{"__symbolic":"reference","module":"@wm/core","name":"App","line":37,"character":21},{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","module":"@wm/core","name":"UserDefinedExecutionContext","line":39,"character":45},{"__symbolic":"reference","name":"NavComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"getInitialKeyMovements":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":83,"character":5},"arguments":["keydown.tab",["$event","\"TAB\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":84,"character":5},"arguments":["keydown.shift.tab",["$event","\"SHIFT-TAB\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":85,"character":5},"arguments":["keydown.escape",["$event","\"ESC\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":86,"character":5},"arguments":["keydown.enter",["$event","\"ENTER\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":87,"character":5},"arguments":["keydown.arrowup",["$event","\"UP-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":88,"character":5},"arguments":["keydown.arrowdown",["$event","\"DOWN-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":89,"character":5},"arguments":["keydown.arrowright",["$event","\"RIGHT-ARROW\""]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":5},"arguments":["keydown.arrowleft",["$event","\"LEFT-ARROW\""]]}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":153,"character":5},"arguments":["click",["$event","item"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./nav/nav.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./menu.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./nav/nav-item/nav-item.props"}},"origins":{"MenuModule":"./menu.module","KEYBOARD_MOVEMENTS":"./menu.component","MENU_POSITION":"./menu.component","MenuComponent":"./menu.component","MenuAdapterComponent":"./menu-adapator.component","NavItemDirective":"./nav/nav-item/nav-item.directive","NavComponent":"./nav/nav.component","disableContextMenu":"./nav/navigation-control.directive","NavigationControlDirective":"./nav/navigation-control.directive","MenuDropdownComponent":"./menu-dropdown/menu-dropdown.component","MenuDropdownItemComponent":"./menu-dropdown-item/menu-dropdown-item.component","ɵa":"./nav/nav.props","ɵb":"./menu.props","ɵc":"./nav/nav-item/nav-item.props"},"importAs":"@wm/components/navigation/menu"}

app-ng-runtime/components/navigation/menu/menu-dropdown-item/menu-dropdown-item.component.d.ts

@@ -1,8 +1,9 @@
-import { ElementRef, OnInit } from '@angular/core';
-import { UserDefinedExecutionContext } from '@wm/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { UserDefinedExecutionContext, App } from '@wm/core';
 import { NavComponent } from '../nav/nav.component';
 import { MenuComponent } from '../menu.component';
-export declare class MenuDropdownItemComponent implements OnInit {
+export declare class MenuDropdownItemComponent implements OnInit, OnDestroy {
+    private app;
     menuRef: MenuComponent;
     private userDefinedExecutionContext;
     private parentNav;
@@ -10,9 +11,11 @@ export declare class MenuDropdownItemComponent implements OnInit {
     private itemActionFn;
     item: any;
     private readonly nativeElement;
-    constructor(menuRef: MenuComponent, userDefinedExecutionContext: UserDefinedExecutionContext, parentNav: NavComponent, elRef: ElementRef);
+    private highlightActiveLinkSubscription;
+    constructor(app: App, menuRef: MenuComponent, userDefinedExecutionContext: UserDefinedExecutionContext, parentNav: NavComponent, elRef: ElementRef);
     ngOnInit(): void;
     getInitialKeyMovements(): any;
     onKeyDown($event: any, eventAction: any): void;
     onSelect: ($event: any, item: any) => void;
+    ngOnDestroy(): void;
 }

app-ng-runtime/components/navigation/menu/menu.component.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewInit, Injector, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { BsDropdownDirective } from 'ngx-bootstrap/dropdown';
-import { UserDefinedExecutionContext } from '@wm/core';
+import { UserDefinedExecutionContext, App } from '@wm/core';
 import { DatasetAwareNavComponent } from '@wm/components/base';
 import { NavComponent } from './nav/nav.component';
 export declare const KEYBOARD_MOVEMENTS: {
@@ -23,6 +23,7 @@ export declare const MENU_POSITION: {
 };
 export declare class MenuComponent extends DatasetAwareNavComponent implements OnInit, OnDestroy, AfterViewInit {
     route: Router;
+    private app;
     private userDefinedExecutionContext;
     bsDropdown: BsDropdownDirective;
     private parentNav;
@@ -46,12 +47,7 @@ export declare class MenuComponent extends DatasetAwareNavComponent implements O
     onShow(): void;
     onHide(): void;
     onKeyDown($event: any, eventAction: any): void;
-    constructor(inj: Injector, route: Router, userDefinedExecutionContext: UserDefinedExecutionContext, bsDropdown: BsDropdownDirective, parentNav: NavComponent, selectEventCB: string);
-    /**
-     * returns true if the menu has link to the current page.
-     * @param nodes
-     */
-    private hasLinkToCurrentPage;
+    constructor(inj: Injector, route: Router, app: App, userDefinedExecutionContext: UserDefinedExecutionContext, bsDropdown: BsDropdownDirective, parentNav: NavComponent, selectEventCB: string);
     protected resetNodes(): void;
     ngOnInit(): void;
     onPropertyChange(key: string, nv: any, ov?: any): void;

app-ng-runtime/core/bundles/index.umd.js

@@ -5340,7 +5340,7 @@
                 fieldDefs = [];
                 parent.gridOptions.setCurrentPage(1);
             }
-            var currentPage = parent.currentPage;
+            var currentPage = parent.gridOptions.showviewlessbutton && (parent.gridOptions.mode === 'viewless') ? parent.gridOptions.getCurrentPage() : parent.currentPage;
             var dataNavigator = parent.dataNavigator;
             var pagesize = parent.pagesize;
             if (!isDefined(fieldDefs) || dataNavigator.isFirstPage()) {