{"__symbolic":"module","version":4,"metadata":{"GlobalNavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":25,"character":4},{"__symbolic":"reference","module":"@ffdc/uxg-angular-components/breadcrumb","name":"UxgBreadcrumbModule","line":26,"character":4}],"declarations":[{"__symbolic":"reference","name":"GlobalNavComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"GlobalNavComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"GlobalNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"uxg-global-nav","host":{"class":"uxg-global-nav"},"template":"<mat-sidenav-container class=\"uxg-nav\">\n  <mat-sidenav #globalNavDrawer mode=\"over\">\n    <uxg-sidenav\n      [appName]=\"appName\"\n      [navigationNodes]=\"navigationNodes\"\n      [activeRoute]=\"activeRoute\"\n      (nodeChosen)=\"nodeChosen.emit($event)\"\n      (logout)=\"logout.emit()\"\n    ></uxg-sidenav>\n  </mat-sidenav>\n\n  <mat-sidenav-content>\n    <uxg-navbar\n      [appName]=\"appName\"\n      [currentNode]=\"currentNode\"\n      [navbarAction]=\"navbarAction\"\n      (menuClick)=\"globalNavDrawer.toggle()\"\n      (nodeChosen)=\"nodeChosen.emit($event)\"\n      (brandAction)=\"brandAction.emit($event)\"\n    >\n    </uxg-navbar>\n\n    <div class=\"app-content\">\n      <ng-container *ngTemplateOutlet=\"appContent\"></ng-container>\n    </div>\n  </mat-sidenav-content>\n</mat-sidenav-container>\n","styles":[".mt-0{margin-top:0!important}.pt-0{padding-top:0!important}.mb-0{margin-bottom:0!important}.pb-0{padding-bottom:0!important}.ml-0{margin-left:0!important}.pl-0{padding-left:0!important}.mr-0{margin-right:0!important}.pr-0{padding-right:0!important}.m-0{margin:0!important}.p-0{padding:0!important}.mt-1{margin-top:4px!important}.pt-1{padding-top:4px!important}.mb-1{margin-bottom:4px!important}.pb-1{padding-bottom:4px!important}.ml-1{margin-left:4px!important}.pl-1{padding-left:4px!important}.mr-1{margin-right:4px!important}.pr-1{padding-right:4px!important}.m-1{margin:4px!important}.p-1{padding:4px!important}.mt-2{margin-top:8px!important}.pt-2{padding-top:8px!important}.mb-2{margin-bottom:8px!important}.pb-2{padding-bottom:8px!important}.ml-2{margin-left:8px!important}.pl-2{padding-left:8px!important}.mr-2{margin-right:8px!important}.pr-2{padding-right:8px!important}.m-2{margin:8px!important}.p-2{padding:8px!important}.mt-3{margin-top:16px!important}.pt-3{padding-top:16px!important}.mb-3{margin-bottom:16px!important}.pb-3{padding-bottom:16px!important}.ml-3{margin-left:16px!important}.pl-3{padding-left:16px!important}.mr-3{margin-right:16px!important}.pr-3{padding-right:16px!important}.m-3{margin:16px!important}.p-3{padding:16px!important}.mt-4{margin-top:24px!important}.pt-4{padding-top:24px!important}.mb-4{margin-bottom:24px!important}.pb-4{padding-bottom:24px!important}.ml-4{margin-left:24px!important}.pl-4{padding-left:24px!important}.mr-4{margin-right:24px!important}.pr-4{padding-right:24px!important}.m-4{margin:24px!important}.p-4{padding:24px!important}.mt-5{margin-top:48px!important}.pt-5{padding-top:48px!important}.mb-5{margin-bottom:48px!important}.pb-5{padding-bottom:48px!important}.ml-5{margin-left:48px!important}.pl-5{padding-left:48px!important}.mr-5{margin-right:48px!important}.pr-5{padding-right:48px!important}.m-5{margin:48px!important}.p-5{padding:48px!important}.mt-6{margin-top:96px!important}.pt-6{padding-top:96px!important}.mb-6{margin-bottom:96px!important}.pb-6{padding-bottom:96px!important}.ml-6{margin-left:96px!important}.pl-6{padding-left:96px!important}.mr-6{margin-right:96px!important}.pr-6{padding-right:96px!important}.m-6{margin:96px!important}.p-6{padding:96px!important}mat-sidenav-container{height:100%}.mat-sidenav,mat-sidenav-container ::ng-deep .mat-drawer-backdrop{z-index:102}.uxg-toolbar{position:fixed;z-index:101}.uxg-nav-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.app-content{position:absolute;top:56px;right:0;bottom:0;left:0;padding:2rem;overflow-x:auto}.theme-toggle{margin-left:16px}"]}]}],"members":{"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"navigationNodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"activeRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"currentNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"brandIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"appContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"navbarAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"brandAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"nodeChosen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"logout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":40,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NavigationNode":{"__symbolic":"interface"},"NavigationViews":{"__symbolic":"interface"},"ParamMapBuilder":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"uxg-navbar","host":{"class":"uxg-navbar"},"template":"<mat-toolbar class=\"uxg-toolbar uxg-toolbar-elevated\">\n  <button\n    class=\"uxg-nav-header-button\"\n    mat-icon-button\n    mat-primary\n    color=\"primary\"\n    (click)=\"onMenuClick()\"\n    aria-label=\"Menu\"\n  >\n    <mat-icon>menu</mat-icon>\n  </button>\n\n  <a\n    href=\"javascript:void(0)\"\n    (click)=\"brandAction.emit($event)\"\n    aria-label=\"Go to Finastra website\"\n    class=\"uxg-logo\"\n    dense\n  ></a>\n\n  <uxg-breadcrumb [breadcrumbs]=\"breadcrumbs\"></uxg-breadcrumb>\n\n  <span class=\"fill-remaining-space\"></span>\n\n  <ng-container *ngTemplateOutlet=\"navbarAction\"></ng-container>\n</mat-toolbar>\n","styles":["uxg-navbar{position:unset}.uxg-toolbar{z-index:15;position:relative}.uxg-nav-list-level.mat-nav-list.mat-list-base>.mat-list-item:last-of-type,.uxg-nav-list.mat-nav-list.mat-list-base>.mat-list-item:last-of-type{margin-bottom:0!important}.mat-list-base{padding-top:0!important}"]}]}],"members":{"brandIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"currentNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"navbarAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"brandAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"nodeChosen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onMenuClick":[{"__symbolic":"method"}],"buildBreadCrumb":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"uxg-sidenav","template":"<div class=\"uxg-nav-header\">\n  <mat-card class=\"uxg-card-product\" dense>\n    <span class=\"uxg-h4 uxg-card-product-name\">{{ iconName | uppercase }}</span>\n  </mat-card>\n  <h6 class=\"uxg-h6\">{{ appName | uppercase }}</h6>\n</div>\n\n<mat-nav-list class=\"uxg-nav-list-main uxg-nav-list\">\n  <div mat-subheader>Applications</div>\n  <a\n    mat-list-item\n    (click)=\"onClick(node)\"\n    [ngClass]=\"{ 'uxg-list-item-selected': isActive(node.path) }\"\n    *ngFor=\"let node of navigationNodes\"\n  >\n    <mat-icon mat-list-icon>{{ node.icon }}</mat-icon>\n    <p>{{ node.title }}</p>\n  </a>\n</mat-nav-list>\n\n<mat-nav-list class=\"uxg-link-list\">\n  <a (click)=\"logout.emit()\" mat-list-item>\n    <mat-icon mat-list-icon>power_settings_new</mat-icon>\n    <span class=\"uxg-body-2\">Logout</span>\n  </a>\n</mat-nav-list>\n","styles":[":host{display:flex;flex-direction:column;height:100%}:host .uxg-nav-list-main{flex:1}:host .uxg-nav-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}:host .uxg-nav-header h6{margin-top:20px}:host mat-nav-list:last-child{margin-bottom:30px}"]}]}],"members":{"appName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"navigationNodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"activeRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"logout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"nodeChosen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":32,"character":39}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenav","line":32,"character":67},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":91}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getIconName":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}]}}},"origins":{"GlobalNavModule":"./src/global-nav.module","GlobalNavComponent":"./src/global-nav.component","NavigationNode":"./src/services/navigation.model","NavigationViews":"./src/services/navigation.model","ParamMapBuilder":"./src/services/navigation.model","ɵa":"./src/components/navbar/navbar.component","ɵb":"./src/components/sidenav/sidenav.component"},"importAs":"@ffdc/uxg-angular-components/global-nav"}