import { __decorate } from "tslib";
import { Component } from '@angular/core';
let CardStencilComponent = class CardStencilComponent {
};
CardStencilComponent = __decorate([
    Component({
        selector: 'card-stencil',
        template: `
    <div class="card-stencil-container">
      <mat-card class="card-stencil">
        <div class="card-stencil-header stencil-shimmer"></div>
        <div class="card-stencil-footer">
          <div class="card-stencil-circle stencil-shimmer"></div>
          <div>
            <div class="card-stencil-line-large stencil-shimmer"></div>
            <div class="card-stencil-line-medium stencil-shimmer"></div>
          </div>
        </div>
      </mat-card>
    </div>
  `,
        styles: [".card-stencil-container{position:relative;width:100%;padding-bottom:100%;margin-bottom:-45%}.card-stencil{position:absolute;width:100%;height:55%;padding:0;margin-bottom:0}.card-stencil-header{display:flex;height:60%}.card-stencil-footer{display:flex;height:40%;align-items:center}.card-stencil-circle{margin:0 16px;height:60px;width:60px;border-radius:50%}@media screen and (max-width:650px){.card-stencil-circle{width:45px;height:45px}}.card-stencil-line-large{height:20px;width:200px;margin-bottom:10px}@media screen and (max-width:650px){.card-stencil-line-large{width:100px;height:10px}}.card-stencil-line-medium{height:20px;width:160px}@media screen and (max-width:650px){.card-stencil-line-medium{width:80px;height:10px}}"]
    })
], CardStencilComponent);
export { CardStencilComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9jYXJkLXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBcUJ4QyxJQUFhLG9CQUFvQixHQUFqQyxNQUFhLG9CQUFvQjtDQUNoQyxDQUFBO0FBRFksb0JBQW9CO0lBbkJoQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsY0FBYztRQUN4QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7R0FhVDs7S0FFRixDQUFDO0dBRVcsb0JBQW9CLENBQ2hDO1NBRFksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjYXJkLXN0ZW5jaWwnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtY29udGFpbmVyXCI+XG4gICAgICA8bWF0LWNhcmQgY2xhc3M9XCJjYXJkLXN0ZW5jaWxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RlbmNpbC1oZWFkZXIgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtZm9vdGVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RlbmNpbC1jaXJjbGUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtbGluZS1sYXJnZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtbGluZS1tZWRpdW0gc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9tYXQtY2FyZD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJ2NhcmQtc3RlbmNpbC5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgQ2FyZFN0ZW5jaWxDb21wb25lbnQge1xufVxuIl19