{"__symbolic":"module","version":4,"exports":[{"from":"./lib/navigation-menu/interfaces"}],"metadata":{"NavigationMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":14,"character":2},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":15,"character":2},{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵc"}}],"providers":[{"__symbolic":"reference","name":"ɵg"},{"provide":"config","useValue":{"dockedByDefault":false}}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵc"}}]}]}],"members":{},"statics":{"configure":{"__symbolic":"function","parameters":["configuration"],"defaults":[{"dockedByDefault":false}],"value":{"ngModule":{"__symbolic":"reference","name":"NavigationMenuModule"},"providers":[{"provide":"config","useValue":{"__symbolic":"reference","name":"configuration"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}}]}]}],"members":{}},"ɵb":[{"__symbolic":"reference","module":"@acpaas-ui/ngx-components/layout","name":"FooterModule","line":4,"character":1},{"__symbolic":"reference","module":"@acpaas-ui/ngx-components/layout","name":"HeaderModule","line":5,"character":1},{"__symbolic":"reference","module":"@acpaas-ui/ngx-components/logo","name":"LogoModule","line":6,"character":1}],"ɵc":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵk"}],"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"aui-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":18},"member":"OnPush"},"template":"<div class='o-menu' [ngClass]=\"{'docked' : isDocked$ | async }\">\n\t<div class=\"o-menu__wrapper\">\n\t\t<nav class=\"o-menu__tabs-wrapper\" role=\"navigation\">\n\t\t\t<ng-content></ng-content>\n\n\t\t\t<!--\n\t\t\tManually create a 'more' tab where items that wouldn't be visible on a mobile screen are placed under as a submenu\n\t\t\tThe items will be styles (and hidden/shown) using CSS.\n    \t\t-->\n\t\t\t<aui-menu-tab [icon]=\"configuration.moreIcon\">\n\t\t\t\t<aui-menu-link>{{ _translations?.lblMore }}</aui-menu-link>\n\t\t\t\t<aui-sub-menu>\n\t\t\t\t\t<aui-sub-menu-item *ngFor=\"let tab of (moreMenuItems$ | async)\" [forceShowArrow]='!!tab.subMenu'\n\t\t\t\t\t\t(click)=\"tab.followMenuTab($event)\">\n\t\t\t\t\t\t<aui-menu-link [innerHTML]=\"tab.getLabel()\"></aui-menu-link>\n\t\t\t\t\t</aui-sub-menu-item>\n\t\t\t\t</aui-sub-menu>\n\t\t\t</aui-menu-tab>\n\t\t</nav>\n\t\t<div class=\"o-menu__hide-cta\" *ngIf=\"(hasIconsInTabs$ | async)\">\n\t\t\t<a href=\"#\" *ngIf=\"(showHideMenuLabel$ | async)\"\n\t\t\t\t(click)=\"toggleDocking($event)\">{{ _translations?.lblHideMenu }}&nbsp;<span\n\t\t\t\t\tclass=\"fa fa-angle-double-left\"></span></a>\n\t\t\t<a href=\"#\" *ngIf=\"(showRevealMenuLabel$ | async)\" (click)=\"toggleDocking($event)\"><span\n\t\t\t\t\tclass=\"fa fa-angle-double-right\"></span></a>\n\t\t</div>\n\n\t\t<aui-navigation-pane></aui-navigation-pane>\n\t</div>\n</div>\n","styles":[".o-menu{background:#fff;bottom:0;left:0;position:fixed;width:100%;z-index:7}@media screen and (min-width:45rem){.o-menu{border-right:1px solid #949494;height:calc(100% + 3rem + 2px);overflow-x:hidden;overflow-y:auto;position:initial;top:0;-webkit-transition:150ms ease-in-out;transition:150ms ease-in-out;width:15rem;min-width:15rem}.o-menu.docked{overflow:visible;width:3rem;min-width:3rem}.o-menu.docked .o-menu__tabs-wrapper{box-shadow:none}}.o-menu__tabs-wrapper{align-content:space-between;-webkit-box-align:center;align-items:center;background:#fff;border-top:1px solid #949494;display:-webkit-box;display:flex;position:relative;width:100%;z-index:9}.o-menu__tabs-wrapper::ng-deep>aui-menu-tab:nth-child(n+3):not(:last-child){display:none}.o-menu__tabs-wrapper::ng-deep>aui-menu-tab:nth-child(n+3):last-child{display:block}.o-menu__hide-cta{display:none}@media screen and (min-width:45rem){.o-menu__tabs-wrapper::ng-deep>aui-menu-tab:nth-child(n+3):not(:last-child){display:block}.o-menu__tabs-wrapper::ng-deep>aui-menu-tab:nth-child(n+3):last-child{display:none}.o-menu__tabs-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:auto;width:auto;z-index:6}.o-menu__hide-cta{display:block;margin:1.125rem;text-align:right}.o-menu__hide-cta>a{text-decoration:none}}"]}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":43,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵe"},{"descendants":false}]}]}],"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":77,"character":63}]}],"ngOnInit":[{"__symbolic":"method"}],"onDocumentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":139,"character":2},"arguments":["document:click",["$event"]]}]}],"onInsideClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":144,"character":2},"arguments":["click",["$event"]]}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"toggleDocking":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"aui-menu-tab","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":18},"member":"OnPush"},"template":"<div class=\"o-menu-tab__wrapper\" [ngClass]=\"{'active': (tabIsActive$ | async), 'docked': (state$ | async)?.docked}\">\n  <a class='o-menu-tab__header a-button a-button-negative' [routerLink]=\"menuLink?.routerLink\">\n    <div class=\"o-menu-tab__title\">\n      <span [ngClass]=\"'a-icon a-tab-icon fa fa-' + icon\" *ngIf='!!icon'></span>\n      <div #inclusedContent>\n        <!-- Transcluse only the menu title, this also means the user is forced to use our aui-menu-link component -->\n        <ng-content select=\"aui-menu-link\"></ng-content>\n      </div>\n    </div>\n    <!-- Show a carret icon for navigation if we have a submenu -->\n    <span *ngIf=\"!!subMenu\" class=\"a-icon a-tab-submenu-icon fa fa-angle-down\"></span>\n  </a>\n  <!-- Transcluse the sub menu underneath the tab -->\n  <ng-content select=\"aui-sub-menu\"></ng-content>\n</div>\n","styles":[":host{border-right:1px solid #949494;cursor:pointer;flex-basis:33%;-webkit-box-flex:1;flex-grow:1;height:100%;position:relative;width:33%}:host:last-child{border-right:none}.o-menu-tab__wrapper{overflow:hidden}.o-menu-tab__wrapper:focus-within{background-color:rgba(255,255,255,.5);box-shadow:0 0 0 1px #0064b4 inset;color:#0064b4}.o-menu-tab__wrapper:focus-within:active,.o-menu-tab__wrapper:focus-within:focus,.o-menu-tab__wrapper:focus-within:hover{text-decoration:none;background:#f5f9fc;box-shadow:0 0 0 1px #059 inset}.o-menu-tab__wrapper:focus-within:focus{box-shadow:0 0 0 1px #005aa2 inset,0 0 0 3px #bfd8ec}.o-menu-tab__wrapper:focus-within[disabled]{background:#f3f3f3;box-shadow:0 0 0 1px #d8d8d8 inset;color:#6f6f6f;cursor:not-allowed}.o-menu-tab__wrapper.active{overflow-y:auto}.o-menu-tab__wrapper.active .a-tab-submenu-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.o-menu-tab__wrapper.active ::ng-deep>aui-sub-menu>.o-sub-menu__content-wrapper:first-child{display:block;max-height:30rem;overflow:visible}.o-menu-tab__wrapper.active ::ng-deep>aui-sub-menu>.o-sub-menu__content-wrapper:first-child.docked{width:20rem}.o-menu-tab__header{background-color:transparent;-webkit-box-align:center;align-items:center;color:#6f6f6f;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:60px;-webkit-box-pack:center;justify-content:center}.o-menu-tab__header:active,.o-menu-tab__header:focus,.o-menu-tab__header:hover{text-decoration:none;color:#003c6c}.o-menu-tab__header:focus{box-shadow:0 0 0 3px #cce0f0}.o-menu-tab__header[disabled]{background:#f3f3f3;box-shadow:0 0 0 1px #d8d8d8 inset;color:#6f6f6f;cursor:not-allowed}@supports (margin-bottom:env(safe-area-inset-bottom)){.o-menu-tab__header{margin-bottom:env(safe-area-inset-bottom)}}.o-menu-tab__header:hover{background-color:#f3f3f3;color:#6f6f6f}.o-menu-tab__header .o-menu-tab__title{text-align:center}.o-menu-tab__header .a-icon{font-size:22px;margin-bottom:.375rem}.o-menu-tab__header .a-icon.a-tab-icon{width:28px}.o-menu-tab__header .a-icon.a-tab-submenu-icon{display:none;-webkit-transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms}@media screen and (min-width:45rem){:host{border-bottom:1px solid #949494;border-right:none;width:100%}.o-menu-tab__wrapper.docked{overflow:hidden;width:calc(3rem - 1px)}::ng-deep .o-menu-tab__wrapper.docked>aui-sub-menu:first-of-type{top:0}::ng-deep .o-menu-tab__wrapper.docked>aui-sub-menu:first-of-type>.o-sub-menu__content-wrapper:first-child>ul.m-nav-list{border-left:none!important}.o-menu-tab__header .a-icon.a-tab-submenu-icon{display:inline}.o-menu-tab__header .a-icon{margin-bottom:0}.o-menu-tab__header{-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;height:3rem;-webkit-box-pack:justify;justify-content:space-between;padding:.75rem;position:relative}.o-menu-tab__header ::ng-deep aui-menu-link{margin-left:1.125rem}.o-menu-tab__header .o-menu-tab__title{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}}"]}]}],"members":{"ngContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":2},"arguments":["inclusedContent"]}]}],"subMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":35,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}],"menuLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":37,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵi"}]}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":2}}]}],"isSubMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":59,"character":70}]}],"ngOnInit":[{"__symbolic":"method"}],"followMenuTab":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":126,"character":2},"arguments":["click",["$event"]]}]}],"getLabel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"aui-sub-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":18},"member":"OnPush"},"template":"<!-- This template will be used by our service to be injected\nin the navigation page that will slide into the screen.\nThus on loading, this element is not visible and is not accessible by crawlers -->\n<ng-template #subMenuTemplate>\n  <ul class=\"m-nav-list m-nav-list--left\">\n    <li *ngIf=\"isNestedSubMenu\" class=\"a-back-link u-cursor-pointer\"><a (click)=\"navigateBack()\" tabindex=\"0\"><span\n          class=\"fa fa-angle-left\"></span>{{ translations?.lblBack }}</a></li>\n    <ng-container *ngTemplateOutlet=\"inclusedContent\"></ng-container>\n  </ul>\n</ng-template>\n\n<div class=\"o-sub-menu__content-wrapper\" [ngClass]=\"{'docked' : (state$ | async)?.docked}\">\n  <ul #children class=\"m-nav-list\">\n    <ng-container *ngTemplateOutlet=\"inclusedContent\"></ng-container>\n  </ul>\n</div>\n\n<ng-template #inclusedContent>\n  <ng-content></ng-content>\n</ng-template>\n","styles":[":host.docked{left:3rem;position:absolute;top:-1px}:host.docked ::ng-deep aui-sub-menu{left:100%}:host.docked .o-sub-menu__content-wrapper{box-shadow:.75rem .75rem 0 rgba(0,0,0,.1);max-height:inherit;-webkit-transition:width ease-in-out;transition:width ease-in-out;width:0}:host.docked .o-sub-menu__content-wrapper .m-nav-list{border:1px solid #949494}@media screen and (min-width:45rem){:host.docked .o-sub-menu__content-wrapper .m-nav-list{border-bottom:none}}.u-cursor-pointer{cursor:pointer}.o-sub-menu__content-wrapper{background:#fff;display:none;max-height:0;overflow:hidden;-webkit-transition:max-height 150ms ease-in-out;transition:max-height 150ms ease-in-out}.o-sub-menu__content-wrapper ::ng-deep .m-nav-list{border:none}.o-sub-menu__content-wrapper:not(.docked) ::ng-deep aui-sub-menu-item aui-sub-menu-item>li>a{padding-left:calc(3rem + 24px)}.o-sub-menu__content-wrapper ::ng-deep aui-sub-menu-item.active>li>aui-sub-menu>.o-sub-menu__content-wrapper{max-height:30rem;overflow:visible;display:block}.o-sub-menu__content-wrapper ::ng-deep aui-sub-menu-item.active>li>aui-sub-menu>.o-sub-menu__content-wrapper.docked{width:20rem}"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":2},"arguments":["subMenuTemplate"]}]}],"ngContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":2},"arguments":["children"]}]}],"isDocked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":2},"arguments":["class.docked"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"navigateBack":[{"__symbolic":"method"}],"checkChildren":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ALLOWED_CHILDREN":["AUI-SUB-MENU-ITEM"]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"translate":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":108,"character":14},"arguments":["config"]}]],"parameters":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵh"},"member":"ModuleConfiguration"}]}],"updateState":[{"__symbolic":"method"}],"navigateBack":[{"__symbolic":"method"}],"closeAllMenus":[{"__symbolic":"method"}],"displaySubMenu":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]},"statics":{"MOBILE_VIEWPORT":576}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aui-menu-link","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":18},"member":"OnPush"},"template":"<ng-container #inclusedContent>\n\t<ng-content></ng-content>\n</ng-container>\n","styles":[":host{white-space:nowrap}:host ::ng-deep a,:host ::ng-deep a:active,:host ::ng-deep a:active:hover,:host ::ng-deep a:hover,:host ::ng-deep a:link,:host ::ng-deep a:link:hover{color:#6f6f6f;text-decoration:none}"]}]}],"members":{"ngContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":2},"arguments":["inclusedContent"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":2},"arguments":["attr.tabindex"]}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":2}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":2}}]}],"ngOnInit":[{"__symbolic":"method"}],"checkChildren":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"aui-navigation-pane","template":"<!-- Only displayed for mobile layouts -->\n<ng-container>\n  <!-- Overlay casts a 'dark' shadow over the rest of the page to bring focus on the main menu.-->\n  <div class='o-navigation-pane__overlay' (click)='closeMenu()'></div>\n  <div class=\"o-navigation-pane__wrapper u-bg-white\">\n    <div class=\"main-submenu\" [ngClass]=\"{'slide-down' : (slideInSubMenu$ | async)}\">\n      <!-- Main menu shows the sub menu items -->\n      <ng-container #subMenu></ng-container>\n    </div>\n    <div class=\"slide-in-submenu\" [ngClass]=\"{visible : (slideInSubMenu$ | async)}\">\n      <!--\n        Menu that slides in for a nice animation :) This is only used for the animation,\n        as soon as the animation is done, this container will re-dissapear from the screen,\n        ready for another animation.\n      -->\n      <ng-container #slideInSubMenu></ng-container>\n    </div>\n  </div>\n</ng-container>\n","styles":[":host{background:#fff;max-height:calc(100vh - 60px);position:absolute;top:0;-webkit-transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms;width:100%;z-index:8}:host .o-navigation-pane__overlay{background:#444;bottom:100%;height:0;opacity:0;position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s;width:100vh}:host.visible{-webkit-transform:translateY(-100%);transform:translateY(-100%)}:host.visible>.o-navigation-pane__overlay{min-height:100vh;opacity:.8}:host.visible>.o-navigation-pane__wrapper{margin:-1px}.o-navigation-pane__wrapper{box-shadow:0 -.75rem 0 rgba(0,0,0,.1);min-height:1.5rem;max-height:calc(100vh - 3rem - 60px);overflow-y:scroll}.main-submenu.slide-down{-webkit-animation:150ms slideAway;animation:150ms slideAway}.slide-in-submenu{background:#fff;bottom:0;height:0;left:0;overflow:hidden;position:absolute;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 150ms;transition:transform 150ms;transition:transform 150ms,-webkit-transform 150ms;width:100%}.slide-in-submenu.visible{height:auto;overflow:inherit;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes slideAway{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideAway{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (min-width:45rem){:host{display:none}@-webkit-keyframes slideAway{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideAway{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}}}"]}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":2},"arguments":["subMenu",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":29,"character":31}}]}]}],"slideInContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":2},"arguments":["slideInSubMenu",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":35,"character":38}}]}]}],"paneIsVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":2},"arguments":["class.visible"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"aui-sub-menu-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":18},"member":"OnPush"},"template":"<li [ngClass]=\"{'has-sub-menu' : (!!subMenu), 'docked' : (state$ | async)?.docked}\" #inclusedContent>\n\t<a *ngIf=\"href || routerLink\" [href]=\"href ? href : null\" [routerLink]=\"routerLink ? routerLink : null\">\n\t\t<ng-container *ngTemplateOutlet=\"link\"></ng-container>\n\t\t<span *ngIf=\"!!subMenu || !!forceShowArrow\" class=\"fa fa-angle-down\"></span>\n\t</a>\n\t<a *ngIf=\"!href && !routerLink && menuLink\" [href]=\"menuLink?.href ? menuLink.href : null\"\n\t   [routerLink]=\"menuLink?.routerLink ? menuLink.routerLink : null\">\n\t\t<ng-container *ngTemplateOutlet=\"link\"></ng-container>\n\t\t<span *ngIf=\"!!subMenu || !!forceShowArrow\" class=\"fa fa-angle-down\"></span>\n\t</a>\n\t<ng-content select=\"aui-sub-menu\"></ng-content>\n</li>\n\n<ng-template #link>\n\t<ng-content></ng-content>\n</ng-template>\n","styles":["li{position:relative}li a{border-color:#949494;color:#6f6f6f;display:-webkit-box;display:flex;height:3rem;-webkit-box-pack:justify;justify-content:space-between;overflow:hidden;white-space:nowrap}li a>span.fa{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}::ng-deep li.a-back-link{color:#6f6f6f;font-weight:400}li.has-sub-menu>a>span.fa{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}li.docked a{padding-left:1.125rem}@media screen and (min-width:45rem){li a{padding-left:calc(3rem + 12px);padding-right:.375rem}li:not(.docked) a{border:none}li.has-sub-menu:not(.docked)>a>span.fa{margin-right:.375rem;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out,-webkit-transform 150ms ease-in-out;-webkit-transform:rotate(0);transform:rotate(0)}:host.active>li:not(.docked)>a>span.fa{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}"]}]}],"members":{"ngContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":2},"arguments":["inclusedContent"]}]}],"subMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":41,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}],"menuLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":43,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵi"}]}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":2}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":2}}]}],"forceShowArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":2}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":54,"character":2},"arguments":["class"]}]}],"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":56,"character":2},"arguments":["class.active"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":2},"arguments":["attr.tabindex"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":71,"character":3}}]],"parameters":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵf"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkChildren":[{"__symbolic":"method"}],"openSubMenu":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":152,"character":2},"arguments":["click",["$event"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ALLOWED_CHILDREN":["AUI-SUB-MENU","AUI-MENU-LINK","A","SPAN"]}}},"origins":{"NavigationMenuModule":"./lib/navigation-menu/navigation-menu.module","ɵa":"./lib/navigation-menu/aui/aui.module","ɵb":"./lib/navigation-menu/aui/aui.imports","ɵc":"./lib/navigation-menu/components/index","ɵd":"./lib/navigation-menu/components/menu/menu.component","ɵe":"./lib/navigation-menu/components/menu-tab/menu-tab.component","ɵf":"./lib/navigation-menu/components/sub-menu/sub-menu.component","ɵg":"./lib/navigation-menu/services/menu.service","ɵh":"./lib/navigation-menu/interfaces","ɵi":"./lib/navigation-menu/components/menu-link/menu-link.component","ɵj":"./lib/navigation-menu/components/navigation-pane/navigation-pane.component","ɵk":"./lib/navigation-menu/components/sub-menu-item/sub-menu-item.component"},"importAs":"@acpaas-ui/ngx-components/navigation-menu"}