@vendasta/store/esm2020/lib/stencils/card-stencil.component.mjs

Components and data for Store

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/card";
export class CardStencilComponent {
}
CardStencilComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CardStencilComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
CardStencilComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: CardStencilComponent, selector: "app-store-card-stencil", ngImport: i0, 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>
  `, isInline: true, 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}}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CardStencilComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-store-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}}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3RvcmUvc3JjL2xpYi9zdGVuY2lscy9jYXJkLXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQW9CMUMsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDhEQWhCckI7Ozs7Ozs7Ozs7Ozs7R0FhVDsyRkFHVSxvQkFBb0I7a0JBbEJoQyxTQUFTOytCQUNFLHdCQUF3QixZQUN4Qjs7Ozs7Ozs7Ozs7OztHQWFUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zdG9yZS1jYXJkLXN0ZW5jaWwnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtY29udGFpbmVyXCI+XG4gICAgICA8bWF0LWNhcmQgY2xhc3M9XCJjYXJkLXN0ZW5jaWxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RlbmNpbC1oZWFkZXIgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtZm9vdGVyXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtc3RlbmNpbC1jaXJjbGUgc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtbGluZS1sYXJnZSBzdGVuY2lsLXNoaW1tZXJcIj48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXN0ZW5jaWwtbGluZS1tZWRpdW0gc3RlbmNpbC1zaGltbWVyXCI+PC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9tYXQtY2FyZD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJ2NhcmQtc3RlbmNpbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkU3RlbmNpbENvbXBvbmVudCB7fVxuIl19