{"__symbolic":"module","version":4,"metadata":{"SimSkeletonCol":{"__symbolic":"interface"},"SimSkeletonRow":{"__symbolic":"interface"},"SimSkeletonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"sim-skeleton","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":38,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"host":{"class":"sim-skeleton"},"template":"<ng-container *ngIf=\"loading; else skeletonTemplate\">\n  <sim-skeleton-content [data]=\"_skeletons\"></sim-skeleton-content>\n</ng-container>\n<ng-template #skeletonTemplate>\n  <ng-content></ng-content>\n</ng-template>\n","styles":[".sim-skeleton{display:block}.sim-skeleton-block{display:flex}.sim-skeleton-bar{border-radius:2px;height:16px;position:relative;width:100%}.sim-skeleton-bar.sim-skeleton-avatar{border-radius:50%}.sim-skeleton-animate .sim-skeleton-bar:before{-webkit-animation:simSkeletonProgress 1.4s cubic-bezier(.23,1,.32,1) infinite;animation:simSkeletonProgress 1.4s cubic-bezier(.23,1,.32,1) infinite;border-radius:inherit;bottom:0;content:\"\";left:0;opacity:0;position:absolute;right:0;top:0}@-webkit-keyframes simSkeletonProgress{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}@keyframes simSkeletonProgress{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}"]}]}],"members":{"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":47,"character":3}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngx-simple/core/decorators","name":"InputBoolean","line":52,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":53,"character":3},"arguments":["class.sim-skeleton-animate"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"dataToSkeleton":[{"__symbolic":"method"}]}},"SimSkeletonContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":110,"character":1},"arguments":[{"selector":"sim-skeleton-content","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":114,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":115,"character":19},"member":"OnPush"},"host":{"class":"sim-skeleton-content"},"template":"<ng-container *ngTemplateOutlet=\"skeleton; context: { $implicit: data }\"></ng-container>\n<ng-template #skeleton let-data>\n  <div class=\"sim-skeleton-block\" [style]=\"row.style\" *ngFor=\"let row of data; trackBy: trackByFn\">\n    <ng-container *ngFor=\"let col of row.cols; trackBy: trackByFn\">\n      <ng-container *ngIf=\"col.rows; else elseTemplate\">\n        <div [style]=\"col.style\">\n          <ng-container *ngTemplateOutlet=\"skeleton; context: { $implicit: col.rows }\"></ng-container>\n        </div>\n      </ng-container>\n      <ng-template #elseTemplate>\n        <div class=\"sim-skeleton-bar\" [ngClass]=\"col.type ? 'sim-skeleton-' + col.type : ''\" [style]=\"col.style\"></div>\n      </ng-template>\n    </ng-container>\n  </div>\n</ng-template>\n","styles":[".sim-skeleton{display:block}.sim-skeleton-block{display:flex}.sim-skeleton-bar{border-radius:2px;height:16px;position:relative;width:100%}.sim-skeleton-bar.sim-skeleton-avatar{border-radius:50%}.sim-skeleton-animate .sim-skeleton-bar:before{-webkit-animation:simSkeletonProgress 1.4s cubic-bezier(.23,1,.32,1) infinite;animation:simSkeletonProgress 1.4s cubic-bezier(.23,1,.32,1) infinite;border-radius:inherit;bottom:0;content:\"\";left:0;opacity:0;position:absolute;right:0;top:0}@-webkit-keyframes simSkeletonProgress{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}@keyframes simSkeletonProgress{0%{opacity:.1;width:0}20%{opacity:.5;width:0}to{opacity:0;width:100%}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"trackByFn":[{"__symbolic":"method"}]}},"SimSkeletonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SimSkeletonComponent"},{"__symbolic":"reference","name":"SimSkeletonContentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"SimSkeletonComponent"}]}]}],"members":{}}},"origins":{"SimSkeletonCol":"./skeleton.component","SimSkeletonRow":"./skeleton.component","SimSkeletonComponent":"./skeleton.component","SimSkeletonContentComponent":"./skeleton.component","SimSkeletonModule":"./skeleton.module"},"importAs":"@ngx-simple/simple-ui/skeleton"}