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

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

@@ -4,13 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DateFilterComponent } from '../date-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
 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 "@progress/kendo-angular-l10n";
+import * as i2 from "../../common/provider.service";
 import * as i3 from "../../layout/sizing-options.service";
 import * as i4 from "./filter-cell-wrapper.component";
 import * as i5 from "@progress/kendo-angular-dateinputs";
@@ -33,9 +33,9 @@ import * as i7 from "../../navigation/focusable.directive";
  * ```
  */
 export class DateFilterCellComponent extends DateFilterComponent {
-    constructor(filterService, localization, sizingService) {
-        super(filterService, localization);
-        this.localization = localization;
+    constructor(filterService, ctx, sizingService) {
+        super(filterService, ctx);
+        this.ctx = ctx;
         /**
          *  Represents a [DatePicker](slug:overview_datepicker) filter-cell component.
          * [See example](slug:filter_row#toc-built-in-filter-row-components).
@@ -64,18 +64,18 @@ export class DateFilterCellComponent extends DateFilterComponent {
      * @hidden
      */
     messageFor(key) {
-        return this.localization.get(key);
+        return this.ctx.localization.get(key);
     }
     /**
      * @hidden
      */
     get columnLabel() {
-        const localizationMsg = this.localization.get('filterInputLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-DateFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 DateFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateFilterCellComponent, selector: "kendo-grid-date-filter-cell", inputs: { showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -145,6 +145,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-filter-wrapper-cell>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }, { type: i3.SizingOptionsService }]; }, propDecorators: { showOperators: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }]; }, propDecorators: { showOperators: [{
                 type: Input
             }] } });

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

@@ -5,11 +5,11 @@
 import { Component, Input, Output, EventEmitter, HostBinding, ViewChild } from '@angular/core';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { Keys } from '@progress/kendo-angular-common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { filterClearIcon } from '@progress/kendo-svg-icons';
+import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
+import * as i1 from "../../common/provider.service";
 import * as i2 from "../../layout/sizing-options.service";
 import * as i3 from "@progress/kendo-angular-dropdowns";
 import * as i4 from "@progress/kendo-angular-buttons";
@@ -33,8 +33,8 @@ import * as i6 from "../../navigation/focusable.directive";
  * ```
  */
 export class FilterCellOperatorsComponent {
-    constructor(localization, sizing) {
-        this.localization = localization;
+    constructor(ctx, sizing) {
+        this.ctx = ctx;
         this.sizing = sizing;
         this.clearText = 'Clear';
         this.filterClearIcon = filterClearIcon;
@@ -103,7 +103,7 @@ export class FilterCellOperatorsComponent {
         }
     }
     ngOnInit() {
-        this.subs = this.localization.changes.subscribe(() => this.clearText = this.localization.get('filterClearButton'));
+        this.subs = this.ctx.localization.changes.subscribe(() => this.clearText = this.ctx.localization.get('filterClearButton'));
         this.subs.add(this.sizing.changes.subscribe((size) => this.size = size));
     }
     ngOnDestroy() {
@@ -112,7 +112,7 @@ export class FilterCellOperatorsComponent {
         }
     }
 }
-FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.ContextService }, { token: i2.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
         <kendo-dropdownlist
             #dropdown
@@ -174,7 +174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             (keydown)="clearKeydown($event)"></button>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.SizingOptionsService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.SizingOptionsService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell-operator']
             }], dropdown: [{

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

@@ -4,13 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { NumericFilterComponent } from '../numeric-filter.component';
 import { replaceMessagePlaceholder } from '../../utils';
 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 "@progress/kendo-angular-l10n";
+import * as i2 from "../../common/provider.service";
 import * as i3 from "../../layout/sizing-options.service";
 import * as i4 from "./filter-cell-wrapper.component";
 import * as i5 from "@progress/kendo-angular-inputs";
@@ -33,13 +33,13 @@ import * as i7 from "../filter-input.directive";
  * ```
  */
 export class NumericFilterCellComponent extends NumericFilterComponent {
-    constructor(filterService, localization, sizingService) {
-        super(filterService, localization);
-        this.localization = localization;
+    constructor(filterService, ctx, sizingService) {
+        super(filterService, ctx);
+        this.ctx = ctx;
         /**
          * Determines the delay time (in milliseconds) before the filter value is submitted.
          * A value of `0` indicates no delay. The default value is `500`.
-         * @type {boolean}
+         * @type {boolean}\
          * @default 500
          */
         this.filterDelay = 500;
@@ -59,18 +59,18 @@ export class NumericFilterCellComponent extends NumericFilterComponent {
      * @hidden
      */
     messageFor(key) {
-        return this.localization.get(key);
+        return this.ctx.localization.get(key);
     }
     /**
      * @hidden
      */
     get columnLabel() {
-        const localizationMsg = this.localization.get('filterInputLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-NumericFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+NumericFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 NumericFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NumericFilterCellComponent, selector: "kendo-grid-numeric-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -138,7 +138,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.LocalizationService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
                 type: Input
             }], showOperators: [{
                 type: Input

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

@@ -4,13 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { StringFilterComponent } from "../string-filter.component";
 import { replaceMessagePlaceholder } from '../../utils';
 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 "@progress/kendo-angular-l10n";
+import * as i2 from "../../common/provider.service";
 import * as i3 from "../../layout/sizing-options.service";
 import * as i4 from "./filter-cell-wrapper.component";
 import * as i5 from "@progress/kendo-angular-inputs";
@@ -34,8 +34,8 @@ import * as i8 from "@angular/forms";
  * ```
  */
 export class StringFilterCellComponent extends StringFilterComponent {
-    constructor(filterService, localization, sizingService) {
-        super(filterService, localization);
+    constructor(filterService, ctx, sizingService) {
+        super(filterService, ctx);
         /**
          * Determines the delay time (in milliseconds) before the filter value is submitted.
          * A value of `0` indicates no delay.
@@ -60,12 +60,12 @@ export class StringFilterCellComponent extends StringFilterComponent {
      * @hidden
      */
     get columnLabel() {
-        const localizationMsg = this.localization.get('filterInputLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-StringFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
+StringFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
 StringFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: StringFilterCellComponent, selector: "kendo-grid-string-filter-cell", inputs: { filterDelay: "filterDelay", showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-filter-wrapper-cell
             [column]="column"
@@ -105,7 +105,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.LocalizationService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }]; }, propDecorators: { filterDelay: [{
                 type: Input
             }], showOperators: [{
                 type: Input

package/esm2020/filtering/date-filter.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 { isNullOrEmptyString, extractFormat } from "../utils";
 import { toJSON } from './operators/filter-operator.base';
+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";
 const dateOperators = localizeOperators({
     "filterEqOperator": "eq",
     "filterNotEqOperator": "neq",
@@ -27,9 +27,9 @@ const dateOperators = localizeOperators({
  * @hidden
  */
 export class DateFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, localization) {
+    constructor(filterService, ctx) {
         super(filterService);
-        this.localization = localization;
+        this.ctx = ctx;
         /**
          * The default filter operator. Defaults to `contains`.
          * @type {string}
@@ -58,7 +58,7 @@ export class DateFilterComponent extends BaseFilterCellComponent {
          * @default false
          */
         this.weekNumber = false;
-        this.defaultOperators = dateOperators(this.localization);
+        this.defaultOperators = dateOperators(this.ctx.localization);
     }
     /**
      * The current filter for the associated column field.
@@ -98,7 +98,7 @@ export class DateFilterComponent extends BaseFilterCellComponent {
             extractFormat(this.column.format) : "d";
     }
     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) {
@@ -107,13 +107,13 @@ export class DateFilterComponent extends BaseFilterCellComponent {
         super.ngOnDestroy();
     }
     localizationChange() {
-        this.defaultOperators = dateOperators(this.localization);
+        this.defaultOperators = dateOperators(this.ctx.localization);
         if (this.operatorList.length) {
             this.operators = toJSON(this.operatorList.toArray());
         }
     }
 }
-DateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 DateFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateFilterComponent, selector: "kendo-grid-date-filter-base", inputs: { column: "column", filter: "filter", operator: "operator", format: "format", min: "min", max: "max", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
@@ -121,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-grid-date-filter-base',
                     template: ``
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { column: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.ContextService }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{
                 type: Input

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

@@ -5,10 +5,10 @@
 import { ColumnInfoService } from './../common/column-info.service';
 import { Component, Input, HostBinding } from '@angular/core';
 import { DetailTemplateDirective } from '../rendering/details/detail-template.directive';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { replaceMessagePlaceholder } from '../utils';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
+import * as i1 from "../common/provider.service";
 import * as i2 from "./../common/column-info.service";
 import * as i3 from "./cell/filter-cell.component";
 import * as i4 from "@angular/common";
@@ -17,8 +17,8 @@ import * as i5 from "../navigation/logical-cell.directive";
  * @hidden
  */
 export class FilterRowComponent {
-    constructor(localization, columnInfoService) {
-        this.localization = localization;
+    constructor(ctx, columnInfoService) {
+        this.ctx = ctx;
         this.columnInfoService = columnInfoService;
         this.columns = [];
         this.groups = [];
@@ -29,12 +29,12 @@ export class FilterRowComponent {
         return { ...sticky, ...column.filterStyle };
     }
     filterLabel(column) {
-        const localizationMsg = this.localization.get('filterInputLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
         const columnName = column.title || column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+FilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
 FilterRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
         <td
             class="k-table-td"
@@ -94,7 +94,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
       ></td>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ColumnInfoService }]; }, propDecorators: { columns: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.ColumnInfoService }]; }, propDecorators: { columns: [{
                 type: Input
             }], filter: [{
                 type: Input

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

@@ -4,14 +4,14 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, HostBinding, QueryList, ViewChildren } from '@angular/core';
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BooleanFilterComponent } from '../boolean-filter.component';
 import { guid } from '@progress/kendo-angular-common';
 import { BooleanFilterRadioButtonDirective } from './filter-radio-button.directive';
 import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
+import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
+import * as i1 from "../../common/provider.service";
 import * as i2 from "@angular/common";
 import * as i3 from "@progress/kendo-angular-inputs";
 import * as i4 from "./filter-radio-button.directive";
@@ -33,8 +33,8 @@ import * as i4 from "./filter-radio-button.directive";
  * ```
  */
 export class BooleanFilterMenuComponent extends BooleanFilterComponent {
-    constructor(localization) {
-        super(null, localization);
+    constructor(ctx) {
+        super(null, ctx);
         /**
          * The current menu filter.
          * @type {CompositeFilterDescriptor}
@@ -50,7 +50,9 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
     }
     ngAfterViewInit() {
         this.filterService.menuTabbingService.firstFocusable = this.radioButtons.first.radioButtonEl;
-        this.radioButtons.first.radioButtonEl.focus();
+        if (!this.menuTabbingService?.isTabbedInterface) {
+            this.radioButtons.first.radioButtonEl.focus();
+        }
     }
     /**
      * @hidden
@@ -88,12 +90,12 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
      * @hidden
      */
     get columnLabel() {
-        const localizationMsg = this.localization.get('filterInputLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-BooleanFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+BooleanFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 BooleanFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BooleanFilterMenuComponent, selector: "kendo-grid-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <ul class="k-radio-list k-reset">
             <li *ngFor="let item of items">
@@ -135,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ul>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell']
             }], filter: [{

package/esm2020/filtering/menu/date-filter-menu-input.component.mjs

@@ -8,11 +8,11 @@ import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { SinglePopupService } from '../../common/single-popup.service';
 import { filter } from 'rxjs/operators';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { replaceMessagePlaceholder } from '../../utils';
+import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/single-popup.service";
-import * as i2 from "@progress/kendo-angular-l10n";
+import * as i2 from "../../common/provider.service";
 import * as i3 from "./filter-menu-input-wrapper.component";
 import * as i4 from "@progress/kendo-angular-dateinputs";
 import * as i5 from "../filter-input.directive";
@@ -20,9 +20,9 @@ import * as i5 from "../filter-input.directive";
  * @hidden
  */
 export class DateFilterMenuInputComponent {
-    constructor(popupService, localizationService) {
+    constructor(popupService, ctx) {
         this.popupService = popupService;
-        this.localizationService = localizationService;
+        this.ctx = ctx;
         this.operators = [];
     }
     ngOnDestroy() {
@@ -36,15 +36,15 @@ export class DateFilterMenuInputComponent {
             .subscribe(e => e.preventDefault());
     }
     messageFor(key) {
-        return this.localizationService.get(key);
+        return this.ctx.localization.get(key);
     }
     get columnLabel() {
-        const localizationMsg = this.localizationService.get('filterInputLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 DateFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
         <kendo-grid-filter-menu-input-wrapper
             [column]="column"
@@ -122,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-filter-menu-input-wrapper>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.SinglePopupService }, { type: i2.LocalizationService }]; }, propDecorators: { operators: [{
+        }], ctorParameters: function () { return [{ type: i1.SinglePopupService }, { type: i2.ContextService }]; }, propDecorators: { operators: [{
                 type: Input
             }], column: [{
                 type: Input

package/esm2020/filtering/menu/date-filter-menu.component.mjs

@@ -6,12 +6,12 @@ import { MenuTabbingService } from './menu-tabbing.service';
 import { Component, Input, HostBinding } from '@angular/core';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DateFilterComponent } from '../date-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
 import { replaceMessagePlaceholder } from '../../utils';
+import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
+import * as i1 from "../../common/provider.service";
 import * as i2 from "./date-filter-menu-input.component";
 import * as i3 from "@progress/kendo-angular-dropdowns";
 import * as i4 from "@angular/common";
@@ -33,9 +33,9 @@ import * as i5 from "./filter-menu-dropdownlist.directive";
  * ```
  */
 export class DateFilterMenuComponent extends DateFilterComponent {
-    constructor(localization) {
-        super(null, localization);
-        this.logicOperators = logicOperators(this.localization);
+    constructor(ctx) {
+        super(null, ctx);
+        this.logicOperators = logicOperators(this.ctx.localization);
         /**
          * The current menu filter.
          * @type {CompositeFilterDescriptor}
@@ -63,16 +63,16 @@ export class DateFilterMenuComponent extends DateFilterComponent {
         this.filter.logic = value;
     }
     get filterMenuDropDownLabel() {
-        const localizationMsg = this.localization.get('filterMenuLogicDropDownLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterMenuLogicDropDownLabel') || '';
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
     localizationChange() {
-        this.logicOperators = logicOperators(this.localization);
+        this.logicOperators = logicOperators(this.ctx.localization);
         super.localizationChange();
     }
 }
-DateFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DateFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 DateFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateFilterMenuComponent, selector: "kendo-grid-date-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-date-filter-menu-input
             [currentFilter]="firstFilter"
@@ -182,7 +182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-date-filter-menu-input>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-filtercell']
             }], column: [{

package/esm2020/filtering/menu/filter-menu-container.component.mjs

@@ -8,11 +8,11 @@ import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from "../filter.service";
 import { removeFilter, filtersByField } from "../base-filter-cell.component";
 import { isPresent, isNullOrEmptyString } from "../../utils";
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { cloneFilters } from '../../common/filter-descriptor-differ';
+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";
 import * as i3 from "./menu-tabbing.service";
 import * as i4 from "@angular/forms";
 import * as i5 from "@angular/common";
@@ -48,10 +48,10 @@ const parentLogicOfDefault = (filter, field, def = "and") => {
  * @hidden
  */
 export class FilterMenuContainerComponent {
-    constructor(parentService, childService, localization, cd, menuTabbingService) {
+    constructor(parentService, childService, ctx, cd, menuTabbingService) {
         this.parentService = parentService;
         this.childService = childService;
-        this.localization = localization;
+        this.ctx = ctx;
         this.cd = cd;
         this.close = new EventEmitter();
         /**
@@ -82,7 +82,7 @@ export class FilterMenuContainerComponent {
     }
     ngOnInit() {
         this.subscription = this.childService.changes.subscribe(filter => this._childFilter = filter);
-        this.subscription.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
+        this.subscription.add(this.ctx.localization.changes.subscribe(() => this.cd.markForCheck()));
     }
     ngAfterViewChecked() {
         if (!this.menuTabbingService.isColumnMenu || (this.isLast && this.isExpanded)) {
@@ -145,13 +145,13 @@ export class FilterMenuContainerComponent {
         }
     }
     get clearText() {
-        return this.localization.get("filterClearButton");
+        return this.ctx.localization.get("filterClearButton");
     }
     get filterText() {
-        return this.localization.get("filterFilterButton");
+        return this.ctx.localization.get("filterFilterButton");
     }
 }
-FilterMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Component });
+FilterMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Component });
 FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: { column: "column", isLast: "isLast", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
         FilterService,
         MenuTabbingService
@@ -242,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1.FilterService, decorators: [{
                     type: SkipSelf
-                }] }, { type: i1.FilterService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.MenuTabbingService }]; }, propDecorators: { close: [{
+                }] }, { type: i1.FilterService }, { type: i2.ContextService }, { type: i0.ChangeDetectorRef }, { type: i3.MenuTabbingService }]; }, propDecorators: { close: [{
                 type: Output
             }], column: [{
                 type: Input