@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>
65 lines • 4.92 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { CDK_TABLE_TEMPLATE, CdkTable } from '@angular/cdk/table';
import { ChangeDetectionStrategy, Component, ViewEncapsulation, HostBinding, Input } from '@angular/core';
/**
* Wrapper for the CdkTable with Suka design styles.
* @template T
*/
export class SukaTable extends CdkTable {
constructor() {
super(...arguments);
this.baseClass = true;
/**
* Set to `true` to make the table full width.
*/
this.fullWidth = false;
/**
* Set to `true` to apply hover styles to the table rows.
*/
this.hover = false;
/**
* Overrides the sticky CSS class set by the `CdkTable`.
*/
this.stickyCssClass = 'suka-table-sticky';
}
}
SukaTable.decorators = [
{ type: Component, args: [{
selector: 'suka-table, table[suka-table]',
exportAs: 'sukaTable',
template: CDK_TABLE_TEMPLATE,
providers: [{ provide: CdkTable, useExisting: SukaTable }],
encapsulation: ViewEncapsulation.None,
// See note on CdkTable for explanation on why this uses the default change detection strategy.
changeDetection: ChangeDetectionStrategy.Default
}] }
];
SukaTable.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.suka-table',] }],
fullWidth: [{ type: HostBinding, args: ['class.suka-table--full-width',] }, { type: Input }],
hover: [{ type: HostBinding, args: ['class.suka-table--hover',] }, { type: Input }]
};
if (false) {
/** @type {?} */
SukaTable.prototype.baseClass;
/**
* Set to `true` to make the table full width.
* @type {?}
*/
SukaTable.prototype.fullWidth;
/**
* Set to `true` to apply hover styles to the table rows.
* @type {?}
*/
SukaTable.prototype.hover;
/**
* Overrides the sticky CSS class set by the `CdkTable`.
* @type {?}
* @protected
*/
SukaTable.prototype.stickyCssClass;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFjMUcsTUFBTSxPQUFPLFNBQWEsU0FBUSxRQUFXO0lBVDdDOztRQVVtQyxjQUFTLEdBQUcsSUFBSSxDQUFDOzs7O1FBSUksY0FBUyxHQUFHLEtBQUssQ0FBQzs7OztRQUl2QixVQUFLLEdBQUcsS0FBSyxDQUFDOzs7O1FBRXJELG1CQUFjLEdBQUcsbUJBQW1CLENBQUM7SUFDakQsQ0FBQzs7O1lBckJBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsK0JBQStCO2dCQUN6QyxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsQ0FBQztnQkFDMUQsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2dCQUVyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsT0FBTzthQUNqRDs7O3dCQUVFLFdBQVcsU0FBQyxrQkFBa0I7d0JBSTlCLFdBQVcsU0FBQyw4QkFBOEIsY0FBRyxLQUFLO29CQUlsRCxXQUFXLFNBQUMseUJBQXlCLGNBQUcsS0FBSzs7OztJQVI5Qyw4QkFBa0Q7Ozs7O0lBSWxELDhCQUF3RTs7Ozs7SUFJeEUsMEJBQStEOzs7Ozs7SUFFL0QsbUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ0RLX1RBQkxFX1RFTVBMQVRFLCBDZGtUYWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90YWJsZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIENka1RhYmxlIHdpdGggU3VrYSBkZXNpZ24gc3R5bGVzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXRhYmxlLCB0YWJsZVtzdWthLXRhYmxlXScsXG4gIGV4cG9ydEFzOiAnc3VrYVRhYmxlJyxcbiAgdGVtcGxhdGU6IENES19UQUJMRV9URU1QTEFURSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBDZGtUYWJsZSwgdXNlRXhpc3Rpbmc6IFN1a2FUYWJsZSB9XSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgLy8gU2VlIG5vdGUgb24gQ2RrVGFibGUgZm9yIGV4cGxhbmF0aW9uIG9uIHdoeSB0aGlzIHVzZXMgdGhlIGRlZmF1bHQgY2hhbmdlIGRldGVjdGlvbiBzdHJhdGVneS5cbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxufSlcbmV4cG9ydCBjbGFzcyBTdWthVGFibGU8VD4gZXh0ZW5kcyBDZGtUYWJsZTxUPiB7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3VrYS10YWJsZScpIGJhc2VDbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBTZXQgdG8gYHRydWVgIHRvIG1ha2UgdGhlIHRhYmxlIGZ1bGwgd2lkdGguXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN1a2EtdGFibGUtLWZ1bGwtd2lkdGgnKSBASW5wdXQoKSBmdWxsV2lkdGggPSBmYWxzZTtcbiAgLyoqXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gYXBwbHkgaG92ZXIgc3R5bGVzIHRvIHRoZSB0YWJsZSByb3dzLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zdWthLXRhYmxlLS1ob3ZlcicpIEBJbnB1dCgpIGhvdmVyID0gZmFsc2U7XG4gIC8qKiBPdmVycmlkZXMgdGhlIHN0aWNreSBDU1MgY2xhc3Mgc2V0IGJ5IHRoZSBgQ2RrVGFibGVgLiAqL1xuICBwcm90ZWN0ZWQgc3RpY2t5Q3NzQ2xhc3MgPSAnc3VrYS10YWJsZS1zdGlja3knO1xufVxuIl19