import { __decorate } from "tslib";
import { Component } from '@angular/core';
var DetailsStencilComponent = /** @class */ (function () {
    function DetailsStencilComponent() {
    }
    DetailsStencilComponent = __decorate([
        Component({
            selector: 'details-stencil',
            template: "\n    <div class=\"details\">\n\n      <mat-card class=\"details-header\">\n        <div class=\"details-column-0\">\n          <div class=\"details-column-0-1\">\n            <div class=\"details-icon stencil-shimmer\"></div>\n          </div>\n          <div class=\"details-column-0-2\">\n            <div class=\"details-title stencil-shimmer\"></div>\n            <div class=\"details-title stencil-shimmer\"></div>\n          </div>\n        </div>\n        <div class=\"details-column-1\">\n          <div class=\"details-column-1-0 stencil-shimmer\"></div>\n          <div class=\"details-column-1-1 stencil-shimmer\"></div>\n        </div>\n      </mat-card>\n\n      <mat-card>\n        <div class=\"details-box-large stencil-shimmer\"></div>\n      </mat-card>\n\n      <mat-card class=\"details-body\">\n        <div class=\"details-body-column-0\" >\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n          <div class=\"details-icon-small stencil-shimmer\"></div>\n        </div>\n        <div class=\"details-body-column-1\">\n          <div class=\"details-line stencil-shimmer\"></div>\n          <div class=\"details-line stencil-shimmer\"></div>\n          <div class=\"details-line stencil-shimmer\"></div>\n          <div class=\"details-line stencil-shimmer\"></div>\n          <div class=\"details-line stencil-shimmer\"></div>\n          <div class=\"details-line stencil-shimmer\"></div>\n          <div class=\"details-line stencil-shimmer\"></div>\n        </div>\n        <div class=\"details-body-column-2\">\n          <div class=\"details-box stencil-shimmer\"></div>\n          <div class=\"details-box stencil-shimmer\"></div>\n          <div class=\"details-box stencil-shimmer\"></div>\n          <div class=\"details-box stencil-shimmer\"></div>\n          <div class=\"details-box stencil-shimmer\"></div>\n        </div>\n      </mat-card>\n\n    </div>\n  ",
            styles: [".details{position:relative;margin:0 auto 20px;background:#fff;box-shadow:0 3px 10px rgba(33,33,33,.3);overflow:hidden;font-size:16px}.details-header{display:flex;height:180px}.details-column-0{display:flex;width:66%}@media screen and (max-width:600px){.details-column-0{width:100%}}.details-column-0-1{display:flex;width:25%;min-width:120px}@media screen and (max-width:600px){.details-column-0-1{width:50%}}.details-icon{height:120px;width:120px;border-radius:50%}.details-title{margin:20px 0 20px 20px;height:32px;width:250px}@media screen and (max-width:600px){.details-title{width:120px}}.details-column-1{width:34%;display:flex;flex-direction:column}@media screen and (max-width:1100px){.details-column-1{width:0}}.details-column-1-0{height:32px;margin:10px 0}.details-column-1-1{height:70px}@media screen and (max-width:600px){.details-column-1-0{width:0;margin:0}.details-column-1-1{height:0}}.details-box-large{display:flex;width:650px;height:150px}@media screen and (max-width:1100px){.details-box-large{width:100%}}.details-body{display:flex;height:500px;width:100%}.details-body-column-0{width:10%;display:flex;flex-direction:column}@media screen and (max-width:600px){.details-body-column-0{width:0%}}.details-body-column-1{width:56%;display:flex;flex-direction:column}@media screen and (max-width:600px){.details-body-column-1{width:100%}}.details-icon-small{margin-bottom:24px;display:flex;height:32px;width:32px;border-radius:50%}.details-line{margin-bottom:24px;height:32px;width:400px}@media screen and (max-width:600px){.details-line{width:100%;margin-right:10px}}.details-body-column-2{width:34%;display:flex;flex-direction:column}@media screen and (max-width:1100px){.details-body-column-2{width:0}}.details-box{height:70px;margin-bottom:10px}@media screen and (max-width:600px){.details-box{width:0;margin:0}}"]
        })
    ], DetailsStencilComponent);
    return DetailsStencilComponent;
}());
export { DetailsStencilComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9kZXRhaWxzLXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBNER4QztJQUFBO0lBQ0EsQ0FBQztJQURZLHVCQUF1QjtRQTFEbkMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGlCQUFpQjtZQUMzQixRQUFRLEVBQUUsa3RFQW9EVDs7U0FFRixDQUFDO09BRVcsdUJBQXVCLENBQ25DO0lBQUQsOEJBQUM7Q0FBQSxBQURELElBQ0M7U0FEWSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RldGFpbHMtc3RlbmNpbCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRldGFpbHNcIj5cblxuICAgICAgPG1hdC1jYXJkIGNsYXNzPVwiZGV0YWlscy1oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtY29sdW1uLTBcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1jb2x1bW4tMC0xXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pY29uIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWNvbHVtbi0wLTJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXRpdGxlIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtdGl0bGUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1jb2x1bW4tMVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWNvbHVtbi0xLTAgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtY29sdW1uLTEtMSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L21hdC1jYXJkPlxuXG4gICAgICA8bWF0LWNhcmQ+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWJveC1sYXJnZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgIDwvbWF0LWNhcmQ+XG5cbiAgICAgIDxtYXQtY2FyZCBjbGFzcz1cImRldGFpbHMtYm9keVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib2R5LWNvbHVtbi0wXCIgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWljb24tc21hbGwgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaWNvbi1zbWFsbCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pY29uLXNtYWxsIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWljb24tc21hbGwgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaWNvbi1zbWFsbCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pY29uLXNtYWxsIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWljb24tc21hbGwgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib2R5LWNvbHVtbi0xXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtbGluZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1saW5lIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWxpbmUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtbGluZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1saW5lIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWxpbmUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtbGluZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWJvZHktY29sdW1uLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib3ggc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtYm94IHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWJveCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib3ggc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtYm94IHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWNhcmQ+XG5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGV0YWlscy1zdGVuY2lsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBEZXRhaWxzU3RlbmNpbENvbXBvbmVudCB7XG59XG4iXX0=