@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
56 lines • 4.16 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input } from '@angular/core';
export class SukaTableSkeleton {
constructor() {
this.baseClass = true;
this.fullWidth = false;
this.skeleton = false;
this.columns = [];
this.rowNumber = 5;
this.rows = Array(this.rowNumber).fill(0).map((/**
* @param {?} x
* @param {?} i
* @return {?}
*/
(x, i) => i));
}
}
SukaTableSkeleton.decorators = [
{ type: Component, args: [{
selector: 'suka-table-skeleton, table[suka-table-skeleton]',
exportAs: 'sukaTableSkeleton',
template: `
<tr class="suka-header-row">
<th *ngFor="let column of columns" class="suka-header-cell"><div class="skeleton__text"></div></th>
</tr>
<tr class="suka-row" *ngFor="let row of rows">
<td *ngFor="let column of columns" class="suka-cell"><div class="skeleton__text"></div></td>
</tr>
`
}] }
];
SukaTableSkeleton.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.suka-table',] }],
fullWidth: [{ type: HostBinding, args: ['class.suka-table--full-width',] }, { type: Input }],
skeleton: [{ type: Input }],
columns: [{ type: Input }],
rowNumber: [{ type: Input }]
};
if (false) {
/** @type {?} */
SukaTableSkeleton.prototype.baseClass;
/** @type {?} */
SukaTableSkeleton.prototype.fullWidth;
/** @type {?} */
SukaTableSkeleton.prototype.skeleton;
/** @type {?} */
SukaTableSkeleton.prototype.columns;
/** @type {?} */
SukaTableSkeleton.prototype.rowNumber;
/** @type {?} */
SukaTableSkeleton.prototype.rows;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3RhYmxlL3RhYmxlLXNrZWxldG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBYzlELE1BQU0sT0FBTyxpQkFBaUI7SUFaOUI7UUFhbUMsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNJLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFL0QsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixZQUFPLEdBQUcsRUFBRSxDQUFDO1FBRWIsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUV2QixTQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRzs7Ozs7UUFBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBQyxDQUFDO0lBQ3hELENBQUM7OztZQXZCQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlEQUFpRDtnQkFDM0QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7YUFDRjs7O3dCQUVFLFdBQVcsU0FBQyxrQkFBa0I7d0JBQzlCLFdBQVcsU0FBQyw4QkFBOEIsY0FBRyxLQUFLO3VCQUVsRCxLQUFLO3NCQUVMLEtBQUs7d0JBRUwsS0FBSzs7OztJQVBOLHNDQUFrRDs7SUFDbEQsc0NBQXdFOztJQUV4RSxxQ0FBMEI7O0lBRTFCLG9DQUFzQjs7SUFFdEIsc0NBQXVCOztJQUV2QixpQ0FBc0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXRhYmxlLXNrZWxldG9uLCB0YWJsZVtzdWthLXRhYmxlLXNrZWxldG9uXScsXG4gIGV4cG9ydEFzOiAnc3VrYVRhYmxlU2tlbGV0b24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx0ciBjbGFzcz1cInN1a2EtaGVhZGVyLXJvd1wiPlxuICAgICAgPHRoICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uc1wiIGNsYXNzPVwic3VrYS1oZWFkZXItY2VsbFwiPjxkaXYgY2xhc3M9XCJza2VsZXRvbl9fdGV4dFwiPjwvZGl2PjwvdGg+XG4gICAgPC90cj5cbiAgICA8dHIgY2xhc3M9XCJzdWthLXJvd1wiICpuZ0Zvcj1cImxldCByb3cgb2Ygcm93c1wiPlxuICAgICAgPHRkICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uc1wiIGNsYXNzPVwic3VrYS1jZWxsXCI+PGRpdiBjbGFzcz1cInNrZWxldG9uX190ZXh0XCI+PC9kaXY+PC90ZD5cbiAgICA8L3RyPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTdWthVGFibGVTa2VsZXRvbiB7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3VrYS10YWJsZScpIGJhc2VDbGFzcyA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3VrYS10YWJsZS0tZnVsbC13aWR0aCcpIEBJbnB1dCgpIGZ1bGxXaWR0aCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNrZWxldG9uID0gZmFsc2U7XG5cbiAgQElucHV0KCkgY29sdW1ucyA9IFtdO1xuXG4gIEBJbnB1dCgpIHJvd051bWJlciA9IDU7XG5cbiAgcm93cyA9IEFycmF5KHRoaXMucm93TnVtYmVyKS5maWxsKDApLm1hcCgoeCwgaSkgPT4gaSk7XG59XG4iXX0=