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>

162 lines 12.5 kB
/** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ // tslint:disable: no-host-metadata-property directive-selector import { Directive, ElementRef, Input } from '@angular/core'; import { CdkCell, CdkCellDef, CdkColumnDef, CdkFooterCell, CdkFooterCellDef, CdkHeaderCell, CdkHeaderCellDef, } from '@angular/cdk/table'; /** * Cell definition for the suka-table. * Captures the template of a column's data row cell as well as cell-specific properties. */ export class SukaCellDef extends CdkCellDef { } SukaCellDef.decorators = [ { type: Directive, args: [{ selector: '[sukaCellDef]', providers: [{ provide: CdkCellDef, useExisting: SukaCellDef }] },] } ]; /** * Header cell definition for the suka-table. * Captures the template of a column's header cell and as well as cell-specific properties. */ export class SukaHeaderCellDef extends CdkHeaderCellDef { } SukaHeaderCellDef.decorators = [ { type: Directive, args: [{ selector: '[sukaHeaderCellDef]', providers: [{ provide: CdkHeaderCellDef, useExisting: SukaHeaderCellDef }] },] } ]; /** * Footer cell definition for the suka-table. * Captures the template of a column's footer cell and as well as cell-specific properties. */ export class SukaFooterCellDef extends CdkFooterCellDef { } SukaFooterCellDef.decorators = [ { type: Directive, args: [{ selector: '[sukaFooterCellDef]', providers: [{ provide: CdkFooterCellDef, useExisting: SukaFooterCellDef }] },] } ]; /** * Column definition for the suka-table. * Defines a set of cells available for a table column. */ export class SukaColumnDef extends CdkColumnDef { } SukaColumnDef.decorators = [ { type: Directive, args: [{ selector: '[sukaColumnDef]', providers: [ { provide: CdkColumnDef, useExisting: SukaColumnDef }, { provide: 'SUKA_SORT_HEADER_COLUMN_DEF', useExisting: SukaColumnDef } ], },] } ]; SukaColumnDef.propDecorators = { name: [{ type: Input, args: ['sukaColumnDef',] }], sticky: [{ type: Input }], stickyEnd: [{ type: Input }] }; if (false) { /** * Unique name for this column. * @type {?} */ SukaColumnDef.prototype.name; /** * Whether this column should be sticky positioned at the start of the row * @type {?} */ SukaColumnDef.prototype.sticky; /** * Whether this column should be sticky positioned on the end of the row * @type {?} */ SukaColumnDef.prototype.stickyEnd; } /** * Header cell template container that adds the right classes and role. */ export class SukaHeaderCell extends CdkHeaderCell { /** * @param {?} columnDef * @param {?} elementRef */ constructor(columnDef, elementRef) { super(columnDef, elementRef); elementRef.nativeElement.classList.add(`suka-column-${columnDef.cssClassFriendlyName}`); } } SukaHeaderCell.decorators = [ { type: Directive, args: [{ selector: 'suka-header-cell, th[suka-header-cell]', host: { class: 'suka-header-cell', role: 'columnheader', }, },] } ]; /** @nocollapse */ SukaHeaderCell.ctorParameters = () => [ { type: CdkColumnDef }, { type: ElementRef } ]; /** * Footer cell template container that adds the right classes and role. */ export class SukaFooterCell extends CdkFooterCell { /** * @param {?} columnDef * @param {?} elementRef */ constructor(columnDef, elementRef) { super(columnDef, elementRef); elementRef.nativeElement.classList.add(`suka-column-${columnDef.cssClassFriendlyName}`); } } SukaFooterCell.decorators = [ { type: Directive, args: [{ selector: 'suka-footer-cell, td[suka-footer-cell]', host: { class: 'suka-footer-cell', role: 'gridcell', }, },] } ]; /** @nocollapse */ SukaFooterCell.ctorParameters = () => [ { type: CdkColumnDef }, { type: ElementRef } ]; /** * Cell template container that adds the right classes and role. */ export class SukaCell extends CdkCell { /** * @param {?} columnDef * @param {?} elementRef */ constructor(columnDef, elementRef) { super(columnDef, elementRef); elementRef.nativeElement.classList.add(`suka-column-${columnDef.cssClassFriendlyName}`); } } SukaCell.decorators = [ { type: Directive, args: [{ selector: 'suka-cell, td[suka-cell]', host: { class: 'suka-cell', role: 'gridcell', }, },] } ]; /** @nocollapse */ SukaCell.ctorParameters = () => [ { type: CdkColumnDef }, { type: ElementRef } ]; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi90YWJsZS9jZWxsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFDTCxPQUFPLEVBQ1AsVUFBVSxFQUNWLFlBQVksRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLEVBQzdDLGFBQWEsRUFDYixnQkFBZ0IsR0FDakIsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7QUFVNUIsTUFBTSxPQUFPLFdBQVksU0FBUSxVQUFVOzs7WUFKMUMsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2dCQUN6QixTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxDQUFDO2FBQy9EOzs7Ozs7QUFXRCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsZ0JBQWdCOzs7WUFKdEQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxDQUFDO2FBQzNFOzs7Ozs7QUFXRCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsZ0JBQWdCOzs7WUFKdEQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxDQUFDO2FBQzNFOzs7Ozs7QUFjRCxNQUFNLE9BQU8sYUFBYyxTQUFRLFlBQVk7OztZQVA5QyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsU0FBUyxFQUFFO29CQUNULEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFO29CQUNyRCxFQUFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFO2lCQUN2RTthQUNGOzs7bUJBR0UsS0FBSyxTQUFDLGVBQWU7cUJBR3JCLEtBQUs7d0JBR0wsS0FBSzs7Ozs7OztJQU5OLDZCQUFxQzs7Ozs7SUFHckMsK0JBQXlCOzs7OztJQUd6QixrQ0FBNEI7Ozs7O0FBVzlCLE1BQU0sT0FBTyxjQUFlLFNBQVEsYUFBYTs7Ozs7SUFDL0MsWUFDRSxTQUF1QixFQUN2QixVQUFtQztRQUduQyxLQUFLLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzdCLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLFNBQVMsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDMUYsQ0FBQzs7O1lBZkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3Q0FBd0M7Z0JBQ2xELElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsa0JBQWtCO29CQUN6QixJQUFJLEVBQUUsY0FBYztpQkFDckI7YUFDRjs7OztZQWhFQyxZQUFZO1lBSk0sVUFBVTs7Ozs7QUF3RjlCLE1BQU0sT0FBTyxjQUFlLFNBQVEsYUFBYTs7Ozs7SUFDL0MsWUFDRSxTQUF1QixFQUN2QixVQUFzQjtRQUV0QixLQUFLLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzdCLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLFNBQVMsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDMUYsQ0FBQzs7O1lBZEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx3Q0FBd0M7Z0JBQ2xELElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsa0JBQWtCO29CQUN6QixJQUFJLEVBQUUsVUFBVTtpQkFDakI7YUFDRjs7OztZQW5GQyxZQUFZO1lBSk0sVUFBVTs7Ozs7QUEwRzlCLE1BQU0sT0FBTyxRQUFTLFNBQVEsT0FBTzs7Ozs7SUFDbkMsWUFDRSxTQUF1QixFQUN2QixVQUFtQztRQUVuQyxLQUFLLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzdCLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxlQUFlLFNBQVMsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLENBQUM7SUFDMUYsQ0FBQzs7O1lBZEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSwwQkFBMEI7Z0JBQ3BDLElBQUksRUFBRTtvQkFDSixLQUFLLEVBQUUsV0FBVztvQkFDbEIsSUFBSSxFQUFFLFVBQVU7aUJBQ2pCO2FBQ0Y7Ozs7WUFyR0MsWUFBWTtZQUpNLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyIvLyB0c2xpbnQ6ZGlzYWJsZTogbm8taG9zdC1tZXRhZGF0YS1wcm9wZXJ0eSBkaXJlY3RpdmUtc2VsZWN0b3JcbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENka0NlbGwsXG4gIENka0NlbGxEZWYsXG4gIENka0NvbHVtbkRlZiwgQ2RrRm9vdGVyQ2VsbCwgQ2RrRm9vdGVyQ2VsbERlZixcbiAgQ2RrSGVhZGVyQ2VsbCxcbiAgQ2RrSGVhZGVyQ2VsbERlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RhYmxlJztcblxuLyoqXG4gKiBDZWxsIGRlZmluaXRpb24gZm9yIHRoZSBzdWthLXRhYmxlLlxuICogQ2FwdHVyZXMgdGhlIHRlbXBsYXRlIG9mIGEgY29sdW1uJ3MgZGF0YSByb3cgY2VsbCBhcyB3ZWxsIGFzIGNlbGwtc3BlY2lmaWMgcHJvcGVydGllcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FDZWxsRGVmXScsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ2RrQ2VsbERlZiwgdXNlRXhpc3Rpbmc6IFN1a2FDZWxsRGVmIH1dXG59KVxuZXhwb3J0IGNsYXNzIFN1a2FDZWxsRGVmIGV4dGVuZHMgQ2RrQ2VsbERlZiB7IH1cblxuLyoqXG4gKiBIZWFkZXIgY2VsbCBkZWZpbml0aW9uIGZvciB0aGUgc3VrYS10YWJsZS5cbiAqIENhcHR1cmVzIHRoZSB0ZW1wbGF0ZSBvZiBhIGNvbHVtbidzIGhlYWRlciBjZWxsIGFuZCBhcyB3ZWxsIGFzIGNlbGwtc3BlY2lmaWMgcHJvcGVydGllcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FIZWFkZXJDZWxsRGVmXScsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ2RrSGVhZGVyQ2VsbERlZiwgdXNlRXhpc3Rpbmc6IFN1a2FIZWFkZXJDZWxsRGVmIH1dXG59KVxuZXhwb3J0IGNsYXNzIFN1a2FIZWFkZXJDZWxsRGVmIGV4dGVuZHMgQ2RrSGVhZGVyQ2VsbERlZiB7IH1cblxuLyoqXG4gKiBGb290ZXIgY2VsbCBkZWZpbml0aW9uIGZvciB0aGUgc3VrYS10YWJsZS5cbiAqIENhcHR1cmVzIHRoZSB0ZW1wbGF0ZSBvZiBhIGNvbHVtbidzIGZvb3RlciBjZWxsIGFuZCBhcyB3ZWxsIGFzIGNlbGwtc3BlY2lmaWMgcHJvcGVydGllcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FGb290ZXJDZWxsRGVmXScsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ2RrRm9vdGVyQ2VsbERlZiwgdXNlRXhpc3Rpbmc6IFN1a2FGb290ZXJDZWxsRGVmIH1dXG59KVxuZXhwb3J0IGNsYXNzIFN1a2FGb290ZXJDZWxsRGVmIGV4dGVuZHMgQ2RrRm9vdGVyQ2VsbERlZiB7IH1cblxuLyoqXG4gKiBDb2x1bW4gZGVmaW5pdGlvbiBmb3IgdGhlIHN1a2EtdGFibGUuXG4gKiBEZWZpbmVzIGEgc2V0IG9mIGNlbGxzIGF2YWlsYWJsZSBmb3IgYSB0YWJsZSBjb2x1bW4uXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthQ29sdW1uRGVmXScsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQ2RrQ29sdW1uRGVmLCB1c2VFeGlzdGluZzogU3VrYUNvbHVtbkRlZiB9LFxuICAgIHsgcHJvdmlkZTogJ1NVS0FfU09SVF9IRUFERVJfQ09MVU1OX0RFRicsIHVzZUV4aXN0aW5nOiBTdWthQ29sdW1uRGVmIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3VrYUNvbHVtbkRlZiBleHRlbmRzIENka0NvbHVtbkRlZiB7XG4gIC8qKiBVbmlxdWUgbmFtZSBmb3IgdGhpcyBjb2x1bW4uICovXG4gIEBJbnB1dCgnc3VrYUNvbHVtbkRlZicpIG5hbWU6IHN0cmluZztcblxuICAvKiogV2hldGhlciB0aGlzIGNvbHVtbiBzaG91bGQgYmUgc3RpY2t5IHBvc2l0aW9uZWQgYXQgdGhlIHN0YXJ0IG9mIHRoZSByb3cgKi9cbiAgQElucHV0KCkgc3RpY2t5OiBib29sZWFuO1xuXG4gIC8qKiBXaGV0aGVyIHRoaXMgY29sdW1uIHNob3VsZCBiZSBzdGlja3kgcG9zaXRpb25lZCBvbiB0aGUgZW5kIG9mIHRoZSByb3cgKi9cbiAgQElucHV0KCkgc3RpY2t5RW5kOiBib29sZWFuO1xufVxuXG4vKiogSGVhZGVyIGNlbGwgdGVtcGxhdGUgY29udGFpbmVyIHRoYXQgYWRkcyB0aGUgcmlnaHQgY2xhc3NlcyBhbmQgcm9sZS4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3N1a2EtaGVhZGVyLWNlbGwsIHRoW3N1a2EtaGVhZGVyLWNlbGxdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc3VrYS1oZWFkZXItY2VsbCcsXG4gICAgcm9sZTogJ2NvbHVtbmhlYWRlcicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFN1a2FIZWFkZXJDZWxsIGV4dGVuZHMgQ2RrSGVhZGVyQ2VsbCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIGNvbHVtbkRlZjogQ2RrQ29sdW1uRGVmLFxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gICkge1xuXG4gICAgc3VwZXIoY29sdW1uRGVmLCBlbGVtZW50UmVmKTtcbiAgICBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZChgc3VrYS1jb2x1bW4tJHtjb2x1bW5EZWYuY3NzQ2xhc3NGcmllbmRseU5hbWV9YCk7XG4gIH1cbn1cblxuLyoqIEZvb3RlciBjZWxsIHRlbXBsYXRlIGNvbnRhaW5lciB0aGF0IGFkZHMgdGhlIHJpZ2h0IGNsYXNzZXMgYW5kIHJvbGUuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzdWthLWZvb3Rlci1jZWxsLCB0ZFtzdWthLWZvb3Rlci1jZWxsXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3N1a2EtZm9vdGVyLWNlbGwnLFxuICAgIHJvbGU6ICdncmlkY2VsbCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFN1a2FGb290ZXJDZWxsIGV4dGVuZHMgQ2RrRm9vdGVyQ2VsbCB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIGNvbHVtbkRlZjogQ2RrQ29sdW1uRGVmLFxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7XG4gICAgc3VwZXIoY29sdW1uRGVmLCBlbGVtZW50UmVmKTtcbiAgICBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZChgc3VrYS1jb2x1bW4tJHtjb2x1bW5EZWYuY3NzQ2xhc3NGcmllbmRseU5hbWV9YCk7XG4gIH1cbn1cblxuLyoqIENlbGwgdGVtcGxhdGUgY29udGFpbmVyIHRoYXQgYWRkcyB0aGUgcmlnaHQgY2xhc3NlcyBhbmQgcm9sZS4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3N1a2EtY2VsbCwgdGRbc3VrYS1jZWxsXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3N1a2EtY2VsbCcsXG4gICAgcm9sZTogJ2dyaWRjZWxsJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU3VrYUNlbGwgZXh0ZW5kcyBDZGtDZWxsIHtcbiAgY29uc3RydWN0b3IoXG4gICAgY29sdW1uRGVmOiBDZGtDb2x1bW5EZWYsXG4gICAgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgKSB7XG4gICAgc3VwZXIoY29sdW1uRGVmLCBlbGVtZW50UmVmKTtcbiAgICBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZChgc3VrYS1jb2x1bW4tJHtjb2x1bW5EZWYuY3NzQ2xhc3NGcmllbmRseU5hbWV9YCk7XG4gIH1cbn1cbiJdfQ==