{"__symbolic":"module","version":4,"metadata":{"TsNavigationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":21,"character":4},{"__symbolic":"reference","module":"@terminus/ui/icon","name":"TsIconModule","line":22,"character":4},{"__symbolic":"reference","module":"@terminus/ui/pipes","name":"TsPipesModule","line":23,"character":4},{"__symbolic":"reference","module":"@terminus/ui/tooltip","name":"TsTooltipModule","line":24,"character":4}],"declarations":[{"__symbolic":"reference","name":"TsNavigationComponent"}],"exports":[{"__symbolic":"reference","name":"TsNavigationComponent"}]}]}],"members":{}},"TsUser":{"__symbolic":"interface"},"NavigationItemBase":{"__symbolic":"interface"},"TsNavigationLinkItem":{"__symbolic":"interface"},"TsNavigationActionItem":{"__symbolic":"interface"},"isLinkItem":{"__symbolic":"error","message":"Lambda not supported","line":97,"character":2,"module":"./navigation.component"},"TsNavigationItem":{"__symbolic":"interface"},"TsNavigationPayload":{"__symbolic":"interface"},"TsNavigationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":142,"character":1},"arguments":[{"selector":"ts-navigation","host":{"class":"ts-navigation"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":147,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":148,"character":19},"member":"OnPush"},"exportAs":"tsNavigation","template":"<nav class=\"c-navigation t-dark qa-navigation\" fxLayout=\"row\">\n\n  <div\n    class=\"c-navigation__items qa-navigation-items\"\n    #visibleItemsList\n    fxFlex=\"1 1 auto\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"end stretch\"\n  >\n\n    <ng-container *ngFor=\"let item of visibleItems | async; trackBy: trackByFn\">\n\n      <a\n        class=\"c-navigation__item qa-navigation-item\"\n        routerLink=\"{{ item.destination }}\"\n        routerLinkActive=\"c-navigation__item--active\"\n        [routerLinkActiveOptions]=\"{exact: true}\"\n        *ngIf=\"item.destination && !item.isExternal\"\n        #visibleLinkElement\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n        tabindex=\"0\"\n      >\n        <span class=\"c-navigation__item-inner\">\n          {{ item.name }}\n        </span>\n      </a>\n\n      <a\n        class=\"c-navigation__item qa-navigation-item\"\n        *ngIf=\"item.destination && item.isExternal\"\n        href=\"{{ item.destination }}\"\n        #visibleLinkElement\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n        tabindex=\"0\"\n      >\n        <span class=\"c-navigation__item-inner\">\n          {{ item.name }}\n        </span>\n      </a>\n\n      <a\n        class=\"c-navigation__item qa-navigation-item\"\n        *ngIf=\"!item.destination\"\n        #visibleLinkElement\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n        tabindex=\"0\"\n        (click)=\"action.emit({event: $event, action: item.action})\"\n      >\n        <span class=\"c-navigation__item-inner\">\n          {{ item.name }}\n        </span>\n      </a>\n    </ng-container>\n\n  </div>\n\n\n  <button\n    class=\"c-navigation__trigger qa-navigation-secondary-trigger\"\n    [ngClass]=\"{'c-navigation__trigger--separator': visibleItemsLength}\"\n    mat-button\n    [matMenuTriggerFor]=\"secondaryNav\"\n    fxFlex=\"none\"\n    tabindex=\"0\"\n  >\n    <span class=\"c-navigation__trigger-welcome\" *ngIf=\"welcomeMessage.length>welcomeMsgLength\">\n      <ts-tooltip\n        [tooltipValue]=\"welcomeMessage\"\n      >\n        {{ welcomeMessage | tsTruncateAt:welcomeMsgLength }}\n      </ts-tooltip>\n    </span>\n    <span class=\"c-navigation__trigger-welcome\" *ngIf=\"welcomeMessage.length<=welcomeMsgLength\">\n      {{ welcomeMessage }}\n    </span>\n    <br *ngIf=\"usersFullName\">\n    <span *ngIf=\"usersFullName && usersFullName.length > userNameLength\">\n      <ts-tooltip\n        [tooltipValue]=\"usersFullName\"\n      >\n        {{ usersFullName | tsTruncateAt:userNameLength }}\n      </ts-tooltip>\n    </span>\n    <span *ngIf=\"usersFullName && usersFullName.length <= userNameLength\">\n        {{ usersFullName }}\n    </span>\n\n    <ts-icon class=\"c-navigation__trigger-icon\">\n      keyboard_arrow_down\n    </ts-icon>\n  </button>\n\n\n\n\n  <mat-menu\n    class=\"c-navigation__hidden-items qa-navigation-secondary-items\"\n    #secondaryNav=\"matMenu\"\n    xPosition=\"before\"\n    [overlapTrigger]=\"false\"\n  >\n\n    <ng-container *ngFor=\"let item of hiddenItems | async; trackBy: trackByFn\">\n      <a\n        class=\"c-navigation__hidden-item qa-navigation-secondary-item\"\n        [ngClass]=\"{'c-navigation__hidden-item--admin': item.alwaysHidden}\"\n        routerLink=\"{{ item.destination }}\"\n        *ngIf=\"item.destination && !item.isExternal\"\n        mat-menu-item\n        #hiddenLinkElement\n      >\n        {{ item.name }}\n      </a>\n\n      <a\n        class=\"c-navigation__hidden-item qa-navigation-secondary-item\"\n        [ngClass]=\"{'c-navigation__hidden-item--admin': item.alwaysHidden}\"\n        href=\"{{ item.destination }}\"\n        *ngIf=\"item.destination && item.isExternal\"\n        mat-menu-item\n        #hiddenLinkElement\n      >\n        {{ item.name }}\n      </a>\n\n      <a\n        class=\"c-navigation__hidden-item qa-navigation-secondary-item\"\n        [ngClass]=\"{'c-navigation__hidden-item--admin': item.alwaysHidden}\"\n        *ngIf=\"!item.destination\"\n        mat-menu-item\n        #hiddenLinkElement\n        (click)=\"action.emit({event: $event, action: item.action})\"\n      >\n        {{ item.name }}\n      </a>\n    </ng-container>\n\n  </mat-menu>\n\n</nav>\n","styles":[".ts-navigation{display:inline-block;flex:1 1 auto;max-width:100%;overflow:hidden}.ts-navigation :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-navigation h1,.ts-navigation h2,.ts-navigation h3,.ts-navigation h4,.ts-navigation h5,.ts-navigation p{margin:unset}.ts-navigation .c-navigation{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.01em;font-weight:500;background-color:#00538a;color:#fafafa}.c-navigation .c-navigation__items{overflow:hidden;padding-right:16px}.c-navigation .c-navigation__item{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:.04em;padding:0 16px;position:relative;text-decoration:none}.c-navigation .c-navigation__item--active,.c-navigation .c-navigation__item:focus,.c-navigation .c-navigation__item:hover{outline:0}.c-navigation .c-navigation__item--active .c-navigation__item-inner::after,.c-navigation .c-navigation__item:focus .c-navigation__item-inner::after,.c-navigation .c-navigation__item:hover .c-navigation__item-inner::after{opacity:1;transition-duration:.2s}.c-navigation .c-navigation__item-inner{display:block;white-space:nowrap;width:100%}.c-navigation .c-navigation__item-inner::after{background-color:#fafafa;bottom:0;content:'';height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .1s ease-in-out;width:calc(100% - 32px);will-change:opacity}.c-navigation .c-navigation__trigger{background-color:transparent;border:0;cursor:pointer;outline:0;text-align:center;display:block;letter-spacing:.04em;line-height:24px}.c-navigation .c-navigation__trigger:focus{outline:0}.c-navigation .c-navigation__trigger::after{background-color:rgba(250,250,250,.5);bottom:15%;content:'';height:70%;left:0;position:absolute;top:15%;width:1px}.c-navigation .c-navigation__trigger .mat-button-wrapper{display:inline-block;padding:8px 24px 8px 16px;position:relative;text-align:right}.c-navigation .c-navigation__trigger-welcome{font-weight:400}.c-navigation .c-navigation__trigger-icon{position:absolute;right:0;transform:translateY(1px)}.c-navigation__hidden-items{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.01em;font-weight:400;position:relative}.c-navigation__hidden-items:not(.c-button):not(.c-input):not(.c-select):not(.ts-checkbox){line-height:20px}.c-navigation__hidden-items.mat-menu-panel{border-top-left-radius:0;border-top-right-radius:0}.c-navigation__hidden-items .mat-menu-content{background-color:#00538a;padding:0}.c-navigation__hidden-items .mat-menu-content .mat-menu-item{color:#fafafa}.c-navigation__hidden-items .c-navigation__hidden-item--admin{background-color:#0c4271}.c-navigation__hidden-items .c-navigation__hidden-item--admin.mat-menu-item{color:#cecdd1}.c-navigation__hidden-items .c-navigation__hidden-item:not(.c-navigation__hidden-item--admin)+.c-navigation__hidden-item--admin::before{background-color:#1666b1;content:'';display:block;height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":3}}]}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":3}}]}],"userNameLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":227,"character":3}}]}],"welcomeMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":233,"character":3}}]}],"welcomeMsgLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":239,"character":3}}]}],"visibleItemsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":245,"character":3},"arguments":["visibleItemsList",{"static":true}]}]}],"visibleLinkElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":251,"character":3},"arguments":["visibleLinkElement"]}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":257,"character":3}}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":263,"character":3},"arguments":["window:resize"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":270,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"generateBreakWidths":[{"__symbolic":"method"}],"setUpInitialArrays":[{"__symbolic":"method"}],"updateLists":[{"__symbolic":"method"}],"isExternalLink":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}]}}},"origins":{"TsNavigationModule":"./navigation.module","TsUser":"./navigation.component","NavigationItemBase":"./navigation.component","TsNavigationLinkItem":"./navigation.component","TsNavigationActionItem":"./navigation.component","isLinkItem":"./navigation.component","TsNavigationItem":"./navigation.component","TsNavigationPayload":"./navigation.component","TsNavigationComponent":"./navigation.component"},"importAs":"@terminus/ui/navigation"}