@vendasta/store
Version:
Components and data for Store
67 lines (63 loc) • 8.23 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
export class DetailsStencilComponent {
}
DetailsStencilComponent.decorators = [
{ type: Component, args: [{
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}}"]
}] }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9kZXRhaWxzLXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBNER4QyxNQUFNLE9BQU8sdUJBQXVCOzs7WUExRG5DLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvRFQ7O2FBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RldGFpbHMtc3RlbmNpbCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRldGFpbHNcIj5cblxuICAgICAgPG1hdC1jYXJkIGNsYXNzPVwiZGV0YWlscy1oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtY29sdW1uLTBcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1jb2x1bW4tMC0xXCI+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=