{"__symbolic":"module","version":4,"metadata":{"LoadingIndicatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"fast-loading-indicator","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":19},"member":"OnPush"},"template":"<div\n  *ngIf=\"status.loading\"\n  class=\"fast-loading-indicator\"\n>\n  <div class=\"fast-loading-indicator-spinner\">\n    <fast-spinner></fast-spinner>\n  </div>\n  <div class=\"fast-loading-indicator-content\">\n    <div class=\"main\">\n      {{status.message.mainText}}\n    </div>\n    <div *ngIf=\"status.message.subText\">\n      {{status.message.subText}}\n    </div>\n  </div>\n  <div class=\"fast-loading-indicator-line\"></div>\n  <div class=\"fast-loading-indicator-dismiss\">\n    <button\n      mat-button\n      class=\"dismiss-button\"\n      (click)=\"dismiss()\"\n    >\n      <span class=\"dismiss-button-text\">Dismiss</span>\n    </button>\n  </div>\n</div>\n","styles":[".fast-loading-indicator{position:fixed;bottom:20px;left:50%;z-index:100;display:flex;flex-direction:row;width:444px;height:60px;border-radius:100px;background-color:#35414f;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);transform:translate(-50%,0);transform-origin:center center}.fast-loading-indicator fast-spinner{margin-bottom:35px;margin-left:5px}.fast-loading-indicator .fast-loading-indicator-spinner{display:flex;justify-content:center;flex:1;flex-direction:column;flex-basis:80px;font-size:13px}.fast-loading-indicator .fast-loading-indicator-content{display:flex;justify-content:center;flex:1;flex-direction:column;flex-basis:auto;margin-top:auto;margin-bottom:auto;width:333px;height:32px;color:#fff;font-size:13px;line-height:1.23}.fast-loading-indicator .fast-loading-indicator-content .main{font-weight:500}.fast-loading-indicator .fast-loading-indicator-line{height:60px;border-left:1px solid #1f272f}.fast-loading-indicator .fast-loading-indicator-dismiss{flex-basis:95px;padding:13px 0}.fast-loading-indicator .dismiss-button{color:#fff!important;font-family:Rubik,Arial,Helvetica,sans-serif}.fast-loading-indicator .dismiss-button:hover{color:#e8e8e8!important}.fast-loading-indicator .dismiss-button.bold{font-weight:600}.fast-loading-indicator .dismiss-button .dismiss-button-text{margin-right:5px}"]}]}],"members":{"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"dismiss":[{"__symbolic":"method"}]}},"SpinnerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"fast-spinner","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"spinner\">\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n  <div></div>\n</div>\n","styles":["@-webkit-keyframes spinner{0%{opacity:1}100%{opacity:0}}@keyframes spinner{0%{opacity:1}100%{opacity:0}}.spinner{position:relative;display:inline-block;width:20px;height:20px;color:official}.spinner div{transform-origin:32px 32px;-webkit-animation:1.2s linear infinite spinner;animation:1.2s linear infinite spinner}.spinner div:after{position:absolute;top:14px;left:30px;display:block;width:2px;height:13px;border-radius:20%;background:#fff;content:' '}.spinner div:nth-child(1){transform:rotate(0);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner div:nth-child(2){transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.spinner div:nth-child(3){transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner div:nth-child(4){transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.spinner div:nth-child(5){transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.spinner div:nth-child(6){transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.spinner div:nth-child(7){transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.spinner div:nth-child(8){transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.spinner div:nth-child(9){transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.spinner div:nth-child(10){transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.spinner div:nth-child(11){transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.spinner div:nth-child(12){transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}"]}]}],"members":{}},"ILoadingIndicatorEvent":{"__symbolic":"interface"},"LoadingIndicatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LoadingIndicatorComponent"},{"__symbolic":"reference","name":"SpinnerComponent"}],"exports":[{"__symbolic":"reference","name":"LoadingIndicatorComponent"},{"__symbolic":"reference","name":"SpinnerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":10,"character":26}]}]}],"members":{}}},"origins":{"LoadingIndicatorComponent":"./components/loading-indicator/loading-indicator.component","SpinnerComponent":"./components/spinner/spinner.component","ILoadingIndicatorEvent":"./models/loading-indicator-event.model","LoadingIndicatorModule":"./loading-indicator.module"},"importAs":"fast-shared-client/loading-indicator"}