@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>
70 lines • 5.28 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
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
*/
var SukaTable = /** @class */ (function (_super) {
tslib_1.__extends(SukaTable, _super);
function SukaTable() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_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';
return _this;
}
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 }]
};
return SukaTable;
}(CdkTable));
export { SukaTable };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBSzFHO0lBU2tDLHFDQUFXO0lBVDdDO1FBQUEscUVBcUJDO1FBWGtDLGVBQVMsR0FBRyxJQUFJLENBQUM7Ozs7UUFJSSxlQUFTLEdBQUcsS0FBSyxDQUFDOzs7O1FBSXZCLFdBQUssR0FBRyxLQUFLLENBQUM7Ozs7UUFFckQsb0JBQWMsR0FBRyxtQkFBbUIsQ0FBQzs7SUFDakQsQ0FBQzs7Z0JBckJBLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsK0JBQStCO29CQUN6QyxRQUFRLEVBQUUsV0FBVztvQkFDckIsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsQ0FBQztvQkFDMUQsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O29CQUVyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsT0FBTztpQkFDakQ7Ozs0QkFFRSxXQUFXLFNBQUMsa0JBQWtCOzRCQUk5QixXQUFXLFNBQUMsOEJBQThCLGNBQUcsS0FBSzt3QkFJbEQsV0FBVyxTQUFDLHlCQUF5QixjQUFHLEtBQUs7O0lBR2hELGdCQUFDO0NBQUEsQUFyQkQsQ0FTa0MsUUFBUSxHQVl6QztTQVpZLFNBQVM7OztJQUNwQiw4QkFBa0Q7Ozs7O0lBSWxELDhCQUF3RTs7Ozs7SUFJeEUsMEJBQStEOzs7Ozs7SUFFL0QsbUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ0RLX1RBQkxFX1RFTVBMQVRFLCBDZGtUYWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90YWJsZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIENka1RhYmxlIHdpdGggU3VrYSBkZXNpZ24gc3R5bGVzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXRhYmxlLCB0YWJsZVtzdWthLXRhYmxlXScsXG4gIGV4cG9ydEFzOiAnc3VrYVRhYmxlJyxcbiAgdGVtcGxhdGU6IENES19UQUJMRV9URU1QTEFURSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBDZGtUYWJsZSwgdXNlRXhpc3Rpbmc6IFN1a2FUYWJsZSB9XSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgLy8gU2VlIG5vdGUgb24gQ2RrVGFibGUgZm9yIGV4cGxhbmF0aW9uIG9uIHdoeSB0aGlzIHVzZXMgdGhlIGRlZmF1bHQgY2hhbmdlIGRldGVjdGlvbiBzdHJhdGVneS5cbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0LFxufSlcbmV4cG9ydCBjbGFzcyBTdWthVGFibGU8VD4gZXh0ZW5kcyBDZGtUYWJsZTxUPiB7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc3VrYS10YWJsZScpIGJhc2VDbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBTZXQgdG8gYHRydWVgIHRvIG1ha2UgdGhlIHRhYmxlIGZ1bGwgd2lkdGguXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnN1a2EtdGFibGUtLWZ1bGwtd2lkdGgnKSBASW5wdXQoKSBmdWxsV2lkdGggPSBmYWxzZTtcbiAgLyoqXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gYXBwbHkgaG92ZXIgc3R5bGVzIHRvIHRoZSB0YWJsZSByb3dzLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zdWthLXRhYmxlLS1ob3ZlcicpIEBJbnB1dCgpIGhvdmVyID0gZmFsc2U7XG4gIC8qKiBPdmVycmlkZXMgdGhlIHN0aWNreSBDU1MgY2xhc3Mgc2V0IGJ5IHRoZSBgQ2RrVGFibGVgLiAqL1xuICBwcm90ZWN0ZWQgc3RpY2t5Q3NzQ2xhc3MgPSAnc3VrYS10YWJsZS1zdGlja3knO1xufVxuIl19