{"__symbolic":"module","version":4,"metadata":{"HeaderStatusComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"fast-header-status","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div\n  *ngIf=\"success\"\n  class=\"success\"\n>\n  <mat-icon\n    inline\n    fontIcon=\"mdi-check\"\n  ></mat-icon>\n  All changes saved\n</div>\n\n<div\n  *ngIf=\"failed\"\n  class=\"failed\"\n>\n  <mat-icon\n    inline\n    fontIcon=\"mdi-alert\"\n  ></mat-icon>\n  Changes not saved\n</div>\n\n<div\n  *ngIf=\"progress\"\n  class=\"saving\"\n>\n  <div class=\"progress-spinner\"></div>\n  Saving...\n</div>\n","styles":["@-webkit-keyframes fast-progress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fast-progress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}:host{display:flex;align-items:center;font-size:13px}:host mat-icon{margin-right:3px;font-size:22px}:host .success{color:#7cb342}:host .failed{color:#af0d56}:host .saving{color:#9b9b9b}:host .saving .progress-spinner:before{position:absolute;margin-left:-25px;width:20px;height:20px;border:2px solid #ccc;border-top-color:#000;border-radius:50%;content:'';-webkit-animation:.6s linear infinite fast-progress-spinner;animation:.6s linear infinite fast-progress-spinner}"]}]}],"members":{"saving":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"saved":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}]}},"HeaderStatusModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeaderStatusComponent"}],"exports":[{"__symbolic":"reference","name":"HeaderStatusComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":9,"character":26}]}]}],"members":{}}},"origins":{"HeaderStatusComponent":"./components/header-status/header-status.component","HeaderStatusModule":"./header-status.module"},"importAs":"fast-shared-client/header-status"}