@vendasta/store
Version:
Components and data for Store
72 lines • 6.23 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
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)
// 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)
// 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
}
/**
* @return {?}
*/
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.decorators = [
{ type: Component, args: [{
selector: '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; }
`]
}] }
];
ListStencilComponent.propDecorators = {
showHeader: [{ type: Input }],
numRows: [{ type: Input }],
rowHeight: [{ type: Input }],
sidePadding: [{ type: Input }]
};
if (false) {
/** @type {?} */
ListStencilComponent.prototype.showHeader;
/** @type {?} */
ListStencilComponent.prototype.numRows;
/** @type {?} */
ListStencilComponent.prototype.rowHeight;
/** @type {?} */
ListStencilComponent.prototype.sidePadding;
/** @type {?} */
ListStencilComponent.prototype.rows;
/** @type {?} */
ListStencilComponent.prototype.listItemRowStyles;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9saXN0LXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQXFCdkQsTUFBTSxPQUFPLG9CQUFvQjtJQW5CakM7UUFxQlcsZUFBVSxHQUFHLElBQUksQ0FBQztRQUNsQixZQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ1osY0FBUyxHQUFHLE1BQU0sQ0FBQyxDQUFDLGtGQUFrRjs7UUFDdEcsZ0JBQVcsR0FBRyxNQUFNLENBQUMsQ0FBQyxnRkFBZ0Y7O1FBRS9HLFNBQUksR0FBYSxFQUFFLENBQUMsQ0FBQyx3RkFBd0Y7SUFrQi9HLENBQUM7Ozs7SUFmQyxRQUFRO1FBQ04sS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDbkI7UUFFRCxxQ0FBcUM7UUFDckMsb0dBQW9HO1FBQ3BHLGlEQUFpRDtRQUVqRCxJQUFJLENBQUMsaUJBQWlCLEdBQUc7WUFDdkIsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUM3QixTQUFTLEVBQUUsS0FBSyxJQUFJLENBQUMsV0FBVyxFQUFFO1NBQ25DLENBQUE7SUFFSCxDQUFDOzs7WUEzQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4QixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO3lCQUNROzs7O0dBSVI7YUFDRjs7O3lCQUlFLEtBQUs7c0JBQ0wsS0FBSzt3QkFDTCxLQUFLOzBCQUNMLEtBQUs7Ozs7SUFITiwwQ0FBMkI7O0lBQzNCLHVDQUFxQjs7SUFDckIseUNBQTRCOztJQUM1QiwyQ0FBOEI7O0lBRTlCLG9DQUFvQjs7SUFDcEIsaURBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaXN0LXN0ZW5jaWwnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtY2FyZCBjbGFzcz1cImxpc3QtY29udGFpbmVyXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwic2hvd0hlYWRlclwiIGNsYXNzPVwibGlzdC1oZWFkZXIgc3RlbmNpbC1zaGltbWVyXCIgc3R5bGU9XCJcIj48L2Rpdj5cbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IF8gb2Ygcm93c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibGlzdC1pdGVtLXJvd1wiIFtuZ1N0eWxlXT1cImxpc3RJdGVtUm93U3R5bGVzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZW5jaWwtc2hpbW1lclwiIHN0eWxlPVwibWFyZ2luOiAwOyBwYWRkaW5nOiAwOyB3aWR0aDogMTAwJTsgaGVpZ2h0OiA4MCU7XCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtY2FyZD5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5saXN0LWNvbnRhaW5lciB7IHBhZGRpbmc6IDA7IH1cbiAgICAubGlzdC1oZWFkZXIgeyBoZWlnaHQ6IDQwcHg7IH1cbiAgICAubGlzdC1pdGVtLXJvdyB7IGhlaWdodDogNTBweDsgZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyBhbGlnbi1pdGVtczogY2VudGVyOyB9XG4gIGBdXG59KVxuXG5leHBvcnQgY2xhc3MgTGlzdFN0ZW5jaWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHNob3dIZWFkZXIgPSB0cnVlO1xuICBASW5wdXQoKSBudW1Sb3dzID0gMztcbiAgQElucHV0KCkgcm93SGVpZ2h0ID0gJzUxcHgnOyAvLyBkZWZhdWx0cyB0byBoZWlnaHQgb2YgcGFydG5lciBjZW50ZXIgYnVzaW5lc3MgdGFiIGhlaWdodCAoOTVweCBmb3IgbWFya2V0cGxhY2UpXG4gIEBJbnB1dCgpIHNpZGVQYWRkaW5nID0gJzE3cHgnOyAvLyBkZWZhdWx0cyB0byBwYWRkaW5nIG9uIHBhcnRuZXIgY2VudGVyIGJ1c2luZXNzIHBhZGRpbmcgKDM4cHggZm9yIG1hcmtldHBsYWNlKVxuXG4gIHJvd3M6IG51bWJlcltdID0gW107IC8vIHRoaXMgaXMgdG8gdHVybiB0aGUgbnVtYmVyIG9mIHJvd3MgaW50byBhbiBhcmJpdHJhcnkgbGlzdCBzbyB3ZSBjYW4gbG9vcCB0aHJvdWdoIHRoZW1cbiAgbGlzdEl0ZW1Sb3dTdHlsZXM6IGFueTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBmb3IgKGxldCBuID0gMDsgbiA8IHRoaXMubnVtUm93czsgbisrKSB7XG4gICAgICB0aGlzLnJvd3MucHVzaChuKTtcbiAgICB9XG5cbiAgICAvLyBpZiB5b3UgdGhpbmsgdGhpcyBpcyBncm9zcyBpIGFncmVlXG4gICAgLy8gaWYgeW91IHRoaW5rIHRoaXMgaXMgZ3Jvc3MgYW5kIGFjdHVhbGx5IGhhdmUgYSBzb2x1dGlvbiBoaXQgbWUgdXAgb3RoZXJ3aXNlIGp1c3QgZW5qb3kgdGhlIG1hZ2ljLlxuICAgIC8vIGRldGVybWluZSB0aGUgaGVpZ2h0IG9mIGVhY2ggcm93IGZvciB0aGUgdGFibGVcblxuICAgIHRoaXMubGlzdEl0ZW1Sb3dTdHlsZXMgPSB7XG4gICAgICAnaGVpZ2h0JzogYCR7dGhpcy5yb3dIZWlnaHR9YCxcbiAgICAgICdwYWRkaW5nJzogYDAgJHt0aGlzLnNpZGVQYWRkaW5nfWBcbiAgICB9XG5cbiAgfVxufVxuIl19