{"__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    >\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         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       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\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"}