@progress/kendo-angular-grid 17.0.0-develop.4 → 17.0.0-develop.41

package/{esm2020 → esm2022}/rendering/list.component.mjs

@@ -104,45 +104,52 @@ const bufferSize = 1;
  * @hidden
  */
 export class ListComponent {
-    constructor(scrollerFactory, detailsService, changeNotification, suspendService, groupsService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, ctx, columnResizingService, changeDetector, pdfService, columnInfo) {
-        this.changeNotification = changeNotification;
-        this.suspendService = suspendService;
-        this.groupsService = groupsService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.scrollSyncService = scrollSyncService;
-        this.resizeService = resizeService;
-        this.editService = editService;
-        this.supportService = supportService;
-        this.navigationService = navigationService;
-        this.ctx = ctx;
-        this.columnResizingService = columnResizingService;
-        this.changeDetector = changeDetector;
-        this.pdfService = pdfService;
-        this.columnInfo = columnInfo;
-        this.hostClass = true;
-        this.hostRole = 'presentation';
-        this.groups = [];
-        this.skip = 0;
-        this.columns = new ColumnsContainer(() => []);
-        this.selectable = false;
-        this.groupable = false;
-        this.trackBy = defaultTrackBy;
-        this.sort = new Array();
-        this.size = 'medium';
-        this.contentScroll = new EventEmitter();
-        this.pageChange = new EventEmitter();
-        this.scrollBottom = new EventEmitter();
-        this.columnsStartIdx = 0;
-        this.resizeSensors = new QueryList();
-        this.dispatcher = new Subject();
-        this.containerScrollTop = 0;
-        this.scrollLeft = 0;
-        this.rtl = false;
-        this.scroller = scrollerFactory(this.dispatcher);
-        this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
-        this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
-    }
+    changeNotification;
+    suspendService;
+    groupsService;
+    ngZone;
+    renderer;
+    scrollSyncService;
+    resizeService;
+    editService;
+    supportService;
+    navigationService;
+    ctx;
+    columnResizingService;
+    changeDetector;
+    pdfService;
+    columnInfo;
+    hostClass = true;
+    hostRole = 'presentation';
+    data;
+    groups = [];
+    total;
+    rowHeight;
+    stickyRowHeight;
+    detailRowHeight;
+    take;
+    skip = 0;
+    columns = new ColumnsContainer(() => []);
+    detailTemplate;
+    noRecordsTemplate;
+    selectable = false;
+    groupable = false;
+    filterable;
+    rowClass;
+    rowSticky;
+    loading;
+    trackBy = defaultTrackBy;
+    virtualColumns;
+    isVirtual;
+    cellLoadingTemplate;
+    loadingTemplate;
+    sort = new Array();
+    size = 'medium';
+    contentScroll = new EventEmitter();
+    pageChange = new EventEmitter();
+    scrollBottom = new EventEmitter();
+    totalHeight;
+    columnsStartIdx = 0;
     get showFooter() {
         return this.groupable && this.groupable.showFooter;
     }
@@ -151,6 +158,23 @@ export class ListComponent {
             return this.columns.unlockedWidth;
         }
     }
+    container;
+    lockedContainer;
+    lockedTable;
+    table;
+    resizeSensors = new QueryList();
+    scroller;
+    subscriptions;
+    scrollerSubscription;
+    dispatcher = new Subject();
+    rowHeightService;
+    skipScroll;
+    rebind;
+    containerScrollTop = 0;
+    viewportColumns;
+    columnsEndIdx;
+    viewportColumnsWidth;
+    scrollLeft = 0;
     get lockedLeafColumns() {
         return this.columns.lockedLeafColumns;
     }
@@ -179,6 +203,29 @@ export class ListComponent {
     get isLocked() {
         return this.lockedLeafColumns.length > 0;
     }
+    rtl = false;
+    columnUpdateFrame;
+    hasLockedContainer;
+    constructor(scrollerFactory, detailsService, changeNotification, suspendService, groupsService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, ctx, columnResizingService, changeDetector, pdfService, columnInfo) {
+        this.changeNotification = changeNotification;
+        this.suspendService = suspendService;
+        this.groupsService = groupsService;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.scrollSyncService = scrollSyncService;
+        this.resizeService = resizeService;
+        this.editService = editService;
+        this.supportService = supportService;
+        this.navigationService = navigationService;
+        this.ctx = ctx;
+        this.columnResizingService = columnResizingService;
+        this.changeDetector = changeDetector;
+        this.pdfService = pdfService;
+        this.columnInfo = columnInfo;
+        this.scroller = scrollerFactory(this.dispatcher);
+        this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
+        this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
+    }
     ngOnInit() {
         this.init();
         this.subscriptions.add(this.ngZone.runOutsideAngular(this.handleRowSync.bind(this)));
@@ -605,14 +652,13 @@ export class ListComponent {
         }
         return element.offsetLeft;
     }
-}
-ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.ContextService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
-        {
-            provide: SCROLLER_FACTORY_TOKEN,
-            useValue: DEFAULT_SCROLLER_FACTORY
-        }
-    ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "lockedContainer", first: true, predicate: ["lockedContainer"], descendants: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "resizeSensors", predicate: ResizeSensorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.ContextService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
+            {
+                provide: SCROLLER_FACTORY_TOKEN,
+                useValue: DEFAULT_SCROLLER_FACTORY
+            }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "lockedContainer", first: true, predicate: ["lockedContainer"], descendants: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }, { propertyName: "resizeSensors", predicate: ResizeSensorComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div #lockedContainer class="k-grid-content-locked" role="presentation"
         *ngIf="isLocked" [style.width.px]="lockedWidth" tabindex="-1"
         [kendoEventsOutsideAngular]="{
@@ -623,7 +669,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
         }"
         [scope]="this"
         >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 kendoGridResizableTable
                 [locked]="true"
@@ -672,7 +718,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
         [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
         [lockedWidth]="lockedWidth + 1"
     >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 [style.width.px]="nonLockedWidth"
                 #table
@@ -724,7 +770,8 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
         </div>
     </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -745,7 +792,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }"
         [scope]="this"
         >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 kendoGridResizableTable
                 [locked]="true"
@@ -794,7 +841,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
         [lockedWidth]="lockedWidth + 1"
     >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 [style.width.px]="nonLockedWidth"
                 #table

package/{esm2020 → esm2022}/rendering/loading-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * ([see example](slug:loadingtemplate_grid)).
  */
 export class LoadingTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LoadingTemplateDirective, isStandalone: true, selector: "[kendoGridLoadingTemplate]", ngImport: i0 });
 }
-LoadingTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-LoadingTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadingTemplateDirective, isStandalone: true, selector: "[kendoGridLoadingTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridLoadingTemplate]',

package/{esm2020 → esm2022}/rendering/no-records-template.directive.mjs

@@ -22,13 +22,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class NoRecordsTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoRecordsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NoRecordsTemplateDirective, isStandalone: true, selector: "[kendoGridNoRecordsTemplate]", ngImport: i0 });
 }
-NoRecordsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NoRecordsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-NoRecordsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NoRecordsTemplateDirective, isStandalone: true, selector: "[kendoGridNoRecordsTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NoRecordsTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoRecordsTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridNoRecordsTemplate]',

package/{esm2020 → esm2022}/rendering/table-body.component.mjs

@@ -58,6 +58,52 @@ const columnCellIndex = (cell, cells) => {
  * @hidden
  */
 export class TableBodyComponent {
+    detailsService;
+    groupsService;
+    changeNotification;
+    editService;
+    ctx;
+    ngZone;
+    renderer;
+    element;
+    domEvents;
+    selectionService;
+    cellSelectionService;
+    columnInfoService;
+    navigationService;
+    columns = [];
+    allColumns;
+    groups = [];
+    detailTemplate;
+    noRecordsTemplate;
+    data;
+    skip = 0;
+    selectable;
+    filterable;
+    noRecordsText;
+    isLocked = false;
+    isLoading;
+    isVirtual;
+    cellLoadingTemplate;
+    skipGroupDecoration = false;
+    showGroupFooters = false;
+    lockedColumnsCount = 0;
+    totalColumnsCount = 0;
+    virtualColumns;
+    trackBy = defaultTrackBy;
+    rowSticky;
+    totalColumns;
+    hostClass = true;
+    groupHeaderSlaveCellsCount;
+    groupHeaderColumns;
+    clickSubscription;
+    touchSubscription;
+    l10nSubscription;
+    cellKeydownSubscription;
+    clickTimeout;
+    minusIcon = minusIcon;
+    plusIcon = plusIcon;
+    rowClass = () => null;
     constructor(detailsService, groupsService, changeNotification, editService, ctx, ngZone, renderer, element, domEvents, selectionService, cellSelectionService, columnInfoService, navigationService) {
         this.detailsService = detailsService;
         this.groupsService = groupsService;
@@ -72,20 +118,7 @@ export class TableBodyComponent {
         this.cellSelectionService = cellSelectionService;
         this.columnInfoService = columnInfoService;
         this.navigationService = navigationService;
-        this.columns = [];
-        this.groups = [];
-        this.skip = 0;
         this.noRecordsText = this.ctx.localization.get('noRecords');
-        this.isLocked = false;
-        this.skipGroupDecoration = false;
-        this.showGroupFooters = false;
-        this.lockedColumnsCount = 0;
-        this.totalColumnsCount = 0;
-        this.trackBy = defaultTrackBy;
-        this.hostClass = true;
-        this.minusIcon = minusIcon;
-        this.plusIcon = plusIcon;
-        this.rowClass = () => null;
         this.cellKeydownSubscription = this.navigationService.cellKeydown.subscribe((args) => this.cellKeydownHandler(args));
         this.trackByWrapper = this.trackByWrapper.bind(this);
         this.trackByColumns = this.trackByColumns.bind(this);
@@ -409,9 +442,8 @@ export class TableBodyComponent {
             });
         }
     }
-}
-TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.DetailsService }, { token: i2.GroupsService }, { token: i3.ChangeNotificationService }, { token: i4.EditService }, { token: i5.ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.DomEventsService }, { token: i7.SelectionService }, { token: i8.CellSelectionService }, { token: i9.ColumnInfoService }, { token: i10.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.DetailsService }, { token: i2.GroupsService }, { token: i3.ChangeNotificationService }, { token: i4.EditService }, { token: i5.ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i6.DomEventsService }, { token: i7.SelectionService }, { token: i8.CellSelectionService }, { token: i9.ColumnInfoService }, { token: i10.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     <ng-container *ngIf="editService.hasNewItem">
         <tr class="k-grid-add-row k-grid-edit-row k-master-row"
             kendoGridLogicalRow
@@ -421,7 +453,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 [logicalSlaveCellsCount]="unlockedColumnsCount()"
                 [totalColumns]="totalColumns">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -498,12 +530,13 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             [class.k-grid-row-sticky]="rowSticky ? rowSticky({ dataItem: item.data, index: $any(item).index }) : false"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
             [class.k-master-row]="true"
+            [class.k-expanded]="isDataItem(item) && isExpanded(item)"
             [class.k-grid-edit-row]="isEditingRow($any(item).index)"
             [attr.aria-selected]="lockedColumnsCount < 1 ? isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item) : undefined"
             [attr.data-kendo-grid-item-index]="$any(item).index"
             [class.k-selected]="isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -547,7 +580,6 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                     [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
                     [class.k-grid-content-sticky]="column.sticky"
                     [class.k-touch-action-none]="isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag"
-                    [class.k-touch-action-auto]="!(isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag)"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
                 [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
@@ -562,7 +594,6 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 detailTemplate.showIf(item.data, $any(item).index) &&
                 isExpanded(item)"
             class="k-detail-row"
-            [class.k-alt]="isOdd(item)"
             kendoGridLogicalRow
                 [dataRowIndex]="$any(item).index"
                 [dataItem]="item.data"
@@ -570,7 +601,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 [logicalSlaveRow]="false"
                 [logicalCellsCount]="1"
             >
-            <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
+            <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups"></td>
             <td class="k-hierarchy-cell k-table-td"></td>
             <td class="k-detail-cell k-table-td"
                 [attr.colspan]="columnsSpan"
@@ -605,7 +636,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
+                <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -636,7 +667,8 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
     </ng-container>
     <kendo-resize-sensor *ngIf="rowSticky" (resize)="resizeHandler()"></kendo-resize-sensor>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "rowIndex", "dataItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableBodyComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridTableBody]',
@@ -650,7 +682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [logicalSlaveCellsCount]="unlockedColumnsCount()"
                 [totalColumns]="totalColumns">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -727,12 +759,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [class.k-grid-row-sticky]="rowSticky ? rowSticky({ dataItem: item.data, index: $any(item).index }) : false"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
             [class.k-master-row]="true"
+            [class.k-expanded]="isDataItem(item) && isExpanded(item)"
             [class.k-grid-edit-row]="isEditingRow($any(item).index)"
             [attr.aria-selected]="lockedColumnsCount < 1 ? isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item) : undefined"
             [attr.data-kendo-grid-item-index]="$any(item).index"
             [class.k-selected]="isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
+                <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups" role="presentation"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"
@@ -776,7 +809,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
                     [class.k-grid-content-sticky]="column.sticky"
                     [class.k-touch-action-none]="isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag"
-                    [class.k-touch-action-auto]="!(isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag)"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
                 [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
@@ -791,7 +823,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 detailTemplate.showIf(item.data, $any(item).index) &&
                 isExpanded(item)"
             class="k-detail-row"
-            [class.k-alt]="isOdd(item)"
             kendoGridLogicalRow
                 [dataRowIndex]="$any(item).index"
                 [dataItem]="item.data"
@@ -799,7 +830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [logicalSlaveRow]="false"
                 [logicalCellsCount]="1"
             >
-            <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
+            <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups"></td>
             <td class="k-hierarchy-cell k-table-td"></td>
             <td class="k-detail-cell k-table-td"
                 [attr.colspan]="columnsSpan"
@@ -834,7 +865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="unlockedColumnsCount(item)">
             <ng-container *ngIf="!skipGroupDecoration">
-                <td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
+                <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups"></td>
             </ng-container>
             <td class="k-hierarchy-cell k-table-td"
                 *ngIf="detailTemplate?.templateRef"

package/{esm2020 → esm2022}/rendering/toolbar/toolbar-focusable.directive.mjs

@@ -12,10 +12,8 @@ import * as i1 from "../../common/provider.service";
  * keyboard navigation.
  */
 export class GridToolbarFocusableDirective {
-    constructor(host, ctx) {
-        this.host = host;
-        this.ctx = ctx;
-    }
+    host;
+    ctx;
     /**
      * @hidden
      */
@@ -28,6 +26,10 @@ export class GridToolbarFocusableDirective {
     get toolbarPosition() {
         return isDocumentAvailable() && this.host.nativeElement.closest('.k-toolbar')?.getAttribute('position');
     }
+    constructor(host, ctx) {
+        this.host = host;
+        this.ctx = ctx;
+    }
     ngAfterViewInit() {
         if (!isDocumentAvailable() || !this.toolbarPosition) {
             return;
@@ -43,10 +45,10 @@ export class GridToolbarFocusableDirective {
         this.ctx[`${this.toolbarPosition}ToolbarNavigation`].navigableElements = elements.filter(el => el !== this.element);
         this.ctx[`${this.toolbarPosition}ToolbarNavigation`].notify();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GridToolbarFocusableDirective, isStandalone: true, selector: "\n        [kendoGridToolbarFocusable],\n        [kendoGridAddCommand],\n        [kendoGridCancelCommand],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridExcelCommand],\n        [kendoGridPDFCommand]\n    ", ngImport: i0 });
 }
-GridToolbarFocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarFocusableDirective, deps: [{ token: i0.ElementRef }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-GridToolbarFocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: GridToolbarFocusableDirective, isStandalone: true, selector: "\n        [kendoGridToolbarFocusable],\n        [kendoGridAddCommand],\n        [kendoGridCancelCommand],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridExcelCommand],\n        [kendoGridPDFCommand]\n    ", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarFocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarFocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `

package/{esm2020 → esm2022}/rendering/toolbar/toolbar-navigation.service.mjs

@@ -9,11 +9,10 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class GridToolbarNavigationService {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.navigableElements = [];
-        this.currentActiveIndex = 0;
-        this.defaultFocusableSelector = `
+    renderer;
+    navigableElements = [];
+    currentActiveIndex = 0;
+    defaultFocusableSelector = `
         [kendogridtoolbarfocusable],
         [kendogridaddcommand],
         [kendogridcancelcommand],
@@ -23,6 +22,8 @@ export class GridToolbarNavigationService {
         [kendogridexcelcommand],
         [kendogridpdfcommand]
     `;
+    constructor(renderer) {
+        this.renderer = renderer;
     }
     notify() {
         // ensure focusable elements are in the same order as in the DOM
@@ -45,9 +46,9 @@ export class GridToolbarNavigationService {
             this.navigableElements[this.currentActiveIndex].focus();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarNavigationService });
 }
-GridToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-GridToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridToolbarNavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridToolbarNavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });

package/{esm2020 → esm2022}/rendering/toolbar/toolbar-template.directive.mjs

@@ -22,10 +22,8 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ToolbarTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        this._position = 'top';
-    }
+    templateRef;
+    _position = 'top';
     /**
      * The position of the toolbar ([see example]({% slug toolbartemplate_grid %}#toc-setting-the-toolbar-position)).
      *
@@ -37,10 +35,13 @@ export class ToolbarTemplateDirective {
     get position() {
         return this._position;
     }
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
 }
-ToolbarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ToolbarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarTemplateDirective, isStandalone: true, selector: "[kendoGridToolbarTemplate]", inputs: { position: "position" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolbarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridToolbarTemplate]',