@vendasta/store
Version:
Components and data for Store
83 lines (75 loc) • 4.21 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export class CardListStencilComponent {
constructor() {
this.numCards = 3;
this.cards = [];
}
/**
* @return {?}
*/
ngOnInit() {
for (let n = 0; n < this.numCards; n++) {
this.cards.push(n);
}
}
}
CardListStencilComponent.decorators = [
{ type: Component, args: [{
selector: 'card-stencil-list',
template: `
<div class="row row-gutters">
<div *ngFor="let _ of cards" class="col-flex">
<card-stencil></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%;
}
screen and (min-width: 480px) {
.col-flex {
width: 50%;
}
}
screen and (min-width: 1200px) {
.col-flex {
width: 33.333333%;
}
}
`]
}] }
];
CardListStencilComponent.propDecorators = {
numCards: [{ type: Input }]
};
if (false) {
/** @type {?} */
CardListStencilComponent.prototype.numCards;
/** @type {?} */
CardListStencilComponent.prototype.cards;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LXN0ZW5jaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHZlbmRhc3RhL3N0b3JlLyIsInNvdXJjZXMiOlsibGliL3N0ZW5jaWxzL2NhcmQtbGlzdC1zdGVuY2lsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVMsTUFBTSxlQUFlLENBQUM7QUF1RHZELE1BQU0sT0FBTyx3QkFBd0I7SUFyRHJDO1FBdURXLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDdEIsVUFBSyxHQUFhLEVBQUUsQ0FBQztJQU92QixDQUFDOzs7O0lBTEMsUUFBUTtRQUNOLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3RDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7O1lBOURGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixRQUFRLEVBQUU7Ozs7OztHQU1UO3lCQUNROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlDUjthQUNGOzs7dUJBSUUsS0FBSzs7OztJQUFOLDRDQUFzQjs7SUFDdEIseUNBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjYXJkLXN0ZW5jaWwtbGlzdCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInJvdyByb3ctZ3V0dGVyc1wiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgXyBvZiBjYXJkc1wiIGNsYXNzPVwiY29sLWZsZXhcIj5cbiAgICAgICAgPGNhcmQtc3RlbmNpbD48L2NhcmQtc3RlbmNpbD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgLnJvdyB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgIH1cblxuICAgIC5yb3cgKyAucm93LWd1dHRlcnMge1xuICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICB9XG5cbiAgICAucm93LWd1dHRlcnMge1xuICAgICAgbWFyZ2luLXRvcDogLTIwcHg7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwcHg7XG4gICAgfVxuXG4gICAgLnJvdy1ndXR0ZXJzID4gLmNvbC1mbGV4IHtcbiAgICAgIHBhZGRpbmctdG9wOiAyMHB4O1xuICAgICAgcGFkZGluZy1sZWZ0OiAyMHB4O1xuICAgIH1cblxuICAgIC5jb2wtZmxleCB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0ODBweCkge1xuICAgICAgLmNvbC1mbGV4IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcblxuICAgICAgLmNvbC1mbGV4IHtcbiAgICAgICAgd2lkdGg6IDMzLjMzMzMzMyU7XG4gICAgICB9XG4gICAgfVxuXG4gIGBdXG59KVxuXG5leHBvcnQgY2xhc3MgQ2FyZExpc3RTdGVuY2lsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBudW1DYXJkcyA9IDM7XG4gIGNhcmRzOiBudW1iZXJbXSA9IFtdO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIGZvciAobGV0IG4gPSAwOyBuIDwgdGhpcy5udW1DYXJkczsgbisrKSB7XG4gICAgICB0aGlzLmNhcmRzLnB1c2gobik7XG4gICAgfVxuICB9XG59XG4iXX0=