{"__symbolic":"module","version":4,"metadata":{"HeaderBarActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"labs-header-bar-action","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"styles":[":host{display:block}"]}]}],"members":{}},"HeaderBarLogoDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[labsHeaderBarLogo]"}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.labs-header-bar-logo"]}]}]}},"HeaderBarRightActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"labs-header-bar-right-actions","template":"<ng-content select=\"labs-header-bar-action\"></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"styles":[":host{flex-basis:calc(50% - 68px);-ms-overflow-style:none;display:flex;flex-shrink:1;overflow:auto;margin-left:auto}@media (min-width:992px){:host{flex-basis:calc(50% - 78px)}}:host::-webkit-scrollbar{display:none}:host ::ng-deep labs-header-bar-action:first-child{margin-left:auto}"]}]}],"members":{}},"HeaderBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"labs-header-bar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<labs-container size=\"xl\">\n  <labs-header-bar-left-actions>\n    <labs-header-bar-action *ngIf=\"menuVisible\">\n      <button mat-button (click)=\"menuClick.emit()\" [color]=\"menuColor\">\n        <mat-icon>menu</mat-icon> Menu\n      </button>\n    </labs-header-bar-action>\n  </labs-header-bar-left-actions>\n  <div class=\"image-wrap\">\n    <ng-content select=\"[labsHeaderBarLogo]\"></ng-content>\n  </div>\n  <ng-content select=\"labs-header-bar-right-actions\"></ng-content>\n</labs-container>\n","styles":[":host{display:flex;min-height:72px;position:relative}:host labs-container{display:flex;align-items:center}:host .image-wrap{flex-shrink:0;padding:0 16px}:host .image-wrap ::ng-deep img.labs-header-bar-logo,:host .image-wrap ::ng-deep picture.labs-header-bar-logo img{display:block;max-width:120px;width:auto}@media (min-width:992px){:host .image-wrap ::ng-deep img.labs-header-bar-logo,:host .image-wrap ::ng-deep picture.labs-header-bar-logo img{max-width:140px}}"]}]}],"members":{"menuVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"menuColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}]}},"HeaderBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"ng-labs/container","name":"ContainerModule","line":12,"character":26},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":12,"character":43},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":12,"character":60}],"exports":[{"__symbolic":"reference","name":"HeaderBarComponent"},{"__symbolic":"reference","name":"HeaderBarRightActionsComponent"},{"__symbolic":"reference","name":"HeaderBarActionComponent"},{"__symbolic":"reference","name":"HeaderBarLogoDirective"}],"declarations":[{"__symbolic":"reference","name":"HeaderBarComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"HeaderBarRightActionsComponent"},{"__symbolic":"reference","name":"HeaderBarActionComponent"},{"__symbolic":"reference","name":"HeaderBarLogoDirective"}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"labs-header-bar-left-actions","template":"<ng-content select=\"labs-header-bar-action\"></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"styles":[":host{flex-basis:calc(50% - 68px);display:flex;flex-shrink:0}@media (min-width:992px){:host{flex-basis:calc(50% - 78px)}}"]}]}],"members":{}}},"origins":{"HeaderBarActionComponent":"./header-bar-action.component","HeaderBarLogoDirective":"./header-bar-logo.directive","HeaderBarRightActionsComponent":"./header-bar-right-actions.component","HeaderBarComponent":"./header-bar.component","HeaderBarModule":"./header-bar.module","ɵa":"./header-bar-left-actions.component"},"importAs":"ng-labs/header-bar"}