import { __decorate } from "tslib";
import { Component } from '@angular/core';
var CardStencilComponent = /** @class */ (function () {
    function CardStencilComponent() {
    }
    CardStencilComponent = __decorate([
        Component({
            selector: 'card-stencil',
            template: "\n    <div class=\"card-stencil-container\">\n      <mat-card class=\"card-stencil\">\n        <div class=\"card-stencil-header stencil-shimmer\"></div>\n        <div class=\"card-stencil-footer\">\n          <div class=\"card-stencil-circle stencil-shimmer\"></div>\n          <div>\n            <div class=\"card-stencil-line-large stencil-shimmer\"></div>\n            <div class=\"card-stencil-line-medium stencil-shimmer\"></div>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n  ",
            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);
    return CardStencilComponent;
}());
export { CardStencilComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9jYXJkLXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBcUJ4QztJQUFBO0lBQ0EsQ0FBQztJQURZLG9CQUFvQjtRQW5CaEMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGNBQWM7WUFDeEIsUUFBUSxFQUFFLHlmQWFUOztTQUVGLENBQUM7T0FFVyxvQkFBb0IsQ0FDaEM7SUFBRCwyQkFBQztDQUFBLEFBREQsSUFDQztTQURZLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2FyZC1zdGVuY2lsJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1zdGVuY2lsLWNvbnRhaW5lclwiPlxuICAgICAgPG1hdC1jYXJkIGNsYXNzPVwiY2FyZC1zdGVuY2lsXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtaGVhZGVyIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1zdGVuY2lsLWZvb3RlclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtY2lyY2xlIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1zdGVuY2lsLWxpbmUtbGFyZ2Ugc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1zdGVuY2lsLWxpbmUtbWVkaXVtIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWNhcmQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWydjYXJkLXN0ZW5jaWwuY29tcG9uZW50LnNjc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIENhcmRTdGVuY2lsQ29tcG9uZW50IHtcbn1cbiJdfQ==