UNPKG

@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
/** * @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