{"__symbolic":"module","version":4,"metadata":{"ShadowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"gor-shadow","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<ng-container *ngIf=\"displayShadow\">\n  <ng-container [ngSwitch]=\"shadowType\">\n    <ng-container *ngSwitchCase=\"'header-shadow'\">\n      <ng-container *ngTemplateOutlet=\"headerShadow\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'footer-shadow'\">\n      <ng-container *ngTemplateOutlet=\"footerShadow\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'table-shadow'\">\n      <ng-container *ngTemplateOutlet=\"tableShadow\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'graph-shadow'\">\n      <ng-container *ngTemplateOutlet=\"graphShadow\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'card-container-shadow'\">\n      <div class=\"card-container-shadow gor-shadow\"></div>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <div class=\"gor-shadow default-shadow\"></div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<div [ngClass]=\"{'content': !displayShadow}\" [hidden]=\"displayShadow\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #headerShadow>\n  <div class=\"header-shadow\">\n    <div class=\"header-shadow__logo gor-shadow\"></div>\n    <div class=\"header-shadow__info\">\n      <div class=\"header-shadow__info-main gor-shadow\"></div>\n      <div class=\"header-shadow__info-secondary gor-shadow\"></div>\n      <div class=\"header-shadow__info-secondary gor-shadow\"></div>\n    </div>\n  </div>\n  <div class=\"header-shadow__stripe gor-shadow\"></div>\n</ng-template>\n\n<ng-template #footerShadow>\n  <div class=\"footer-shadow\">\n    <div class=\"footer-shadow__disclaimer gor-shadow\"></div>\n    <div class=\"footer-shadow__box\">\n      <div class=\"footer-shadow__left\">\n        <div class=\"footer-shadow__left-main gor-shadow\"></div>\n        <div class=\"footer-shadow__left-secondary gor-shadow\"></div>\n      </div>\n      <div class=\"footer-shadow__center\">\n        <div class=\"footer-shadow__center-main gor-shadow\"></div>\n        <div class=\"footer-shadow__center-secondary gor-shadow\"></div>\n      </div>\n      <div class=\"footer-shadow__right\">\n        <div class=\"footer-shadow__right-power gor-shadow\"></div>\n        <div class=\"footer-shadow__right-logo gor-shadow\"></div>\n        <div class=\"footer-shadow__right-website gor-shadow\"></div>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #tableShadow>\n  <div class=\"table-shadow\">\n    <div class=\"table-shadow__title\">\n      <div class=\"table-shadow__title-item gor-shadow\"></div>\n      <div class=\"table-shadow__title-item gor-shadow\"></div>\n    </div>\n    <div class=\"table-shadow__header\">\n      <div\n        *ngFor=\"let i of 6 | fill\"\n        class=\"table-shadow__header-item gor-shadow\"\n      ></div>\n    </div>\n    <div class=\"table-shadow__line-container\">\n      <div\n        *ngFor=\"let i of 3 | fill\"\n        class=\"table-shadow__line gor-shadow\"\n      ></div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #graphShadow>\n  <div class=\"graph-shadow\">\n    <div class=\"graph-shadow__title\">\n      <div class=\"graph-shadow__title-item gor-shadow\"></div>\n      <div class=\"graph-shadow__title-item gor-shadow\"></div>\n    </div>\n    <div class=\"graph-shadow__view-container\">\n      <div class=\"graph-shadow__view gor-shadow\">\n        <div\n          *ngFor=\"let i of 7 | fill\"\n          class=\"graph-shadow__bar gor-shadow\"\n        ></div>\n      </div>\n      <div class=\"graph-shadow__label-container\">\n        <div\n          *ngFor=\"let i of 7 | fill\"\n          class=\"graph-shadow__label gor-shadow\"\n        ></div>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","styles":[":host{display:block;height:100%}:host.shadow-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff}:host.shadow-container.loading-shadow{animation:2s ease-in-out infinite shadow-pulsate}@keyframes shadow-pulsate{0%,100%{opacity:.3}50%{opacity:1}}.gor-shadow{background-color:#b2c0c6;border-radius:100px}.content{display:flex;flex-direction:column;width:100%;height:100%}.header-shadow{display:flex;height:auto;justify-content:space-between;padding:80px 40px 0}.header-shadow__info,.header-shadow__logo{width:25%}.header-shadow__logo{height:120px;border-radius:0}.header-shadow__info-main{width:100%;height:25px;margin-bottom:30px}.header-shadow__info-secondary{width:80%;height:20px;margin-bottom:10px;margin-left:auto}.header-shadow__stripe{width:100%;height:70px;margin-top:50px;margin-bottom:30px;border-radius:0}.footer-shadow{display:block;padding:60px 15px 20px;border-top:1px solid #b2c0c6}.footer-shadow__disclaimer{width:100%;height:10px;margin-bottom:20px}.footer-shadow__box{display:flex;justify-content:space-between}.footer-shadow__center,.footer-shadow__left,.footer-shadow__right{width:20%}.footer-shadow__left-main{width:100%;height:20px;margin-bottom:10px}.footer-shadow__left-secondary{width:80%;height:10px}.footer-shadow__center-main{width:100%;height:10px;margin-bottom:10px}.footer-shadow__center-secondary{width:55%;height:10px;margin:0 auto}.footer-shadow__right-power{display:inline-block;width:35%;height:10px}.footer-shadow__right-logo{display:inline-block;width:60%;height:35px;margin-left:5%}.footer-shadow__right-website{width:70%;height:10px;margin-top:5px;margin-left:auto}.table-shadow{height:100%;display:flex;flex-direction:column}.table-shadow__title{display:flex;justify-content:space-between;padding:10px 15px 20px;margin-bottom:20px}.table-shadow__title-item{width:20%;height:20px}.table-shadow__header{display:grid;grid-template-columns:2fr repeat(5,1fr);padding:0 15px;margin-bottom:5px}.table-shadow__header-item{width:40%;height:15px;margin-left:auto}.table-shadow__header-item:first-of-type{width:50%;margin:0}.table-shadow__line-container{flex:1;display:flex;flex-direction:column}.table-shadow__line{flex:1;width:100%;min-height:20px;max-height:50px;margin-bottom:5px;border-radius:0}.default-shadow{width:100%;min-height:5px;height:100%}.graph-shadow{height:100%;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.graph-shadow__title{display:flex;justify-content:space-between;padding:10px 15px 20px;margin-bottom:20px}.graph-shadow__title-item{width:20%;height:20px}.graph-shadow__view-container{flex:1}.graph-shadow__view{display:flex;justify-content:space-between;width:80%;min-height:150px;height:80%;margin:0 auto;padding:15px 15px 0;border-left:1px solid #b2c0c6;border-bottom:1px solid #b2c0c6;background-color:#fff;border-radius:0}.graph-shadow__bar{position:relative;top:1px;width:7%;border-radius:0}.graph-shadow__label-container{display:flex;justify-content:space-between;width:80%;margin:5px auto 0;padding-left:16px;padding-right:15px}.graph-shadow__label{width:7%;height:10px}.card-container-shadow{min-width:10px;width:100%;min-height:10px;height:100%;border-radius:0}"]}]}],"members":{"displayShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["class.shadow-container"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":42}}]}],"shadowType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.loading-shadow"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":40}}]}]}},"ShadowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"@gorilainvest/ui-toolkit/pipes","name":"PipesModule","line":7,"character":26}],"declarations":[{"__symbolic":"reference","name":"ShadowComponent"}],"exports":[{"__symbolic":"reference","name":"ShadowComponent"}]}]}],"members":{}},"ShadowType":{"DEFAULT":"default-shadow","HEADER":"header-shadow","FOOTER":"footer-shadow","TABLE":"table-shadow","GRAPH":"graph-shadow","CARD_CONTAINER":"card-container-shadow"},"getShadowTypes":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":30,"module":"./lib/shadow.model"}},"origins":{"ShadowComponent":"./lib/shadow.component","ShadowModule":"./lib/shadow.module","ShadowType":"./lib/shadow.model","getShadowTypes":"./lib/shadow.model"},"importAs":"@gorilainvest/ui-toolkit/shadow"}