@vendasta/store
Version:
Components and data for Store
64 lines • 6.52 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
var ListStencilComponent = /** @class */ (function () {
function ListStencilComponent() {
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 {?}
*/
ListStencilComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
for (var 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: "\n <mat-card class=\"list-container\">\n <div *ngIf=\"showHeader\" class=\"list-header stencil-shimmer\" style=\"\"></div>\n <div *ngFor=\"let _ of rows\">\n <div class=\"list-item-row\" [ngStyle]=\"listItemRowStyles\">\n <div class=\"stencil-shimmer\" style=\"margin: 0; padding: 0; width: 100%; height: 80%;\"></div>\n </div>\n </div>\n </mat-card>\n ",
styles: ["\n .list-container { padding: 0; }\n .list-header { height: 40px; }\n .list-item-row { height: 50px; display: flex; justify-content: space-between; align-items: center; }\n "]
}] }
];
ListStencilComponent.propDecorators = {
showHeader: [{ type: Input }],
numRows: [{ type: Input }],
rowHeight: [{ type: Input }],
sidePadding: [{ type: Input }]
};
return ListStencilComponent;
}());
export { ListStencilComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zdGVuY2lsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B2ZW5kYXN0YS9zdG9yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVuY2lscy9saXN0LXN0ZW5jaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUV2RDtJQUFBO1FBcUJXLGVBQVUsR0FBRyxJQUFJLENBQUM7UUFDbEIsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNaLGNBQVMsR0FBRyxNQUFNLENBQUMsQ0FBQyxrRkFBa0Y7O1FBQ3RHLGdCQUFXLEdBQUcsTUFBTSxDQUFDLENBQUMsZ0ZBQWdGOztRQUUvRyxTQUFJLEdBQWEsRUFBRSxDQUFDLENBQUMsd0ZBQXdGO0lBa0IvRyxDQUFDOzs7O0lBZkMsdUNBQVE7OztJQUFSO1FBQ0UsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDbkI7UUFFRCxxQ0FBcUM7UUFDckMsb0dBQW9HO1FBQ3BHLGlEQUFpRDtRQUVqRCxJQUFJLENBQUMsaUJBQWlCLEdBQUc7WUFDdkIsUUFBUSxFQUFFLEtBQUcsSUFBSSxDQUFDLFNBQVc7WUFDN0IsU0FBUyxFQUFFLE9BQUssSUFBSSxDQUFDLFdBQWE7U0FDbkMsQ0FBQTtJQUVILENBQUM7O2dCQTNDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFFBQVEsRUFBRSxnWkFTVDs2QkFDUSx5TEFJUjtpQkFDRjs7OzZCQUlFLEtBQUs7MEJBQ0wsS0FBSzs0QkFDTCxLQUFLOzhCQUNMLEtBQUs7O0lBb0JSLDJCQUFDO0NBQUEsQUE1Q0QsSUE0Q0M7U0F6Qlksb0JBQW9COzs7SUFFL0IsMENBQTJCOztJQUMzQix1Q0FBcUI7O0lBQ3JCLHlDQUE0Qjs7SUFDNUIsMkNBQThCOztJQUU5QixvQ0FBb0I7O0lBQ3BCLGlEQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGlzdC1zdGVuY2lsJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bWF0LWNhcmQgY2xhc3M9XCJsaXN0LWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiAqbmdJZj1cInNob3dIZWFkZXJcIiBjbGFzcz1cImxpc3QtaGVhZGVyIHN0ZW5jaWwtc2hpbW1lclwiIHN0eWxlPVwiXCI+PC9kaXY+XG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBfIG9mIHJvd3NcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxpc3QtaXRlbS1yb3dcIiBbbmdTdHlsZV09XCJsaXN0SXRlbVJvd1N0eWxlc1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVuY2lsLXNoaW1tZXJcIiBzdHlsZT1cIm1hcmdpbjogMDsgcGFkZGluZzogMDsgd2lkdGg6IDEwMCU7IGhlaWdodDogODAlO1wiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWNhcmQ+XG4gIGAsXG4gIHN0eWxlczogW2BcbiAgICAubGlzdC1jb250YWluZXIgeyBwYWRkaW5nOiAwOyB9XG4gICAgLmxpc3QtaGVhZGVyIHsgaGVpZ2h0OiA0MHB4OyB9XG4gICAgLmxpc3QtaXRlbS1yb3cgeyBoZWlnaHQ6IDUwcHg7IGRpc3BsYXk6IGZsZXg7IGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuICBgXVxufSlcblxuZXhwb3J0IGNsYXNzIExpc3RTdGVuY2lsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBzaG93SGVhZGVyID0gdHJ1ZTtcbiAgQElucHV0KCkgbnVtUm93cyA9IDM7XG4gIEBJbnB1dCgpIHJvd0hlaWdodCA9ICc1MXB4JzsgLy8gZGVmYXVsdHMgdG8gaGVpZ2h0IG9mIHBhcnRuZXIgY2VudGVyIGJ1c2luZXNzIHRhYiBoZWlnaHQgKDk1cHggZm9yIG1hcmtldHBsYWNlKVxuICBASW5wdXQoKSBzaWRlUGFkZGluZyA9ICcxN3B4JzsgLy8gZGVmYXVsdHMgdG8gcGFkZGluZyBvbiBwYXJ0bmVyIGNlbnRlciBidXNpbmVzcyBwYWRkaW5nICgzOHB4IGZvciBtYXJrZXRwbGFjZSlcblxuICByb3dzOiBudW1iZXJbXSA9IFtdOyAvLyB0aGlzIGlzIHRvIHR1cm4gdGhlIG51bWJlciBvZiByb3dzIGludG8gYW4gYXJiaXRyYXJ5IGxpc3Qgc28gd2UgY2FuIGxvb3AgdGhyb3VnaCB0aGVtXG4gIGxpc3RJdGVtUm93U3R5bGVzOiBhbnk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgZm9yIChsZXQgbiA9IDA7IG4gPCB0aGlzLm51bVJvd3M7IG4rKykge1xuICAgICAgdGhpcy5yb3dzLnB1c2gobik7XG4gICAgfVxuXG4gICAgLy8gaWYgeW91IHRoaW5rIHRoaXMgaXMgZ3Jvc3MgaSBhZ3JlZVxuICAgIC8vIGlmIHlvdSB0aGluayB0aGlzIGlzIGdyb3NzIGFuZCBhY3R1YWxseSBoYXZlIGEgc29sdXRpb24gaGl0IG1lIHVwIG90aGVyd2lzZSBqdXN0IGVuam95IHRoZSBtYWdpYy5cbiAgICAvLyBkZXRlcm1pbmUgdGhlIGhlaWdodCBvZiBlYWNoIHJvdyBmb3IgdGhlIHRhYmxlXG5cbiAgICB0aGlzLmxpc3RJdGVtUm93U3R5bGVzID0ge1xuICAgICAgJ2hlaWdodCc6IGAke3RoaXMucm93SGVpZ2h0fWAsXG4gICAgICAncGFkZGluZyc6IGAwICR7dGhpcy5zaWRlUGFkZGluZ31gXG4gICAgfVxuXG4gIH1cbn1cbiJdfQ==