@vendasta/store
Version:
Components and data for Store
77 lines • 7.52 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/card";
import * as i2 from "@angular/common";
export class ListStencilComponent {
constructor() {
this.showHeader = true;
this.numRows = 3;
this.rowHeight = '51px'; // defaults to height of partner center business tab height (95px for marketplace)
this.sidePadding = '17px'; // defaults to padding on partner center business padding (38px for marketplace)
this.rows = []; // this is to turn the number of rows into an arbitrary list so we can loop through them
}
ngOnInit() {
for (let n = 0; n < this.numRows; n++) {
this.rows.push(n);
}
// if you think this is gross i agree
// if you think this is gross and actually have a solution hit me up otherwise just enjoy the magic.
// determine the height of each row for the table
this.listItemRowStyles = {
height: `${this.rowHeight}`,
padding: `0 ${this.sidePadding}`,
};
}
}
ListStencilComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ListStencilComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ListStencilComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: ListStencilComponent, selector: "app-store-list-stencil", inputs: { showHeader: "showHeader", numRows: "numRows", rowHeight: "rowHeight", sidePadding: "sidePadding" }, ngImport: i0, template: `
<mat-card class="list-container">
<div *ngIf="showHeader" class="list-header stencil-shimmer" style=""></div>
<div *ngFor="let _ of rows">
<div class="list-item-row" [ngStyle]="listItemRowStyles">
<div class="stencil-shimmer" style="margin: 0; padding: 0; width: 100%; height: 80%;"></div>
</div>
</div>
</mat-card>
`, isInline: true, styles: [".list-container{padding:0}.list-header{height:40px}.list-item-row{height:50px;display:flex;justify-content:space-between;align-items:center}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ListStencilComponent, decorators: [{
type: Component,
args: [{
selector: 'app-store-list-stencil',
template: `
<mat-card class="list-container">
<div *ngIf="showHeader" class="list-header stencil-shimmer" style=""></div>
<div *ngFor="let _ of rows">
<div class="list-item-row" [ngStyle]="listItemRowStyles">
<div class="stencil-shimmer" style="margin: 0; padding: 0; width: 100%; height: 80%;"></div>
</div>
</div>
</mat-card>
`,
styles: [
`
.list-container {
padding: 0;
}
.list-header {
height: 40px;
}
.list-item-row {
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
`,
],
}]
}], propDecorators: { showHeader: [{
type: Input
}], numRows: [{
type: Input
}], rowHeight: [{
type: Input
}], sidePadding: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3RvcmUvc3JjL2xpYi9zdGVuY2lscy9saXN0LXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBK0J6RCxNQUFNLE9BQU8sb0JBQW9CO0lBN0JqQztRQThCVyxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFDWixjQUFTLEdBQUcsTUFBTSxDQUFDLENBQUMsa0ZBQWtGO1FBQ3RHLGdCQUFXLEdBQUcsTUFBTSxDQUFDLENBQUMsZ0ZBQWdGO1FBRS9HLFNBQUksR0FBYSxFQUFFLENBQUMsQ0FBQyx3RkFBd0Y7S0FpQjlHO0lBZEMsUUFBUTtRQUNOLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ25CO1FBRUQscUNBQXFDO1FBQ3JDLG9HQUFvRztRQUNwRyxpREFBaUQ7UUFFakQsSUFBSSxDQUFDLGlCQUFpQixHQUFHO1lBQ3ZCLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDM0IsT0FBTyxFQUFFLEtBQUssSUFBSSxDQUFDLFdBQVcsRUFBRTtTQUNqQyxDQUFDO0lBQ0osQ0FBQzs7aUhBdEJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDRLQTNCckI7Ozs7Ozs7OztHQVNUOzJGQWtCVSxvQkFBb0I7a0JBN0JoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7Ozs7Ozs7Ozs7O0tBYUM7cUJBQ0Y7aUJBQ0Y7OEJBRVUsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zdG9yZS1saXN0LXN0ZW5jaWwnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtY2FyZCBjbGFzcz1cImxpc3QtY29udGFpbmVyXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwic2hvd0hlYWRlclwiIGNsYXNzPVwibGlzdC1oZWFkZXIgc3RlbmNpbC1zaGltbWVyXCIgc3R5bGU9XCJcIj48L2Rpdj5cbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IF8gb2Ygcm93c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGlzdC1pdGVtLXJvd1wiIFtuZ1N0eWxlXT1cImxpc3RJdGVtUm93U3R5bGVzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZW5jaWwtc2hpbW1lclwiIHN0eWxlPVwibWFyZ2luOiAwOyBwYWRkaW5nOiAwOyB3aWR0aDogMTAwJTsgaGVpZ2h0OiA4MCU7XCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtY2FyZD5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmxpc3QtY29udGFpbmVyIHtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgIH1cbiAgICAgIC5saXN0LWhlYWRlciB7XG4gICAgICAgIGhlaWdodDogNDBweDtcbiAgICAgIH1cbiAgICAgIC5saXN0LWl0ZW0tcm93IHtcbiAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlzdFN0ZW5jaWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzaG93SGVhZGVyID0gdHJ1ZTtcbiAgQElucHV0KCkgbnVtUm93cyA9IDM7XG4gIEBJbnB1dCgpIHJvd0hlaWdodCA9ICc1MXB4JzsgLy8gZGVmYXVsdHMgdG8gaGVpZ2h0IG9mIHBhcnRuZXIgY2VudGVyIGJ1c2luZXNzIHRhYiBoZWlnaHQgKDk1cHggZm9yIG1hcmtldHBsYWNlKVxuICBASW5wdXQoKSBzaWRlUGFkZGluZyA9ICcxN3B4JzsgLy8gZGVmYXVsdHMgdG8gcGFkZGluZyBvbiBwYXJ0bmVyIGNlbnRlciBidXNpbmVzcyBwYWRkaW5nICgzOHB4IGZvciBtYXJrZXRwbGFjZSlcblxuICByb3dzOiBudW1iZXJbXSA9IFtdOyAvLyB0aGlzIGlzIHRvIHR1cm4gdGhlIG51bWJlciBvZiByb3dzIGludG8gYW4gYXJiaXRyYXJ5IGxpc3Qgc28gd2UgY2FuIGxvb3AgdGhyb3VnaCB0aGVtXG4gIGxpc3RJdGVtUm93U3R5bGVzOiBhbnk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgZm9yIChsZXQgbiA9IDA7IG4gPCB0aGlzLm51bVJvd3M7IG4rKykge1xuICAgICAgdGhpcy5yb3dzLnB1c2gobik7XG4gICAgfVxuXG4gICAgLy8gaWYgeW91IHRoaW5rIHRoaXMgaXMgZ3Jvc3MgaSBhZ3JlZVxuICAgIC8vIGlmIHlvdSB0aGluayB0aGlzIGlzIGdyb3NzIGFuZCBhY3R1YWxseSBoYXZlIGEgc29sdXRpb24gaGl0IG1lIHVwIG90aGVyd2lzZSBqdXN0IGVuam95IHRoZSBtYWdpYy5cbiAgICAvLyBkZXRlcm1pbmUgdGhlIGhlaWdodCBvZiBlYWNoIHJvdyBmb3IgdGhlIHRhYmxlXG5cbiAgICB0aGlzLmxpc3RJdGVtUm93U3R5bGVzID0ge1xuICAgICAgaGVpZ2h0OiBgJHt0aGlzLnJvd0hlaWdodH1gLFxuICAgICAgcGFkZGluZzogYDAgJHt0aGlzLnNpZGVQYWRkaW5nfWAsXG4gICAgfTtcbiAgfVxufVxuIl19