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

package/esm2020/common/provider.service.mjs

@@ -3,8 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, Renderer2 } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { GridToolbarNavigationService } from '../rendering/toolbar/toolbar-navigation.service';
 import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * @hidden
  *
@@ -15,14 +17,15 @@ import * as i0 from "@angular/core";
  * and a avoids dependency cycles between components.
  */
 export class ContextService {
-    constructor(renderer) {
+    constructor(renderer, localization) {
         this.renderer = renderer;
+        this.localization = localization;
         this.topToolbarNavigation = new GridToolbarNavigationService(this.renderer);
         this.bottomToolbarNavigation = new GridToolbarNavigationService(this.renderer);
     }
 }
-ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
 ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });

package/esm2020/common/single-popup.service.mjs

@@ -7,13 +7,13 @@ import { Injectable, Renderer2, NgZone } from '@angular/core';
 import { isPresent } from '../utils';
 import { PreventableEvent } from './preventable-event';
 import { Subject, Subscription } from 'rxjs';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ScrollSyncService } from '../scrolling/scroll-sync.service';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { ContextService } from './provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "../scrolling/scroll-sync.service";
-import * as i3 from "@progress/kendo-angular-l10n";
+import * as i3 from "./provider.service";
 const contains = (node, predicate) => {
     while (node) {
         if (predicate(node)) {
@@ -41,11 +41,11 @@ export class SinglePopupService {
     /**
      * @hidden
      */
-    constructor(popupService, renderer, ngZone, scrollSyncService, localization) {
+    constructor(popupService, renderer, ngZone, scrollSyncService, ctx) {
         this.popupService = popupService;
         this.renderer = renderer;
         this.ngZone = ngZone;
-        this.localization = localization;
+        this.ctx = ctx;
         /**
          * Fires when the filter or column menus are about to close because the user clicked outside their popups.
          * Used to prevent the popup from closing.
@@ -61,7 +61,7 @@ export class SinglePopupService {
         const toggle = isPresent(popupRef) && this.popupRef === popupRef;
         this.destroy();
         if (!toggle) {
-            const direction = this.localization.rtl ? 'right' : 'left';
+            const direction = this.ctx.localization.rtl ? 'right' : 'left';
             this.popupRef = this.popupService.open({
                 anchorAlign: { vertical: 'bottom', horizontal: direction },
                 popupAlign: { vertical: 'top', horizontal: direction },
@@ -70,7 +70,7 @@ export class SinglePopupService {
                 content: template,
                 positionMode: "absolute"
             });
-            this.renderer.setAttribute(this.popupRef.popupElement, 'dir', this.localization.rtl ? 'rtl' : 'ltr');
+            this.renderer.setAttribute(this.popupRef.popupElement, 'dir', this.ctx.localization.rtl ? 'rtl' : 'ltr');
             this.attachClose(anchor);
         }
         const popupEl = this.popupRef?.popupElement;
@@ -129,8 +129,8 @@ export class SinglePopupService {
         });
     }
 }
-SinglePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SinglePopupService, deps: [{ token: i1.PopupService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.ScrollSyncService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+SinglePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SinglePopupService, deps: [{ token: i1.PopupService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.ScrollSyncService }, { token: i3.ContextService }], target: i0.ɵɵFactoryTarget.Injectable });
 SinglePopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SinglePopupService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SinglePopupService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i2.ScrollSyncService }, { type: i3.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i2.ScrollSyncService }, { type: i3.ContextService }]; } });

package/esm2020/editing/add-command.directive.mjs

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostListener, HostBinding, 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 { EditService } from './edit.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 import * as i3 from "@progress/kendo-angular-icons";
 import * as i4 from "@angular/common";
 /**
@@ -28,8 +28,8 @@ import * as i4 from "@angular/common";
  * ```
  */
 export class AddCommandDirective extends Button {
-    constructor(editService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
+    constructor(editService, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
         this.editService = editService;
     }
     /**
@@ -46,7 +46,7 @@ export class AddCommandDirective extends Button {
         return true;
     }
 }
-AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AddCommandDirective, selector: "[kendoGridAddCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -58,7 +58,7 @@ AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AddCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <span class="k-button-text"><ng-content></ng-content></span>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }], commandClass: [{

package/esm2020/editing/cancel-command.directive.mjs

@@ -4,12 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostListener, HostBinding, Inject, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
 import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { EditService } from './edit.service';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 import * as i3 from "@progress/kendo-angular-icons";
 import * as i4 from "@angular/common";
 /**
@@ -34,8 +34,8 @@ import * as i4 from "@angular/common";
  * ```
  */
 export class CancelCommandDirective extends Button {
-    constructor(editService, cellContext, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
+    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
         this.editService = editService;
         this.cellContext = cellContext;
         /**
@@ -65,7 +65,7 @@ export class CancelCommandDirective extends Button {
         }
     }
 }
-CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CancelCommandDirective, selector: "[kendoGridCancelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -77,7 +77,7 @@ CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CancelCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CELL_CONTEXT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
                 type: HostBinding,
                 args: ['style.display']
             }], commandClass: [{

package/esm2020/editing/edit-command.directive.mjs

@@ -4,12 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostListener, HostBinding, Inject, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
 import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { EditService } from './edit.service';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 import * as i3 from "@progress/kendo-angular-icons";
 import * as i4 from "@angular/common";
 /**
@@ -34,8 +34,8 @@ import * as i4 from "@angular/common";
  *
  */
 export class EditCommandDirective extends Button {
-    constructor(editService, cellContext, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
+    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
         this.editService = editService;
         this.cellContext = cellContext;
         /**
@@ -63,7 +63,7 @@ export class EditCommandDirective extends Button {
         }
     }
 }
-EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: EditCommandDirective, selector: "[kendoGridEditCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -75,7 +75,7 @@ EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: EditCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -96,7 +96,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CELL_CONTEXT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
                 type: HostBinding,
                 args: ['style.display']
             }], commandClass: [{

package/esm2020/editing/remove-command.directive.mjs

@@ -4,12 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostListener, HostBinding, Inject, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
 import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { EditService } from './edit.service';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 import * as i3 from "@progress/kendo-angular-icons";
 import * as i4 from "@angular/common";
 /**
@@ -33,8 +33,8 @@ import * as i4 from "@angular/common";
  * ```
  */
 export class RemoveCommandDirective extends Button {
-    constructor(editService, cellContext, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
+    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
         this.editService = editService;
         this.cellContext = cellContext;
         /**
@@ -62,7 +62,7 @@ export class RemoveCommandDirective extends Button {
         }
     }
 }
-RemoveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+RemoveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -74,7 +74,7 @@ RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: RemoveCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -95,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CELL_CONTEXT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
                 type: HostBinding,
                 args: ['style.display']
             }], commandClass: [{

package/esm2020/editing/save-command.directive.mjs

@@ -4,12 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostListener, HostBinding, Inject, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
 import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { EditService } from './edit.service';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 import * as i3 from "@progress/kendo-angular-icons";
 import * as i4 from "@angular/common";
 /**
@@ -34,8 +34,8 @@ import * as i4 from "@angular/common";
  * ```
  */
 export class SaveCommandDirective extends Button {
-    constructor(editService, cellContext, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
+    constructor(editService, cellContext, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
         this.editService = editService;
         this.cellContext = cellContext;
         /**
@@ -65,7 +65,7 @@ export class SaveCommandDirective extends Button {
         }
     }
 }
-SaveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+SaveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SaveCommandDirective, deps: [{ token: i1.EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SaveCommandDirective, selector: "[kendoGridSaveCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "style.display": "this.visible", "class.k-grid-save-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -77,7 +77,7 @@ SaveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SaveCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CELL_CONTEXT]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
                 type: HostBinding,
                 args: ['style.display']
             }], commandClass: [{

package/esm2020/excel/excel-command.directive.mjs

@@ -4,11 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostListener, HostBinding, 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";
 import * as i1 from "./excel.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 import * as i3 from "@progress/kendo-angular-icons";
 import * as i4 from "@angular/common";
 /**
@@ -31,8 +31,8 @@ import * as i4 from "@angular/common";
  * ```
  */
 export class ExcelCommandDirective extends Button {
-    constructor(excelService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
+    constructor(excelService, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
         this.excelService = excelService;
         this.ngZone = ngZone;
     }
@@ -50,7 +50,7 @@ export class ExcelCommandDirective extends Button {
         return true;
     }
 }
-ExcelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ExcelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ExcelCommandDirective, selector: "[kendoGridExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
@@ -62,7 +62,7 @@ ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i3.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExcelCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <span class="k-button-text"><ng-content></ng-content></span>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }], excelClass: [{

package/esm2020/excel/excel.component.mjs

@@ -9,12 +9,12 @@ import { saveAs } from '@progress/kendo-file-saver';
 import { toDataURL, workbookOptions, ColumnBase } from '@progress/kendo-angular-excel-export';
 import { ExcelService } from './excel.service';
 import { ExcelExportEvent } from './excel-export-event';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { orderBy } from '@progress/kendo-data-query';
 import { sortColumns } from '../columns/column-common';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./excel.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 const fetchComponentData = (component) => {
     return {
         data: component.view.map(item => item),
@@ -60,8 +60,8 @@ const componentColumns = (component) => {
  * Configures the settings for the export of Grid in Excel ([see example]({% slug excelexport_grid %})).
  */
 export class ExcelComponent {
-    constructor(excelService, localization, zone) {
-        this.localization = localization;
+    constructor(excelService, ctx, zone) {
+        this.ctx = ctx;
         this.zone = zone;
         /**
          * Specifies the file name of the exported Excel file.
@@ -106,7 +106,7 @@ export class ExcelComponent {
             date: this.date,
             paddingCellOptions: this.paddingCellOptions,
             headerPaddingCellOptions: this.headerPaddingCellOptions,
-            rtl: this.localization.rtl,
+            rtl: this.ctx.localization.rtl,
             collapsible: this.collapsible
         });
         const args = new ExcelExportEvent(options);
@@ -124,7 +124,7 @@ export class ExcelComponent {
         });
     }
 }
-ExcelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ExcelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 ExcelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ExcelComponent, selector: "kendo-grid-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", paddingCellOptions: "paddingCellOptions", headerPaddingCellOptions: "headerPaddingCellOptions", collapsible: "collapsible" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ExcelComponent, decorators: [{
             type: Component,
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-grid-excel',
                     template: ``
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { fileName: [{
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { fileName: [{
                 type: Input
             }], filterable: [{
                 type: Input

package/esm2020/filtering/boolean-filter.component.mjs

@@ -7,17 +7,17 @@ import { Input, HostBinding, Component } from '@angular/core';
 import { ColumnComponent } from '../columns/column.component';
 import { FilterService } from './filter.service';
 import { BaseFilterCellComponent } from './base-filter-cell.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./filter.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../common/provider.service";
 /**
  * @hidden
  */
 export class BooleanFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, localization) {
+    constructor(filterService, ctx) {
         super(filterService);
-        this.localization = localization;
+        this.ctx = ctx;
         /**
          * @hidden
          */
@@ -26,13 +26,13 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
          * @hidden
          */
         this.items = [
-            { text: this.localization.get("filterIsTrue"), value: true },
-            { text: this.localization.get("filterIsFalse"), value: false }
+            { text: this.ctx.localization.get("filterIsTrue"), value: true },
+            { text: this.ctx.localization.get("filterIsFalse"), value: false }
         ];
         /**
          * @hidden
          */
-        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
+        this.defaultItem = { text: this.ctx.localization.get("filterBooleanAll"), value: null };
     }
     /**
      * @hidden
@@ -57,7 +57,7 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
         return this.currentFilter ? this.currentFilter.operator : this.operator;
     }
     ngOnInit() {
-        this.subscription = this.localization.changes.subscribe(this.localizationChange.bind(this));
+        this.subscription = this.ctx.localization.changes.subscribe(this.localizationChange.bind(this));
     }
     ngOnDestroy() {
         if (this.subscription) {
@@ -67,13 +67,13 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
     }
     localizationChange() {
         this.items = [
-            { text: this.localization.get("filterIsTrue"), value: true },
-            { text: this.localization.get("filterIsFalse"), value: false }
+            { text: this.ctx.localization.get("filterIsTrue"), value: true },
+            { text: this.ctx.localization.get("filterIsFalse"), value: false }
         ];
-        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
+        this.defaultItem = { text: this.ctx.localization.get("filterBooleanAll"), value: null };
     }
 }
-BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 BooleanFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BooleanFilterComponent, selector: "kendo-grid-boolean-filter-base", inputs: { column: "column", filter: "filter" }, host: { properties: { "class.k-filtercell-boolean": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFilterComponent, decorators: [{
             type: Component,
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-grid-boolean-filter-base',
                     template: ``
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell-boolean']
             }], column: [{

package/esm2020/filtering/cell/autocomplete-filter-cell.component.mjs

@@ -7,12 +7,12 @@ import { Component, Input } from '@angular/core';
 import { ColumnComponent } from '../../columns/column.component';
 import { FilterService } from '../filter.service';
 import { BaseFilterCellComponent, localizeOperators } from '../base-filter-cell.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
+import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../columns/column.component";
-import * as i3 from "@progress/kendo-angular-l10n";
+import * as i3 from "../../common/provider.service";
 import * as i4 from "../../layout/sizing-options.service";
 import * as i5 from "./filter-cell-wrapper.component";
 import * as i6 from "@progress/kendo-angular-dropdowns";
@@ -33,12 +33,12 @@ const stringOperators = localizeOperators({
  * @hidden
  */
 export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
-    constructor(filterService, column, localization, sizingOptionsService) {
+    constructor(filterService, column, ctx, sizingOptionsService) {
         super(filterService);
-        this.localization = localization;
+        this.ctx = ctx;
         this.showOperators = true;
         this.size = 'medium';
-        this.defaultOperators = stringOperators(this.localization);
+        this.defaultOperators = stringOperators(this.ctx.localization);
         this.column = column;
         this.subs = sizingOptionsService.changes.subscribe(size => this.size = size);
     }
@@ -60,7 +60,7 @@ export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
         }
     }
 }
-AutoCompleteFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.LocalizationService }, { token: i4.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+AutoCompleteFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.ContextService }, { token: i4.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 AutoCompleteFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AutoCompleteFilterCellComponent, selector: "kendo-grid-autocomplete-filter-cell", inputs: { showOperators: "showOperators", column: "column", filter: "filter", data: "data", valueField: "valueField" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -96,7 +96,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ColumnComponent }, { type: i3.LocalizationService }, { type: i4.SizingOptionsService }]; }, propDecorators: { showOperators: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ColumnComponent }, { type: i3.ContextService }, { type: i4.SizingOptionsService }]; }, propDecorators: { showOperators: [{
                 type: Input
             }], column: [{
                 type: Input