import { __decorate } from "tslib";
import { Component } from '@angular/core';
let DetailsStencilComponent = class DetailsStencilComponent {
};
DetailsStencilComponent = __decorate([
    Component({
        selector: 'details-stencil',
        template: `
    <div class="details">

      <mat-card class="details-header">
        <div class="details-column-0">
          <div class="details-column-0-1">
            <div class="details-icon stencil-shimmer"></div>
          </div>
          <div class="details-column-0-2">
            <div class="details-title stencil-shimmer"></div>
            <div class="details-title stencil-shimmer"></div>
          </div>
        </div>
        <div class="details-column-1">
          <div class="details-column-1-0 stencil-shimmer"></div>
          <div class="details-column-1-1 stencil-shimmer"></div>
        </div>
      </mat-card>

      <mat-card>
        <div class="details-box-large stencil-shimmer"></div>
      </mat-card>

      <mat-card class="details-body">
        <div class="details-body-column-0" >
          <div class="details-icon-small stencil-shimmer"></div>
          <div class="details-icon-small stencil-shimmer"></div>
          <div class="details-icon-small stencil-shimmer"></div>
          <div class="details-icon-small stencil-shimmer"></div>
          <div class="details-icon-small stencil-shimmer"></div>
          <div class="details-icon-small stencil-shimmer"></div>
          <div class="details-icon-small stencil-shimmer"></div>
        </div>
        <div class="details-body-column-1">
          <div class="details-line stencil-shimmer"></div>
          <div class="details-line stencil-shimmer"></div>
          <div class="details-line stencil-shimmer"></div>
          <div class="details-line stencil-shimmer"></div>
          <div class="details-line stencil-shimmer"></div>
          <div class="details-line stencil-shimmer"></div>
          <div class="details-line stencil-shimmer"></div>
        </div>
        <div class="details-body-column-2">
          <div class="details-box stencil-shimmer"></div>
          <div class="details-box stencil-shimmer"></div>
          <div class="details-box stencil-shimmer"></div>
          <div class="details-box stencil-shimmer"></div>
          <div class="details-box stencil-shimmer"></div>
        </div>
      </mat-card>

    </div>
  `,
        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);
export { DetailsStencilComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9kZXRhaWxzLXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBNER4QyxJQUFhLHVCQUF1QixHQUFwQyxNQUFhLHVCQUF1QjtDQUNuQyxDQUFBO0FBRFksdUJBQXVCO0lBMURuQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9EVDs7S0FFRixDQUFDO0dBRVcsdUJBQXVCLENBQ25DO1NBRFksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkZXRhaWxzLXN0ZW5jaWwnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzXCI+XG5cbiAgICAgIDxtYXQtY2FyZCBjbGFzcz1cImRldGFpbHMtaGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWNvbHVtbi0wXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtY29sdW1uLTAtMVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaWNvbiBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1jb2x1bW4tMC0yXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy10aXRsZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXRpdGxlIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtY29sdW1uLTFcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1jb2x1bW4tMS0wIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWNvbHVtbi0xLTEgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9tYXQtY2FyZD5cblxuICAgICAgPG1hdC1jYXJkPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib3gtbGFyZ2Ugc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICA8L21hdC1jYXJkPlxuXG4gICAgICA8bWF0LWNhcmQgY2xhc3M9XCJkZXRhaWxzLWJvZHlcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtYm9keS1jb2x1bW4tMFwiID5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pY29uLXNtYWxsIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWljb24tc21hbGwgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaWNvbi1zbWFsbCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pY29uLXNtYWxsIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWljb24tc21hbGwgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaWNvbi1zbWFsbCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pY29uLXNtYWxsIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtYm9keS1jb2x1bW4tMVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWxpbmUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtbGluZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1saW5lIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWxpbmUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtbGluZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1saW5lIHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWxpbmUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib2R5LWNvbHVtbi0yXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtYm94IHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWJveCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1ib3ggc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtYm94IHN0ZW5jaWwtc2hpbW1lclwiPjwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWJveCBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L21hdC1jYXJkPlxuXG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RldGFpbHMtc3RlbmNpbC5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgRGV0YWlsc1N0ZW5jaWxDb21wb25lbnQge1xufVxuIl19