@progress/kendo-angular-grid 7.0.0-dev.202201261657 → 7.0.0-next.202204010918

package/dist/es/rendering/no-records-template.directive.js

@@ -1,84 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
-/**
- * Represents the no-records template of the Grid. Provides an option to customize the
- * appearance of the item that is displayed when no data is present. To define the no-records template,
- * nest an `<ng-template>` tag with the `kendoGridNoRecordsTemplate` directive inside `<kendo-grid>`.
- *
- * > When the locked columns of the Grid are in use, the template is displayed in the non-locked part of the content.
- *
- * @example
- * ```ts-preview
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *       <kendo-grid [data]="data">
- *         <kendo-grid-column field="ProductID"></kendo-grid-column>
- *         <kendo-grid-column field="ProductName"></kendo-grid-column>
- *         <kendo-grid-column field="UnitPrice"></kendo-grid-column>
- *         <ng-template kendoGridNoRecordsTemplate>
- *            There are not products. <a href="#" (click)="refresh()">Click here to refresh</a>.
- *         </ng-template>
- *       </kendo-grid>
- *   `
- * })
- *
- * class AppComponent {
- *     public data = [];
- *     public refresh() {
- *       this.data = [{
- *            "ProductID": 1,
- *            "ProductName": "Chai",
- *            "UnitPrice": 18.0000,
- *            "Discontinued": false,
- *            "Category": {
- *                "CategoryID": 1,
- *                "CategoryName": "Beverages",
- *                "Description": "Soft drinks, coffees, teas, beers, and ales"
- *            }
- *          }, {
- *            "ProductID": 2,
- *            "ProductName": "Chang",
- *            "UnitPrice": 19.0000,
- *            "Discontinued": false,
- *            "Category": {
- *                "CategoryID": 1,
- *                "CategoryName": "Beverages",
- *                "Description": "Soft drinks, coffees, teas, beers, and ales"
- *            }
- *          }, {
- *            "ProductID": 3,
- *            "ProductName": "Aniseed Syrup",
- *            "UnitPrice": 10.0000,
- *            "Discontinued": false,
- *            "Category": {
- *                "CategoryID": 2,
- *                "CategoryName": "Condiments",
- *                "Description": "Sweet and savory sauces, relishes, spreads, and seasonings"
- *            }
- *        }];
- *
- *     }
- * }
- *
- * ```
- */
-var NoRecordsTemplateDirective = /** @class */ (function () {
-    function NoRecordsTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    NoRecordsTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoGridNoRecordsTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], NoRecordsTemplateDirective);
-    return NoRecordsTemplateDirective;
-}());
-export { NoRecordsTemplateDirective };

package/dist/es/rendering/table-body.component.js

@@ -1,506 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { nodesToArray } from './../utils';
-import { Component, Input, NgZone, Renderer2, ElementRef, TemplateRef } from '@angular/core';
-import { DetailTemplateDirective } from './details/detail-template.directive';
-import { GroupsService } from '../grouping/groups.service';
-import { ChangeNotificationService } from '../data/change-notification.service';
-import { isChanged, isPresent } from '../utils';
-import { NoRecordsTemplateDirective } from './no-records-template.directive';
-import { EditService } from '../editing/edit.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { columnsSpan, columnsToRender } from "../columns/column-common";
-import { closest, closestInScope, hasClasses, isFocusableWithTabKey, matchesClasses, matchesNodeName } from './common/dom-queries';
-import { DomEventsService } from '../common/dom-events.service';
-import { SelectionService } from "../selection/selection.service";
-import { ColumnInfoService } from "../common/column-info.service";
-import { hasFilterRow } from '../filtering/filterable';
-import { NavigationService } from '../navigation/navigation.service';
-import { Keys } from '@progress/kendo-angular-common';
-import { defaultTrackBy } from '../common/default-track-by';
-import { DetailsService } from './details/details.service';
-import { NON_DATA_CELL_CLASSES, NON_DATA_ROW_CLASSES, IGNORE_TARGET_CLASSSES, IGNORE_CONTAINER_CLASSES } from './constants';
-import { CellSelectionService } from '../selection/cell-selection.service';
-var columnCellIndex = function (cell, cells) {
-    var cellIndex = 0;
-    for (var idx = 0; idx < cells.length; idx++) {
-        if (cells[idx] === cell) {
-            return cellIndex;
-        }
-        if (!hasClasses(cells[idx], 'k-hierarchy-cell k-group-cell')) {
-            cellIndex++;
-        }
-    }
-};
-var ɵ0 = columnCellIndex;
-/**
- * @hidden
- */
-var TableBodyComponent = /** @class */ (function () {
-    function TableBodyComponent(detailsService, groupsService, changeNotification, editService, localization, ngZone, renderer, element, domEvents, selectionService, cellSelectionService, columnInfoService, navigationService) {
-        var _this = this;
-        this.detailsService = detailsService;
-        this.groupsService = groupsService;
-        this.changeNotification = changeNotification;
-        this.editService = editService;
-        this.localization = localization;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.element = element;
-        this.domEvents = domEvents;
-        this.selectionService = selectionService;
-        this.cellSelectionService = cellSelectionService;
-        this.columnInfoService = columnInfoService;
-        this.navigationService = navigationService;
-        this.columns = [];
-        this.groups = [];
-        this.skip = 0;
-        this.noRecordsText = this.localization.get('noRecords');
-        this.isLocked = false;
-        this.skipGroupDecoration = false;
-        this.showGroupFooters = false;
-        this.lockedColumnsCount = 0;
-        this.totalColumnsCount = 0;
-        this.trackBy = defaultTrackBy;
-        this.rowClass = function () { return null; };
-        this.cellKeydownSubscription = this.navigationService.cellKeydown.subscribe(function (args) { return _this.cellKeydownHandler(args); });
-        this.trackByWrapper = this.trackByWrapper.bind(this);
-        this.trackByColumns = this.trackByColumns.bind(this);
-    }
-    Object.defineProperty(TableBodyComponent.prototype, "newDataItem", {
-        get: function () {
-            return this.editService.newDataItem;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableBodyComponent.prototype, "unlockedColumnsCount", {
-        // Number of unlocked columns in the next table, if any
-        get: function () {
-            return this.totalColumnsCount - this.lockedColumnsCount - (this.allColumns || this.columns).length;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TableBodyComponent.prototype.isAriaSelected = function (item, column) {
-        return this.cellSelectionService.isCellSelected(item, column) ||
-            this.isRowSelected(item) ? 'true' : 'false';
-    };
-    TableBodyComponent.prototype.toggleRow = function (index, dataItem) {
-        this.detailsService.toggleRow(index, dataItem);
-        return false;
-    };
-    TableBodyComponent.prototype.isExpanded = function (viewItem) {
-        return this.detailsService.isExpanded(viewItem.index, viewItem.data);
-    };
-    TableBodyComponent.prototype.detailButtonStyles = function (viewItem) {
-        var expanded = this.isExpanded(viewItem);
-        return expanded ? 'k-i-minus' : 'k-i-plus';
-    };
-    TableBodyComponent.prototype.detailButtonTitle = function (viewItem) {
-        var messageKey = this.isExpanded(viewItem) ? 'detailCollapse' : 'detailExpand';
-        return this.localization.get(messageKey);
-    };
-    TableBodyComponent.prototype.isGroup = function (item) {
-        return item.type === 'group';
-    };
-    TableBodyComponent.prototype.isDataItem = function (item) {
-        return !this.isGroup(item) && !this.isFooter(item);
-    };
-    TableBodyComponent.prototype.isFooter = function (item) {
-        return item.type === 'footer';
-    };
-    TableBodyComponent.prototype.isFooterItemInExpandedGroup = function (item) {
-        var footerItem = { data: item.data, index: item.groupIndex, parentGroup: item.group.parentGroup };
-        return this.isInExpandedGroup(footerItem);
-    };
-    TableBodyComponent.prototype.isDataItemInExpandedGroup = function (item) {
-        var dataItem = { data: item.group.data, index: item.groupIndex, parentGroup: item.group.parentGroup };
-        return this.isInExpandedGroup(dataItem);
-    };
-    TableBodyComponent.prototype.isInExpandedGroup = function (item) {
-        return this.groupsService.isInExpandedGroup(item);
-    };
-    TableBodyComponent.prototype.isParentGroupExpanded = function (item) {
-        return this.groupsService.isInExpandedGroup(item.parentGroup);
-    };
-    TableBodyComponent.prototype.isOdd = function (item) {
-        return item.index % 2 !== 0;
-    };
-    TableBodyComponent.prototype.isSelectable = function () {
-        return this.selectable && this.selectable.enabled !== false;
-    };
-    TableBodyComponent.prototype.isRowSelected = function (item) {
-        return this.selectionService.isSelected(item.index);
-    };
-    TableBodyComponent.prototype.trackByWrapper = function (index, item) {
-        if (item.type === 'data') {
-            item.isEditing = this.editService.hasEdited(item.index);
-        }
-        return this.trackBy(index, item);
-    };
-    TableBodyComponent.prototype.trackByColumns = function (index, item) {
-        return this.virtualColumns ? index : item;
-    };
-    TableBodyComponent.prototype.ngDoCheck = function () {
-        if (this.hasGroupHeaderColumn) {
-            this.groupHeaderColumns = columnsToRender(this.skipGroupDecoration ? this.columns : this.columns.toArray().slice(1));
-        }
-        else {
-            this.groupHeaderColumns = [];
-        }
-        if (this.isLocked) {
-            this.groupHeaderSlaveCellsCount =
-                this.hasGroupHeaderColumn ? this.columnsContainer.nonLockedColumnsToRender.length : 1;
-        }
-        else {
-            this.groupHeaderSlaveCellsCount = 0;
-        }
-    };
-    TableBodyComponent.prototype.ngAfterViewChecked = function () {
-        if (this.rowSticky) {
-            this.applyStickyRowsStyling();
-        }
-    };
-    TableBodyComponent.prototype.ngOnChanges = function (changes) {
-        if (isChanged('columns', changes, false)) {
-            this.changeNotification.notify();
-        }
-    };
-    TableBodyComponent.prototype.logicalRowIndex = function (rowIndex) {
-        var pos = this.skip + rowIndex;
-        if (this.hasDetailTemplate) {
-            pos *= 2;
-        }
-        var absoluteRowIndex = 1 + pos;
-        var addRowOffset = this.editService.hasNewItem ? 1 : 0;
-        var filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;
-        var headerRowCount = this.columnInfoService.totalLevels + filterRowOffset + addRowOffset;
-        return absoluteRowIndex + headerRowCount;
-    };
-    TableBodyComponent.prototype.addRowLogicalIndex = function () {
-        return this.columnInfoService.totalLevels + 1 +
-            (hasFilterRow(this.filterable) ? 1 : 0);
-    };
-    TableBodyComponent.prototype.logicalColIndex = function (column) {
-        if (!isPresent(column.leafIndex)) {
-            return -1;
-        }
-        return column.leafIndex + (this.hasDetailTemplate ? 1 : 0);
-    };
-    TableBodyComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            var clickHandler = _this.clickHandler.bind(_this);
-            var mousedownSubscription = _this.renderer.listen(_this.element.nativeElement, 'mousedown', clickHandler);
-            var mouseupSubscription = _this.renderer.listen(_this.element.nativeElement, 'mouseup', clickHandler);
-            var clickSubscription = _this.renderer.listen(_this.element.nativeElement, 'click', clickHandler);
-            var contextmenuSubscription = _this.renderer.listen(_this.element.nativeElement, 'contextmenu', clickHandler);
-            var touchstartSubscription = _this.renderer.listen(_this.element.nativeElement, 'touchstart', clickHandler);
-            var touchendSubscription = _this.renderer.listen(_this.element.nativeElement, 'touchend', clickHandler);
-            _this.clickSubscription = function () {
-                mousedownSubscription();
-                mouseupSubscription();
-                clickSubscription();
-                contextmenuSubscription();
-            };
-            _this.touchSubscription = function () {
-                touchstartSubscription();
-                touchendSubscription();
-            };
-        });
-        var originalNoRecordText = this.localization.get('noRecords');
-        this.localization.changes.subscribe(function () {
-            if (_this.noRecordsText === originalNoRecordText) {
-                _this.noRecordsText = _this.localization.get('noRecords');
-                originalNoRecordText = _this.noRecordsText;
-            }
-        });
-    };
-    TableBodyComponent.prototype.ngOnDestroy = function () {
-        if (this.clickSubscription) {
-            this.clickSubscription();
-        }
-        if (this.touchSubscription) {
-            this.touchSubscription();
-        }
-        this.cellKeydownSubscription.unsubscribe();
-        clearTimeout(this.clickTimeout);
-    };
-    TableBodyComponent.prototype.isEditingCell = function (index, column) {
-        return this.editService.isEditing() && this.editService.isEditedColumn(index, column);
-    };
-    TableBodyComponent.prototype.isEditingRow = function (index) {
-        return this.editService.isEditing() && this.editService.hasEdited(index);
-    };
-    Object.defineProperty(TableBodyComponent.prototype, "hasGroupHeaderColumn", {
-        get: function () {
-            return this.columnsContainer.hasGroupHeaderColumn;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableBodyComponent.prototype, "columnsContainer", {
-        get: function () {
-            return this.columnInfoService.columnsContainer;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableBodyComponent.prototype, "columnsSpan", {
-        get: function () {
-            return columnsSpan(this.columns);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableBodyComponent.prototype, "allColumnsSpan", {
-        get: function () {
-            return columnsSpan(this.allColumns || this.columns);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableBodyComponent.prototype, "colSpan", {
-        get: function () {
-            return this.columnsSpan + this.groups.length + (this.hasDetailTemplate ? 1 : 0);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TableBodyComponent.prototype, "footerColumns", {
-        get: function () {
-            return this.isLocked ? this.columnsContainer.lockedColumnsToRender : this.columnsContainer.nonLockedColumnsToRender;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TableBodyComponent.prototype.showGroupHeader = function (item) {
-        return !item.data.skipHeader;
-    };
-    TableBodyComponent.prototype.addStickyColumnStyles = function (column) {
-        var stickyStyles = this.columnInfoService.stickyColumnsStyles(column);
-        return tslib_1.__assign({}, column.style, stickyStyles);
-    };
-    TableBodyComponent.prototype.resizeHandler = function () {
-        this.applyStickyRowsStyling();
-    };
-    Object.defineProperty(TableBodyComponent.prototype, "hasDetailTemplate", {
-        get: function () {
-            return isPresent(this.detailTemplate);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TableBodyComponent.prototype.clickHandler = function (eventArg) {
-        var _this = this;
-        var element = this.element.nativeElement;
-        var target = this.eventTarget(eventArg);
-        var cell, row, body, gridElement;
-        var currentTarget = target;
-        do {
-            cell = closest(currentTarget, matchesNodeName('td'));
-            row = closest(cell, matchesNodeName('tr'));
-            body = closest(row, matchesNodeName('tbody'));
-            currentTarget = body;
-            gridElement = closestInScope(currentTarget, matchesClasses('k-grid'), element);
-        } while (body && body !== element && !gridElement);
-        if (cell && !hasClasses(cell, NON_DATA_CELL_CLASSES) &&
-            !hasClasses(row, NON_DATA_ROW_CLASSES) &&
-            body === element && !gridElement) {
-            this.editService.preventCellClose();
-            var focusable = target !== cell && isFocusableWithTabKey(target, false);
-            if (!focusable && !matchesNodeName('label')(target) && !hasClasses(target, IGNORE_TARGET_CLASSSES) &&
-                !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell)) {
-                var args_1 = this.cellClickArgs(cell, row, eventArg);
-                if (eventArg.type === 'mousedown' || eventArg.type === 'touchstart') {
-                    this.domEvents.cellMousedown.emit(args_1);
-                }
-                else if (eventArg.type === 'mouseup' || eventArg.type === 'touchend') {
-                    this.domEvents.cellMouseup.emit(args_1);
-                }
-                else {
-                    if (args_1.isEditedColumn || !this.editService.closeCell(eventArg)) {
-                        if (eventArg.type === 'click') {
-                            this.clickTimeout = setTimeout(function () {
-                                _this.emitCellClick(args_1);
-                            }, 0);
-                        }
-                        else {
-                            this.emitCellClick(args_1);
-                        }
-                    }
-                }
-            }
-        }
-    };
-    TableBodyComponent.prototype.emitCellClick = function (args) {
-        this.domEvents.cellClick.emit(Object.assign(args, {
-            isEdited: args.isEditedRow || args.isEditedColumn
-        }));
-    };
-    TableBodyComponent.prototype.cellKeydownHandler = function (args) {
-        if (args.keyCode === Keys.Enter) {
-            this.clickHandler(args);
-        }
-    };
-    TableBodyComponent.prototype.cellClickArgs = function (cell, row, eventArg) {
-        var index = columnCellIndex(cell, row.cells);
-        var column = this.columns.toArray()[index];
-        var columnIndex = this.lockedColumnsCount + index;
-        var rowIndex = row.getAttribute('data-kendo-grid-item-index');
-        rowIndex = rowIndex ? parseInt(rowIndex, 10) : -1;
-        var dataItem = rowIndex === -1 ? this.editService.newDataItem : this.data.at(rowIndex - this.skip);
-        var isEditedColumn = this.editService.isEditedColumn(rowIndex, column);
-        var isEditedRow = this.editService.isEdited(rowIndex);
-        var type = eventArg.type === 'keydown' ? 'click' : eventArg.type;
-        return {
-            column: column,
-            columnIndex: columnIndex,
-            dataItem: dataItem,
-            isEditedColumn: isEditedColumn,
-            isEditedRow: isEditedRow,
-            originalEvent: eventArg,
-            rowIndex: rowIndex,
-            type: type
-        };
-    };
-    TableBodyComponent.prototype.eventTarget = function (args) {
-        if (args.type === 'touchend') {
-            var touch = args.changedTouches[0];
-            return document.elementFromPoint(touch.clientX, touch.clientY);
-        }
-        return args.target;
-    };
-    TableBodyComponent.prototype.applyStickyRowsStyling = function () {
-        var _this = this;
-        var stickyRows = nodesToArray(this.element.nativeElement.querySelectorAll('.k-grid-row-sticky'));
-        var length = stickyRows.length;
-        if (length) {
-            var accumulatedHeight_1 = 0;
-            var stickyRowsOffsets_1 = [];
-            stickyRows.forEach(function (row) {
-                var rowHeight = row.getBoundingClientRect().height;
-                stickyRowsOffsets_1.push({ accumulatedHeight: accumulatedHeight_1, rowHeight: rowHeight });
-                accumulatedHeight_1 += rowHeight;
-            });
-            stickyRows.forEach(function (row, index) {
-                _this.renderer.setStyle(row, 'top', stickyRowsOffsets_1[index].accumulatedHeight + "px");
-                _this.renderer.setStyle(row, 'bottom', accumulatedHeight_1 - stickyRowsOffsets_1[index].accumulatedHeight - stickyRowsOffsets_1[index].rowHeight + "px");
-            });
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TableBodyComponent.prototype, "columns", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TableBodyComponent.prototype, "allColumns", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TableBodyComponent.prototype, "groups", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", DetailTemplateDirective)
-    ], TableBodyComponent.prototype, "detailTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", NoRecordsTemplateDirective)
-    ], TableBodyComponent.prototype, "noRecordsTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], TableBodyComponent.prototype, "data", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TableBodyComponent.prototype, "skip", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TableBodyComponent.prototype, "selectable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TableBodyComponent.prototype, "filterable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TableBodyComponent.prototype, "noRecordsText", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TableBodyComponent.prototype, "isLocked", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TableBodyComponent.prototype, "isLoading", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TableBodyComponent.prototype, "isVirtual", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], TableBodyComponent.prototype, "loadingTemplate", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TableBodyComponent.prototype, "skipGroupDecoration", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TableBodyComponent.prototype, "showGroupFooters", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TableBodyComponent.prototype, "lockedColumnsCount", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TableBodyComponent.prototype, "totalColumnsCount", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TableBodyComponent.prototype, "virtualColumns", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TableBodyComponent.prototype, "trackBy", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TableBodyComponent.prototype, "rowSticky", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Function)
-    ], TableBodyComponent.prototype, "rowClass", void 0);
-    TableBodyComponent = tslib_1.__decorate([
-        Component({
-            selector: '[kendoGridTableBody]',
-            template: "\n    <ng-template [ngIf]=\"editService.hasNewItem\">\n        <tr class=\"k-grid-add-row k-grid-edit-row\"\n            kendoGridLogicalRow\n                [logicalRowIndex]=\"addRowLogicalIndex()\"\n                [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n                [logicalCellsCount]=\"columns.length\"\n                [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n            <ng-template [ngIf]=\"!skipGroupDecoration\">\n                <td class=\"k-group-cell\" *ngFor=\"let g of groups\" role=\"presentation\"></td>\n            </ng-template>\n            <td class=\"k-hierarchy-cell\"\n                *ngIf=\"detailTemplate?.templateRef\"\n                kendoGridLogicalCell\n                    [logicalRowIndex]=\"addRowLogicalIndex()\"\n                    [logicalColIndex]=\"0\"\n                    aria-selected=\"false\"\n                >\n            </td>\n            <td *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\"\n                kendoGridCell\n                    [rowIndex]=\"-1\"\n                    [columnIndex]=\"lockedColumnsCount + columnIndex\"\n                    [isNew]=\"true\"\n                    [column]=\"column\"\n                    [dataItem]=\"newDataItem\"\n                [class.k-grid-content-sticky]=\"column.sticky\"\n                [ngClass]=\"column.cssClass\"\n                [style.left]=\"column.sticky ? '0' : undefined\"\n                [ngStyle]=\"column.sticky ? addStickyColumnStyles(column) : column.style\"\n                [attr.colspan]=\"column.colspan\"\n                kendoGridLogicalCell\n                    [logicalRowIndex]=\"addRowLogicalIndex()\"\n                    [logicalColIndex]=\"logicalColIndex(column)\"\n                    [colSpan]=\"column.colspan\"\n                role=\"gridcell\">\n            </td>\n        </tr>\n    </ng-template>\n    <tr *ngIf=\"data?.length === 0 || data == null\" class=\"k-grid-norecords\">\n        <td [attr.colspan]=\"colSpan\">\n            <ng-template\n                [ngIf]=\"noRecordsTemplate?.templateRef\"\n                [templateContext]=\"{\n                    templateRef: noRecordsTemplate?.templateRef\n                 }\">\n            </ng-template>\n            <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n                {{noRecordsText}}\n            </ng-container>\n        </td>\n    </tr>\n    <ng-template ngFor\n        [ngForOf]=\"data\"\n        [ngForTrackBy]=\"trackByWrapper\"\n        let-item\n        let-rowIndex=\"index\">\n        <tr *ngIf=\"isGroup(item) && isParentGroupExpanded(item) && showGroupHeader(item)\"\n            kendoGridGroupHeader\n                [columns]=\"columns\"\n                [groups]=\"groups\"\n                [item]=\"item\"\n                [hasDetails]=\"detailTemplate?.templateRef\"\n                [skipGroupDecoration]=\"skipGroupDecoration\"\n                [hasGroupHeaderColumn]=\"hasGroupHeaderColumn\"\n                [groupHeaderColumns]=\"groupHeaderColumns\"\n                [rowIndex]=\"rowIndex + 1\"\n                [totalColumnsCount]=\"totalColumnsCount\"\n            kendoGridLogicalRow\n                [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n                [logicalCellsCount]=\"columns.length\"\n                [logicalSlaveCellsCount]=\"groupHeaderSlaveCellsCount\">\n        </tr>\n        <tr\n            *ngIf=\"isDataItem(item) && (!item.group || isDataItemInExpandedGroup(item))\"\n            kendoGridLogicalRow\n                [dataRowIndex]=\"item.index\"\n                [dataItem]=\"item.data\"\n                [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n                [logicalCellsCount]=\"columns.length\"\n                [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n            [class.k-grid-row-sticky]=\"rowSticky ? rowSticky({ dataItem: item.data, index: item.index }) : false\"\n            [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n            [class.k-alt]=\"isOdd(item)\"\n            [class.k-master-row]=\"detailTemplate?.templateRef\"\n            [class.k-grid-edit-row]=\"isEditingRow(item.index)\"\n            [attr.data-kendo-grid-item-index]=\"item.index\"\n            [class.k-state-selected]=\"isSelectable() && isRowSelected(item)\">\n            <ng-template [ngIf]=\"!skipGroupDecoration\">\n                <td class=\"k-group-cell\" *ngFor=\"let g of groups\" role=\"presentation\"></td>\n            </ng-template>\n            <td class=\"k-hierarchy-cell\"\n                *ngIf=\"detailTemplate?.templateRef\"\n                kendoGridLogicalCell\n                    [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                    [logicalColIndex]=\"0\"\n                    [dataRowIndex]=\"item.index\"\n                    [dataItem]=\"item.data\"\n                    [detailExpandCell]=\"true\"\n                    aria-selected=\"false\"\n                >\n                <a class=\"k-icon\"\n                    *ngIf=\"detailTemplate.showIf(item.data, item.index)\"\n                    [ngClass]=\"detailButtonStyles(item)\"\n                    [attr.title]=\"detailButtonTitle(item)\"\n                    [attr.aria-label]=\"detailButtonTitle(item)\"\n                    href=\"#\" tabindex=\"-1\" (click)=\"toggleRow(item.index, item.data)\"></a>\n            </td>\n            <td\n                kendoGridCell\n                    [rowIndex]=\"item.index\"\n                    [columnIndex]=\"lockedColumnsCount + columnIndex\"\n                    [attr.data-kendo-grid-column-index]=\"lockedColumnsCount + columnIndex\"\n                    [column]=\"column\"\n                    [dataItem]=\"item.data\"\n                    [isLoading]=\"isLoading\"\n                    [isVirtual]=\"isVirtual\"\n                    [loadingTemplate]=\"loadingTemplate\"\n                kendoGridLogicalCell\n                    [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                    [logicalColIndex]=\"logicalColIndex(column)\"\n                    [dataRowIndex]=\"item.index\"\n                    [dataItem]=\"item.data\"\n                    [colIndex]=\"columnIndex\"\n                    [colSpan]=\"column.colspan\"\n                    role=\"gridcell\"\n                    [attr.aria-selected]=\"isSelectable() ? isAriaSelected(item, column) : undefined\"\n                    [class.k-grid-content-sticky]=\"column.sticky\"\n                    [class.k-touch-action-none]=\"isSelectable() && $any(selectable).drag\"\n                    [class.k-touch-action-auto]=\"!(isSelectable() && $any(selectable).drag)\"\n                [ngClass]=\"column.cssClass\"\n                [class.k-grid-edit-cell]=\"isEditingCell(item.index, column)\"\n                [ngStyle]=\"column.sticky ? addStickyColumnStyles(column) : column.style\"\n                [attr.colspan]=\"column.colspan\"\n                [class.k-state-selected]=\"isSelectable && cellSelectionService.isCellSelected(item, column)\"\n                *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n            </td>\n        </tr>\n        <tr *ngIf=\"isDataItem(item) &&\n                (!item.group || isDataItemInExpandedGroup(item)) &&\n                detailTemplate?.templateRef &&\n                detailTemplate.showIf(item.data, item.index) &&\n                isExpanded(item)\"\n            class=\"k-detail-row\"\n            [class.k-alt]=\"isOdd(item)\"\n            kendoGridLogicalRow\n                [dataRowIndex]=\"item.index\"\n                [dataItem]=\"item.data\"\n                [logicalRowIndex]=\"logicalRowIndex(rowIndex) + 1\"\n                [logicalSlaveRow]=\"false\"\n                [logicalCellsCount]=\"1\"\n            >\n            <td class=\"k-group-cell\" *ngFor=\"let g of groups\"></td>\n            <td class=\"k-hierarchy-cell\"></td>\n            <td class=\"k-detail-cell\"\n                [attr.colspan]=\"columnsSpan\"\n                kendoGridLogicalCell\n                    [logicalRowIndex]=\"logicalRowIndex(rowIndex) + 1\"\n                    [logicalColIndex]=\"0\"\n                    [dataRowIndex]=\"item.index\"\n                    [dataItem]=\"item.data\"\n                    [colIndex]=\"0\"\n                    [colSpan]=\"allColumnsSpan + 1\"\n                    role=\"gridcell\" aria-selected=\"false\"\n                >\n                <ng-template\n                    [ngTemplateOutlet]=\"detailTemplate.templateRef\"\n                    [ngTemplateOutletContext]=\"{\n                        dataItem: item.data,\n                        rowIndex: item.index,\n                        $implicit: item.data\n                    }\">\n                </ng-template>\n            </td>\n        </tr>\n        <tr *ngIf=\"isFooter(item) &&\n                item.group &&\n                (isFooterItemInExpandedGroup(item) || (showGroupFooters && isParentGroupExpanded(item.group))) &&\n                !item.data.hideFooter\"\n            class=\"k-group-footer\"\n            kendoGridLogicalRow\n                [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n                [logicalCellsCount]=\"columns.length\"\n                [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n            <ng-template [ngIf]=\"!skipGroupDecoration\">\n                <td class=\"k-group-cell\" *ngFor=\"let g of groups\"></td>\n            </ng-template>\n            <td class=\"k-hierarchy-cell\"\n                *ngIf=\"detailTemplate?.templateRef\"\n                kendoGridLogicalCell\n                    [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                    [logicalColIndex]=\"0\"\n                    aria-selected=\"false\"\n                >\n            </td>\n            <td kendoGridLogicalCell\n                    [logicalRowIndex]=\"logicalRowIndex(rowIndex)\"\n                    [logicalColIndex]=\"logicalColIndex(column)\"\n                [attr.data-skip]=\"skipGroupDecoration\"\n                *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n                <ng-template\n                    [templateContext]=\"{\n                        templateRef: column.groupFooterTemplateRef,\n                        group: item.data,\n                        field: column.field,\n                        column: column,\n                        aggregates: item.data?.aggregates,\n                        $implicit: item.data?.aggregates\n                    }\">\n                </ng-template>\n           </td>\n        </tr>\n    </ng-template>\n    <kendo-resize-sensor *ngIf=\"rowSticky\" (resize)=\"resizeHandler()\"></kendo-resize-sensor>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [DetailsService,
-            GroupsService,
-            ChangeNotificationService,
-            EditService,
-            LocalizationService,
-            NgZone,
-            Renderer2,
-            ElementRef,
-            DomEventsService,
-            SelectionService,
-            CellSelectionService,
-            ColumnInfoService,
-            NavigationService])
-    ], TableBodyComponent);
-    return TableBodyComponent;
-}());
-export { TableBodyComponent };
-export { ɵ0 };