@progress/kendo-angular-grid 12.2.0-develop.7 → 13.0.0-develop.10

package/esm2020/rendering/header/header.component.mjs

@@ -6,7 +6,6 @@ import { ColumnInfoService } from './../../common/column-info.service';
 import { Component, ChangeDetectorRef, HostBinding, Input, QueryList, ViewChildren, TemplateRef } from '@angular/core';
 import { Subscription, of, merge } from "rxjs";
 import { filter, map, switchMap, tap, takeUntil } from 'rxjs/operators';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { isColumnComponent } from '../../columns/column.component';
 import { isColumnGroupComponent } from '../../columns/column-group.component';
 import { isCheckboxColumn } from '../../columns/column-base';
@@ -38,23 +37,22 @@ import * as i3 from "../../dragdrop/drop-cue.service";
 import * as i4 from "../../dragdrop/column-reorder.service";
 import * as i5 from "../../common/id.service";
 import * as i6 from "../../common/sort.service";
-import * as i7 from "@progress/kendo-angular-l10n";
-import * as i8 from "./../../common/column-info.service";
-import * as i9 from "../../common/provider.service";
-import * as i10 from "../../filtering/menu/filter-menu.component";
-import * as i11 from "../../column-menu/column-menu.component";
-import * as i12 from "@progress/kendo-angular-icons";
-import * as i13 from "../../filtering/filter-row.component";
-import * as i14 from "@angular/common";
-import * as i15 from "../../navigation/logical-row.directive";
-import * as i16 from "../../navigation/logical-cell.directive";
-import * as i17 from "../../dragdrop/drop-target.directive";
-import * as i18 from "@progress/kendo-angular-common";
-import * as i19 from "../../dragdrop/draggable-column.directive";
-import * as i20 from "../common/template-context.directive";
-import * as i21 from "../../selection/selectall-checkbox.directive";
-import * as i22 from "../../navigation/focusable.directive";
-import * as i23 from "../../column-resizing/column-handle.directive";
+import * as i7 from "./../../common/column-info.service";
+import * as i8 from "../../common/provider.service";
+import * as i9 from "../../filtering/menu/filter-menu.component";
+import * as i10 from "../../column-menu/column-menu.component";
+import * as i11 from "@progress/kendo-angular-icons";
+import * as i12 from "../../filtering/filter-row.component";
+import * as i13 from "@angular/common";
+import * as i14 from "../../navigation/logical-row.directive";
+import * as i15 from "../../navigation/logical-cell.directive";
+import * as i16 from "../../dragdrop/drop-target.directive";
+import * as i17 from "@progress/kendo-angular-common";
+import * as i18 from "../../dragdrop/draggable-column.directive";
+import * as i19 from "../common/template-context.directive";
+import * as i20 from "../../selection/selectall-checkbox.directive";
+import * as i21 from "../../navigation/focusable.directive";
+import * as i22 from "../../column-resizing/column-handle.directive";
 const mergeObjects = (...args) => Object.assign.apply(null, [{}].concat(args));
 const directions = initialDirection => initialDirection === "asc" ? ["asc", "desc"] : ["desc", "asc"];
 /**
@@ -80,14 +78,13 @@ const modifierKeys = ['alt', 'ctrl', 'shift', 'meta'];
  * @hidden
  */
 export class HeaderComponent {
-    constructor(popupService, hint, cue, reorderService, idService, sortService, localization, columnInfoService, cd, contextService) {
+    constructor(popupService, hint, cue, reorderService, idService, sortService, columnInfoService, cd, contextService) {
         this.popupService = popupService;
         this.hint = hint;
         this.cue = cue;
         this.reorderService = reorderService;
         this.idService = idService;
         this.sortService = sortService;
-        this.localization = localization;
         this.columnInfoService = columnInfoService;
         this.cd = cd;
         this.contextService = contextService;
@@ -113,7 +110,7 @@ export class HeaderComponent {
         return !this.scrollable;
     }
     get sortableLabel() {
-        return this.localization.get('sortable');
+        return this.contextService.localization.get('sortable');
     }
     get columnMenuSettings() {
         return this.columnMenu;
@@ -179,7 +176,7 @@ export class HeaderComponent {
             args.preventDefault();
             const columnsCount = this.columnInfoService.leafNamedColumns.length;
             const reorderDirection = args.keyCode === Keys.ArrowLeft ? -1 : 1;
-            const rtlMultiplier = this.localization.rtl ? -1 : 1;
+            const rtlMultiplier = this.contextService.localization.rtl ? -1 : 1;
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
             const newIndex = column.leafIndex + reorderDirectionOffset;
             const normalizedNewIndex = Math.min(Math.max(0, newIndex), columnsCount - 1);
@@ -237,7 +234,7 @@ export class HeaderComponent {
         else if (state.dir === 'desc') {
             msg = 'sortedDescending';
         }
-        return this.localization.get(msg);
+        return this.contextService.localization.get(msg);
     }
     /**
      *
@@ -283,7 +280,7 @@ export class HeaderComponent {
         }
     }
     ngOnInit() {
-        this.subscription.add(this.localization.changes
+        this.subscription.add(this.contextService.localization.changes
             .subscribe(() => this.cd.markForCheck()));
     }
     ngOnDestroy() {
@@ -299,7 +296,7 @@ export class HeaderComponent {
         return this.idService.selectAllCheckboxId();
     }
     get selectAllCheckboxLabel() {
-        return this.localization.get('selectAllCheckboxLabel');
+        return this.contextService.localization.get('selectAllCheckboxLabel');
     }
     isFirstOnRow(column, index) {
         const isTailing = (c) => c &&
@@ -437,7 +434,7 @@ export class HeaderComponent {
             const halfWidth = targetElement.offsetWidth / 2;
             const middle = left + halfWidth;
             before = middle > mouseEvent.pageX;
-            if (this.localization.rtl) {
+            if (this.contextService.localization.rtl) {
                 before = !before;
             }
         }
@@ -448,7 +445,7 @@ export class HeaderComponent {
     }
     enter({ target, before }) {
         this.hint.enable();
-        if (this.localization.rtl) {
+        if (this.contextService.localization.rtl) {
             before = !before;
         }
         this.cue.position(position(target.element.nativeElement, before));
@@ -466,7 +463,7 @@ export class HeaderComponent {
         });
     }
 }
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.DragHintService }, { token: i3.DropCueService }, { token: i4.ColumnReorderService }, { token: i5.IdService }, { token: i6.SortService }, { token: i7.LocalizationService }, { token: i8.ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: i9.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.DragHintService }, { token: i3.DropCueService }, { token: i4.ColumnReorderService }, { token: i5.IdService }, { token: i6.SortService }, { token: i7.ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <ng-container>
         <tr *ngFor="let i of columnLevels; let levelIndex = index"
@@ -692,7 +689,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
         ></tr>
     </ng-container>
-    `, isInline: true, components: [{ type: i10.FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: ["column", "filter", "tabIndex"] }, { type: i11.ColumnMenuComponent, selector: "kendo-grid-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate", "tabIndex"] }, { type: i12.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i13.FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: ["columns", "filter", "groups", "detailTemplate", "logicalRowIndex", "lockedColumnsCount"] }], directives: [{ type: i14.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i15.LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem"] }, { type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i17.DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { type: i18.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i19.DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i14.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i20.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i21.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { type: i22.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i23.ColumnHandleDirective, selector: "[kendoGridColumnHandle]", inputs: ["columns", "column"] }] });
+    `, isInline: true, components: [{ type: i9.FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: ["column", "filter", "tabIndex"] }, { type: i10.ColumnMenuComponent, selector: "kendo-grid-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate", "tabIndex"] }, { type: i11.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i12.FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: ["columns", "filter", "groups", "detailTemplate", "logicalRowIndex", "lockedColumnsCount"] }], directives: [{ type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i14.LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem"] }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i15.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i16.DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { type: i17.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i18.DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i19.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i20.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { type: i21.FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { type: i22.ColumnHandleDirective, selector: "[kendoGridColumnHandle]", inputs: ["columns", "column"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -924,7 +921,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
     </ng-container>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SinglePopupService }, { type: i2.DragHintService }, { type: i3.DropCueService }, { type: i4.ColumnReorderService }, { type: i5.IdService }, { type: i6.SortService }, { type: i7.LocalizationService }, { type: i8.ColumnInfoService }, { type: i0.ChangeDetectorRef }, { type: i9.ContextService }]; }, propDecorators: { totalColumnLevels: [{
+        }], ctorParameters: function () { return [{ type: i1.SinglePopupService }, { type: i2.DragHintService }, { type: i3.DropCueService }, { type: i4.ColumnReorderService }, { type: i5.IdService }, { type: i6.SortService }, { type: i7.ColumnInfoService }, { type: i0.ChangeDetectorRef }, { type: i8.ContextService }]; }, propDecorators: { totalColumnLevels: [{
                 type: Input
             }], columns: [{
                 type: Input

package/esm2020/rendering/list.component.mjs

@@ -5,7 +5,6 @@
 import { Component, Input, Output, EventEmitter, HostBinding, ViewChild, ElementRef, Inject, InjectionToken, QueryList, NgZone, Renderer2, ViewChildren, ChangeDetectorRef, TemplateRef } from '@angular/core';
 import { Subject, fromEvent, merge } from 'rxjs';
 import { delay, map, filter, tap, take, switchMapTo } from 'rxjs/operators';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { RowHeightService } from '../scrolling/row-height.service';
 import { ScrollerService, PageAction, ScrollAction, ScrollBottomAction } from '../scrolling/scroller.service';
 import { ScrollRequestService } from '../scrolling/scroll-request.service';
@@ -34,6 +33,7 @@ import { hasClasses, rtlScrollPosition } from './common/dom-queries';
 import { PDFService } from '../pdf/pdf.service';
 import { ColumnInfoService } from '../common/column-info.service';
 import { NON_DATA_CELL_CLASSES } from './constants';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
 import * as i2 from "../data/change-notification.service";
@@ -45,7 +45,7 @@ import * as i7 from "../editing/edit.service";
 import * as i8 from "../layout/browser-support.service";
 import * as i9 from "../navigation/navigation.service";
 import * as i10 from "../scrolling/scroll-request.service";
-import * as i11 from "@progress/kendo-angular-l10n";
+import * as i11 from "../common/provider.service";
 import * as i12 from "../column-resizing/column-resizing.service";
 import * as i13 from "../pdf/pdf.service";
 import * as i14 from "../common/column-info.service";
@@ -105,7 +105,7 @@ const bufferSize = 1;
  * @hidden
  */
 export class ListComponent {
-    constructor(scrollerFactory, detailsService, changeNotification, suspendService, groupsService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, localization, columnResizingService, changeDetector, pdfService, columnInfo) {
+    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;
@@ -116,7 +116,7 @@ export class ListComponent {
         this.editService = editService;
         this.supportService = supportService;
         this.navigationService = navigationService;
-        this.localization = localization;
+        this.ctx = ctx;
         this.columnResizingService = columnResizingService;
         this.changeDetector = changeDetector;
         this.pdfService = pdfService;
@@ -192,7 +192,7 @@ export class ListComponent {
                 });
             }
         }));
-        this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => this.rtl = rtl));
+        this.subscriptions.add(this.ctx.localization.changes.subscribe(({ rtl }) => this.rtl = rtl));
     }
     ngOnChanges(changes) {
         if (!isDocumentAvailable()) {
@@ -587,7 +587,7 @@ export class ListComponent {
         return element.offsetLeft;
     }
 }
-ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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.LocalizationService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 });
 ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ListComponent, 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,
@@ -825,7 +825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SCROLLER_FACTORY_TOKEN]
-                }] }, { type: i1.DetailsService }, { type: i2.ChangeNotificationService }, { type: i3.SuspendService }, { type: i4.GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i5.ScrollSyncService }, { type: i6.ResizeService }, { type: i7.EditService }, { type: i8.BrowserSupportService }, { type: i9.NavigationService }, { type: i10.ScrollRequestService }, { type: i11.LocalizationService }, { type: i12.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i13.PDFService }, { type: i14.ColumnInfoService }]; }, propDecorators: { hostClass: [{
+                }] }, { type: i1.DetailsService }, { type: i2.ChangeNotificationService }, { type: i3.SuspendService }, { type: i4.GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i5.ScrollSyncService }, { type: i6.ResizeService }, { type: i7.EditService }, { type: i8.BrowserSupportService }, { type: i9.NavigationService }, { type: i10.ScrollRequestService }, { type: i11.ContextService }, { type: i12.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i13.PDFService }, { type: i14.ColumnInfoService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-container']
             }], hostRole: [{

package/esm2020/rendering/table-body.component.mjs

@@ -10,7 +10,6 @@ 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';
@@ -24,12 +23,13 @@ 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';
 import { minusIcon, plusIcon } from '@progress/kendo-svg-icons';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
 import * as i2 from "../grouping/groups.service";
 import * as i3 from "../data/change-notification.service";
 import * as i4 from "../editing/edit.service";
-import * as i5 from "@progress/kendo-angular-l10n";
+import * as i5 from "../common/provider.service";
 import * as i6 from "../common/dom-events.service";
 import * as i7 from "../selection/selection.service";
 import * as i8 from "../selection/cell-selection.service";
@@ -58,12 +58,12 @@ const columnCellIndex = (cell, cells) => {
  * @hidden
  */
 export class TableBodyComponent {
-    constructor(detailsService, groupsService, changeNotification, editService, localization, ngZone, renderer, element, domEvents, selectionService, cellSelectionService, columnInfoService, navigationService) {
+    constructor(detailsService, groupsService, changeNotification, editService, ctx, ngZone, renderer, element, domEvents, selectionService, cellSelectionService, columnInfoService, navigationService) {
         this.detailsService = detailsService;
         this.groupsService = groupsService;
         this.changeNotification = changeNotification;
         this.editService = editService;
-        this.localization = localization;
+        this.ctx = ctx;
         this.ngZone = ngZone;
         this.renderer = renderer;
         this.element = element;
@@ -75,7 +75,7 @@ export class TableBodyComponent {
         this.columns = [];
         this.groups = [];
         this.skip = 0;
-        this.noRecordsText = this.localization.get('noRecords');
+        this.noRecordsText = this.ctx.localization.get('noRecords');
         this.isLocked = false;
         this.skipGroupDecoration = false;
         this.showGroupFooters = false;
@@ -118,7 +118,7 @@ export class TableBodyComponent {
     }
     detailButtonTitle(viewItem) {
         const messageKey = this.isExpanded(viewItem) ? 'detailCollapse' : 'detailExpand';
-        return this.localization.get(messageKey);
+        return this.ctx.localization.get(messageKey);
     }
     isGroup(item) {
         return item.type === 'group';
@@ -227,10 +227,10 @@ export class TableBodyComponent {
                 touchendSubscription();
             };
         });
-        let originalNoRecordText = this.localization.get('noRecords');
-        this.l10nSubscription = this.localization.changes.subscribe(() => {
+        let originalNoRecordText = this.ctx.localization.get('noRecords');
+        this.l10nSubscription = this.ctx.localization.changes.subscribe(() => {
             if (this.noRecordsText === originalNoRecordText) {
-                this.noRecordsText = this.localization.get('noRecords');
+                this.noRecordsText = this.ctx.localization.get('noRecords');
                 originalNoRecordText = this.noRecordsText;
             }
         });
@@ -388,7 +388,7 @@ export class TableBodyComponent {
         }
     }
 }
-TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.DetailsService }, { token: i2.GroupsService }, { token: i3.ChangeNotificationService }, { token: i4.EditService }, { token: i5.LocalizationService }, { 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 });
 TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TableBodyComponent, 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", 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"
@@ -610,7 +610,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
         </tr>
     </ng-container>
     <kendo-resize-sensor *ngIf="rowSticky" (resize)="resizeHandler()"></kendo-resize-sensor>
-    `, isInline: true, components: [{ type: i11.CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "rowIndex", "dataItem"] }, { type: i12.GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { type: i13.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i14.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16.LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem"] }, { type: i15.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i17.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i15.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i18.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i15.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+    `, isInline: true, components: [{ type: i11.CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "rowIndex", "dataItem"] }, { type: i12.GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { type: i13.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i14.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16.LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem"] }, { type: i15.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i17.LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i15.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i18.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i15.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
             args: [{
@@ -838,7 +838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
     <kendo-resize-sensor *ngIf="rowSticky" (resize)="resizeHandler()"></kendo-resize-sensor>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DetailsService }, { type: i2.GroupsService }, { type: i3.ChangeNotificationService }, { type: i4.EditService }, { type: i5.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.DomEventsService }, { type: i7.SelectionService }, { type: i8.CellSelectionService }, { type: i9.ColumnInfoService }, { type: i10.NavigationService }]; }, propDecorators: { columns: [{
+        }], ctorParameters: function () { return [{ type: i1.DetailsService }, { type: i2.GroupsService }, { type: i3.ChangeNotificationService }, { type: i4.EditService }, { type: i5.ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i6.DomEventsService }, { type: i7.SelectionService }, { type: i8.CellSelectionService }, { type: i9.ColumnInfoService }, { type: i10.NavigationService }]; }, propDecorators: { columns: [{
                 type: Input
             }], allColumns: [{
                 type: Input

package/excel/excel-command.directive.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
 import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ContextService } from '../common/provider.service';
 import { ExcelService } from './excel.service';
 import * as i0 from "@angular/core";
 /**
@@ -36,7 +36,7 @@ export declare class ExcelCommandDirective extends Button {
      * @hidden
      */
     get excelClass(): boolean;
-    constructor(excelService: ExcelService, element: ElementRef, renderer: Renderer, localization: LocalizationService, ngZone: NgZone);
+    constructor(excelService: ExcelService, element: ElementRef, renderer: Renderer, ctx: ContextService, ngZone: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<ExcelCommandDirective, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ExcelCommandDirective, "[kendoGridExcelCommand]", never, {}, {}, never, ["*"]>;
 }

package/excel/excel.component.d.ts

@@ -6,14 +6,14 @@ import { OnDestroy, QueryList, NgZone } from '@angular/core';
 import { ExcelExportData, ColumnBase, CellOptions } from '@progress/kendo-angular-excel-export';
 import { GridComponent } from '../grid.component';
 import { ExcelService } from './excel.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { FetchDataCallback } from '../common/fetch-data-callback';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 /**
  * Configures the settings for the export of Grid in Excel ([see example]({% slug excelexport_grid %})).
  */
 export declare class ExcelComponent implements OnDestroy {
-    private localization;
+    private ctx;
     private zone;
     /**
      * Specifies the file name of the exported Excel file.
@@ -76,7 +76,7 @@ export declare class ExcelComponent implements OnDestroy {
     columns: QueryList<ColumnBase>;
     private saveSubscription;
     private dataSubscription;
-    constructor(excelService: ExcelService, localization: LocalizationService, zone: NgZone);
+    constructor(excelService: ExcelService, ctx: ContextService, zone: NgZone);
     ngOnDestroy(): void;
     protected save(component: GridComponent): void;
     protected exportData(component: GridComponent, result: ExcelExportData): void;