@vendasta/store
Version:
Components and data for Store
81 lines (75 loc) • 5.82 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "./card-stencil.component";
import * as i2 from "@angular/common";
export class CardListStencilComponent {
constructor() {
this.numCards = 3;
this.cards = [];
}
ngOnInit() {
for (let n = 0; n < this.numCards; n++) {
this.cards.push(n);
}
}
}
CardListStencilComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CardListStencilComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
CardListStencilComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: CardListStencilComponent, selector: "app-store-card-stencil-list", inputs: { numCards: "numCards" }, ngImport: i0, template: `
<div class="row row-gutters">
<div *ngFor="let _ of cards" class="col col-xs-6 col-sm-4 col-md-3">
<app-store-card-stencil></app-store-card-stencil>
</div>
</div>
`, isInline: true, styles: [".row{display:flex;flex-wrap:wrap}.row+.row-gutters{margin-top:0}.row-gutters{margin-top:-20px;margin-left:-20px}.row-gutters>.col-flex{padding-top:20px;padding-left:20px}.col-flex{position:relative;max-width:100%;box-sizing:border-box;flex:0 0 auto;width:100%}@media screen and (min-width: 480px){.col-flex{width:50%}}@media screen and (min-width: 1200px){.col-flex{width:33.333333%}}\n"], components: [{ type: i1.CardStencilComponent, selector: "app-store-card-stencil" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CardListStencilComponent, decorators: [{
type: Component,
args: [{
selector: 'app-store-card-stencil-list',
template: `
<div class="row row-gutters">
<div *ngFor="let _ of cards" class="col col-xs-6 col-sm-4 col-md-3">
<app-store-card-stencil></app-store-card-stencil>
</div>
</div>
`,
styles: [
`
.row {
display: flex;
flex-wrap: wrap;
}
.row + .row-gutters {
margin-top: 0;
}
.row-gutters {
margin-top: -20px;
margin-left: -20px;
}
.row-gutters > .col-flex {
padding-top: 20px;
padding-left: 20px;
}
.col-flex {
position: relative;
max-width: 100%;
box-sizing: border-box;
flex: 0 0 auto;
width: 100%;
}
@media screen and (min-width: 480px) {
.col-flex {
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.col-flex {
width: 33.333333%;
}
}
`,
],
}]
}], propDecorators: { numCards: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LXN0ZW5jaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdG9yZS9zcmMvbGliL3N0ZW5jaWxzL2NhcmQtbGlzdC1zdGVuY2lsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQXNEekQsTUFBTSxPQUFPLHdCQUF3QjtJQXBEckM7UUFxRFcsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUN0QixVQUFLLEdBQWEsRUFBRSxDQUFDO0tBT3RCO0lBTEMsUUFBUTtRQUNOLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3RDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7cUhBUlUsd0JBQXdCO3lHQUF4Qix3QkFBd0IscUdBbER6Qjs7Ozs7O0dBTVQ7MkZBNENVLHdCQUF3QjtrQkFwRHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsUUFBUSxFQUFFOzs7Ozs7R0FNVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ047Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDQztxQkFDRjtpQkFDRjs4QkFFVSxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zdG9yZS1jYXJkLXN0ZW5jaWwtbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInJvdyByb3ctZ3V0dGVyc1wiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgXyBvZiBjYXJkc1wiIGNsYXNzPVwiY29sIGNvbC14cy02IGNvbC1zbS00IGNvbC1tZC0zXCI+XG4gICAgICAgIDxhcHAtc3RvcmUtY2FyZC1zdGVuY2lsPjwvYXBwLXN0b3JlLWNhcmQtc3RlbmNpbD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAucm93IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgfVxuXG4gICAgICAucm93ICsgLnJvdy1ndXR0ZXJzIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIH1cblxuICAgICAgLnJvdy1ndXR0ZXJzIHtcbiAgICAgICAgbWFyZ2luLXRvcDogLTIwcHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMjBweDtcbiAgICAgIH1cblxuICAgICAgLnJvdy1ndXR0ZXJzID4gLmNvbC1mbGV4IHtcbiAgICAgICAgcGFkZGluZy10b3A6IDIwcHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMjBweDtcbiAgICAgIH1cblxuICAgICAgLmNvbC1mbGV4IHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cblxuICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNDgwcHgpIHtcbiAgICAgICAgLmNvbC1mbGV4IHtcbiAgICAgICAgICB3aWR0aDogNTAlO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyMDBweCkge1xuICAgICAgICAuY29sLWZsZXgge1xuICAgICAgICAgIHdpZHRoOiAzMy4zMzMzMzMlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZExpc3RTdGVuY2lsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbnVtQ2FyZHMgPSAzO1xuICBjYXJkczogbnVtYmVyW10gPSBbXTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBmb3IgKGxldCBuID0gMDsgbiA8IHRoaXMubnVtQ2FyZHM7IG4rKykge1xuICAgICAgdGhpcy5jYXJkcy5wdXNoKG4pO1xuICAgIH1cbiAgfVxufVxuIl19