{"__symbolic":"module","version":4,"metadata":{"NgResponsiveNavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DesktopNavigationComponent"},{"__symbolic":"reference","name":"MobileNavigationComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"NgResponsiveNavComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":25,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"NgResponsiveNavComponent"}],"providers":[{"__symbolic":"reference","name":"WINDOW_PROVIDERS"}]}]}],"members":{}},"NgResponsiveNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ng-responsive-nav","template":"<app-desktop-navigation class=\"display-flex\">\r\n  <div desktopExtras>\r\n    <ng-content select=\"[ngDesktopNavExtras]\"></ng-content>\r\n  </div>\r\n</app-desktop-navigation>\r\n\r\n<app-mobile-navigation-component>\r\n  <div mobileExtras>\r\n    <ng-content select=\"[ngMobileNavExtras]\"></ng-content>\r\n  </div>\r\n</app-mobile-navigation-component>\r\n","styles":[".link.desktop-link{margin:0 7px}.link.desktop-link.primary{text-decoration:none}.link.desktop-link.primary:hover{-webkit-filter:brightness(60%);filter:brightness(60%);text-decoration:underline}.link.desktop-link.primary:active{-webkit-filter:brightness(60%);filter:brightness(60%)}.link.mobile-link{margin:7px 0}.link.mobile-link.primary:active{-webkit-filter:brightness(60%);filter:brightness(60%)}.display-flex{display:flex}"]}]}],"members":{}},"MobileNavigationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-mobile-navigation-component","template":"<div class=\"mobile-navigation-burger-menu-button circle-container\"\r\n     [ngStyle]=\"{\r\n      'background-color': navConfig.navBrandConfig.colorPalette.primaryColor,\r\n      'z-index': navConfig.navBrandConfig.zIndex + 1\r\n     }\"\r\n     (click)=\"toggleCanActivateMobileNavBar()\"\r\n     [class.animation-slide-burger-right]=\"canActivateMobileNav\"\r\n     [class.animation-slide-burger-left]=\"!canActivateMobileNav\" >\r\n\r\n  <div class=\"mobile-navigation-burger-menu-button-inner\" [ngStyle]=\"{'z-index': navConfig.navBrandConfig.zIndex + 1}\">\r\n    <fa-icon class=\"icon\" *ngIf=\"!canActivateMobileNav\"  [ngStyle]=\"{ 'color': navConfig.navBrandConfig.colorPalette.secondaryColor }\" [icon]=\"faBars\"></fa-icon>\r\n    <fa-icon class=\"icon\" *ngIf=\"canActivateMobileNav\" [ngStyle]=\"{ 'color': navConfig.navBrandConfig.colorPalette.primaryColor }\" [icon]=\"faTimes\"></fa-icon>\r\n  </div>\r\n</div>\r\n\r\n<div appCheckOrientation class=\"mobile-navigation-menu\" *ngIf=\"canActivateMobileNav\" [ngStyle]=\"{'z-index': navConfig.navBrandConfig.zIndex}\">\r\n  <div class=\"mobile-navigation-menu-items\"\r\n       [ngStyle]=\"{ 'background-color': navConfig.navBrandConfig.colorPalette.backGroundColor }\"\r\n       [class.animation-slide-in-nav-menu]=\"canActivateMobileNav\"\r\n       [class.animation-slide-out-nav-menu]=\"!canActivateMobileNav\">\r\n\r\n    <div class=\"mobile-navigation-button-runner\"\r\n         [ngStyle]=\"{ 'background-color': navConfig.navBrandConfig.colorPalette.primaryColor }\"\r\n         *ngIf=\"canActivateMobileNav\">\r\n      <div class=\"runner-inner\"></div>\r\n    </div>\r\n\r\n    <div class=\"mobile-navigation-links\">\r\n      <div class=\"mobile-navigation-links-inner\">\r\n        <img class=\"mobile-navigation-inner-icon\"\r\n             [routerLink]=\"navConfig.navigationHomeRoute.routePath\"\r\n             [src]=\"navConfig.navBrandConfig.brandImageUrl\" />\r\n      </div>\r\n      <a class=\"link mobile-link\"\r\n         *ngFor=\"let route of navConfig.navigationMenuRoutes\"\r\n         [routerLink]=\"route.routePath\"\r\n         [ngStyle]=\"{ 'color': navConfig.navBrandConfig.colorPalette.primaryColor }\">{{route.routeName}}</a>\r\n    </div>\r\n\r\n    <div class=\"mobile-navigation-extras\">\r\n      <ng-content select=\"[mobileExtras]\"></ng-content>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n\r\n","styles":["@-webkit-keyframes slide-burger-right{to{right:29%;margin:18px 0 0;background-color:transparent;color:#1976d2}}@keyframes slide-burger-right{to{right:29%;margin:18px 0 0;background-color:transparent;color:#1976d2}}@-webkit-keyframes slide-burger-left{from{right:29%}to{right:68%}}@keyframes slide-burger-left{from{right:29%}to{right:68%}}@-webkit-keyframes animation-slide-in-nav-left{from{right:100%}to{right:25%}}@keyframes animation-slide-in-nav-left{from{right:100%}to{right:25%}}@-webkit-keyframes animation-slide-in-left{from{right:100%}to{right:0}}@keyframes animation-slide-in-left{from{right:100%}to{right:0}}@-webkit-keyframes animation-slide-out-nav-right{from{right:0}to{right:100%}}@keyframes animation-slide-out-nav-right{from{right:0}to{right:100%}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes rotate-clockwise{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-clockwise{from{transform:rotate(0)}to{transform:rotate(360deg)}}.animation-slide-burger-right{-webkit-animation:.2s 75ms forwards slide-burger-right;animation:.2s 75ms forwards slide-burger-right}.animation-slide-burger-left{-webkit-animation:.2s forwards slide-burger-left;animation:.2s forwards slide-burger-left}.animation-slide-in-nav-menu{-webkit-animation:.2s forwards animation-slide-in-nav-left;animation:.2s forwards animation-slide-in-nav-left}.animation-slide-out-nav-menu{-webkit-animation:.2s forwards animation-slide-out-nav-right;animation:.2s forwards animation-slide-out-nav-right}.link.desktop-link{margin:0 7px}.link.desktop-link.primary{text-decoration:none}.link.desktop-link.primary:hover{-webkit-filter:brightness(60%);filter:brightness(60%);text-decoration:underline}.link.desktop-link.primary:active{-webkit-filter:brightness(60%);filter:brightness(60%)}.link.mobile-link{margin:7px 0}.link.mobile-link.primary:active{-webkit-filter:brightness(60%);filter:brightness(60%)}.display-flex{display:flex}.mobile-navigation-burger-menu-button{position:fixed;z-index:1001;font-size:1.25rem;color:#fff;width:50px;height:50px;text-align:center;cursor:pointer;margin:18px 59px 0 0;right:68%}.mobile-navigation-burger-menu-button .mobile-navigation-burger-menu-button-inner{padding-top:27%}.mobile-navigation-burger-menu-button .mobile-navigation-burger-menu-button-inner .icon{font-weight:600!important;padding-top:14px}.mobile-navigation-burger-menu-button.circle-container{border-radius:50%;color:#fff;border:none}.mobile-navigation-menu{height:100%;z-index:1}@media only screen and (min-width:576px){.mobile-navigation-burger-menu-button,.mobile-navigation-menu{display:none}}.mobile-navigation-menu .mobile-navigation-menu-items{box-shadow:7px 4px 12px -8px rgba(0,0,0,.75);width:75%;height:100%;z-index:1;position:fixed;color:#fff}.mobile-navigation-menu .mobile-navigation-menu-items .mobile-navigation-extras{padding:12px!important;height:50vh;display:flex!important;flex-direction:column!important}.mobile-navigation-menu .mobile-navigation-menu-items .mobile-navigation-button-runner{padding-right:3rem;z-index:13;height:3px;width:60%;margin-top:41px}.mobile-navigation-menu .mobile-navigation-menu-items .mobile-navigation-button-runner .runner-inner{border-radius:50%;height:inherit;margin-top:.25rem;width:100%}.mobile-navigation-menu .mobile-navigation-menu-items .mobile-navigation-links{display:flex!important;flex-direction:column!important;height:50vh;margin-top:3rem!important;text-align:center}.mobile-navigation-menu .mobile-navigation-menu-items .mobile-navigation-links .mobile-navigation-links-inner{display:flex!important;justify-content:center!important}.mobile-navigation-menu .mobile-navigation-menu-items .mobile-navigation-links .mobile-navigation-inner-icon{width:80px;height:80px;margin-bottom:12px;padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%}.mobile-navigation-menu .mobile-navigation-menu-items .sticky-bottom{height:400px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":31},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":25,"character":38}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":25,"character":22},{"__symbolic":"error","message":"Could not resolve type","line":25,"character":58,"context":{"typeName":"Document"},"module":"./app/mobile-navigation/mobile-navigation.component"},{"__symbolic":"reference","name":"NavConfig"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleCanActivateMobileNavBar":[{"__symbolic":"method"}],"_setOverFlowY":[{"__symbolic":"method"}],"_watchNavigationChanges":[{"__symbolic":"method"}]}},"DesktopNavigationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-desktop-navigation","template":"<div class=\"navigation-container\"\r\n     [ngStyle]=\"{\r\n      'background-color': navConfig.navBrandConfig.colorPalette.backGroundColor,\r\n      'z-index': navConfig.navBrandConfig.zIndex,\r\n      'box-shadow': navConfig.navBrandConfig.boxShadow === true ? '0 0.5rem 1rem rgba(0, 0, 0, 0.15)' : 'none'\r\n}\">\r\n  <div class=\"navigation-inner-container\">\r\n    <div class=\"navigation-links\">\r\n      <img class=\"navigation-image\"\r\n           [routerLink]=\"navConfig.navigationHomeRoute.routePath\"\r\n           [src]=\"navConfig.navBrandConfig.brandImageUrl\">\r\n      <a class=\"link desktop-link primary\"\r\n         [ngStyle]=\"{ 'color': navConfig.navBrandConfig.colorPalette.linkColor }\"\r\n         *ngFor=\"let route of navConfig.navigationMenuRoutes\"\r\n         [routerLink]=\"route.routePath\">{{route.routeName}}</a>\r\n    </div>\r\n\r\n    <div class=\"navigation-extras\">\r\n      <ng-content select=\"[desktopExtras]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".link.desktop-link{margin:0 7px}.link.desktop-link.primary{text-decoration:none}.link.desktop-link.primary:hover{-webkit-filter:brightness(60%);filter:brightness(60%);text-decoration:underline}.link.desktop-link.primary:active{-webkit-filter:brightness(60%);filter:brightness(60%)}.link.mobile-link{margin:7px 0}.link.mobile-link.primary:active{-webkit-filter:brightness(60%);filter:brightness(60%)}.display-flex{display:flex}.navigation-container{height:64px;width:100%;position:fixed}@media only screen and (max-width:576px){.navigation-container{display:none}}.navigation-container .navigation-inner-container{display:flex!important;justify-content:space-between!important;height:100%}.navigation-container .navigation-inner-container .navigation-links{display:flex!important;align-items:center!important;height:100%}.navigation-container .navigation-inner-container .navigation-links .navigation-image{height:100%;cursor:pointer}.navigation-container .navigation-inner-container .navigation-extras{display:flex!important;align-items:center!important;height:100%;padding-right:1rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":37},"arguments":[{"__symbolic":"reference","name":"WINDOW"}]}]],"parameters":[{"__symbolic":"reference","name":"NavConfig"},{"__symbolic":"error","message":"Could not resolve type","line":15,"character":60,"context":{"typeName":"Window"},"module":"./app/desktop-navigation/desktop-navigation.component"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"WINDOW_PROVIDERS":[{"provide":{"__symbolic":"reference","name":"WindowRef"},"useClass":{"__symbolic":"reference","name":"BrowserWindowRef"}},{"provide":{"__symbolic":"reference","name":"WINDOW"},"useFactory":{"__symbolic":"reference","name":"WindowFactory"},"deps":[{"__symbolic":"reference","name":"WindowRef"},{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":14,"character":21}]}],"WINDOW":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":26},"arguments":["WindowToken"]},"WindowRef":{"__symbolic":"class","members":{}},"BrowserWindowRef":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"WindowRef"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"WindowFactory":{"__symbolic":"function"},"NavConfig":{"__symbolic":"class","members":{}},"NavBrandConfig":{"__symbolic":"class","members":{}},"NavigationMenuRoute":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[appCheckOrientation]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":13,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":53},"arguments":[{"__symbolic":"reference","name":"WINDOW"}]}],null],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":13,"character":42,"context":{"typeName":"Document"},"module":"./app/directives/orientation.directive"},{"__symbolic":"error","message":"Could not resolve type","line":13,"character":76,"context":{"typeName":"Window"},"module":"./app/directives/orientation.directive"},{"__symbolic":"reference","name":"MobileNavigationComponent"}]}],"onInitialise":[{"__symbolic":"method"}],"_isLandScape":[{"__symbolic":"method"}]}}},"origins":{"NgResponsiveNavModule":"./app/ng-responsive-nav.module","NgResponsiveNavComponent":"./app/ng-responsive-nav.component","MobileNavigationComponent":"./app/mobile-navigation/mobile-navigation.component","DesktopNavigationComponent":"./app/desktop-navigation/desktop-navigation.component","WINDOW_PROVIDERS":"./app/window/browser-window.provider","WINDOW":"./app/window/window.provider","WindowRef":"./app/window/window.ref","BrowserWindowRef":"./app/window/browser-window.ref","WindowFactory":"./app/window/window.factory","NavConfig":"./app/models/nav.config","NavBrandConfig":"./app/models/nav-brand.config","NavigationMenuRoute":"./app/models/nav-routes.config","ɵa":"./app/directives/orientation.directive"},"importAs":"ng-responsive-nav"}