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

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,16 +48,16 @@ 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();
         /**
          * @hidden
          */
-        this.actionsClass = 'k-actions';
+        this.actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
         this._templateContext = {};
         this.menuTabbingService = menuTabbingService;
     }
@@ -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
@@ -179,16 +179,16 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                     </ng-container>
                 </ng-container>
                 <div [ngClass]="actionsClass">
-                    <button
-                        #resetButton
-                        type="reset"
-                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
-                        (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
                     <button #filterButton
                         type="submit"
                         class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
                         [disabled]="disabled"
                         (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
+                    <button
+                        #resetButton
+                        type="reset"
+                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
                 </div>
             </div>
         </form>
@@ -225,16 +225,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     </ng-container>
                 </ng-container>
                 <div [ngClass]="actionsClass">
-                    <button
-                        #resetButton
-                        type="reset"
-                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
-                        (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
                     <button #filterButton
                         type="submit"
                         class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
                         [disabled]="disabled"
                         (keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
+                    <button
+                        #resetButton
+                        type="reset"
+                        class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
+                        (keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
                 </div>
             </div>
         </form>
@@ -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

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

@@ -3,23 +3,23 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, ViewChild } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { FilterService } from '../filter.service';
 import { FilterInputWrapperComponent } from "../filter-input-wrapper.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 "@progress/kendo-angular-dropdowns";
 import * as i3 from "./filter-menu-dropdownlist.directive";
 /**
  * @hidden
  */
 export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent {
-    constructor(localizationService) {
+    constructor(ctx) {
         super(null);
-        this.localizationService = localizationService;
+        this.ctx = ctx;
     }
     /**
      * @hidden
@@ -28,7 +28,9 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
         return false;
     }
     ngAfterViewInit() {
-        if (this.isFirstDropDown && this.filterService && this.filterService.menuTabbingService) {
+        const shouldFocusFirstFocusable = this.isFirstDropDown && this.filterService && this.filterService.menuTabbingService;
+        const isTabbedInterface = this.menuTabbingService?.isTabbedInterface;
+        if (shouldFocusFirstFocusable && !isTabbedInterface) {
             this.filterService.menuTabbingService.firstFocusable = this.firstOperatorDropDown;
             this.firstOperatorDropDown.focus();
         }
@@ -74,12 +76,12 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
         }
     }
     get filterMenuDropDownLabel() {
-        const localizationMsg = this.localizationService.get('filterMenuOperatorsDropDownLabel') || '';
+        const localizationMsg = this.ctx.localization.get('filterMenuOperatorsDropDownLabel') || '';
         const columnName = this.column ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-FilterMenuInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+FilterMenuInputWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuInputWrapperComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 FilterMenuInputWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: { filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", currentFilter: "currentFilter" }, viewQueries: [{ propertyName: "firstOperatorDropDown", first: true, predicate: DropDownListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-dropdownlist
             kendoFilterMenuDropDown
@@ -113,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <ng-content></ng-content>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { filterService: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { filterService: [{
                 type: Input
             }], isFirstDropDown: [{
                 type: Input

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

@@ -8,13 +8,13 @@ import { FilterService } from "../filter.service";
 import { ColumnComponent } from '../../columns/column.component';
 import { SinglePopupService } from '../../common/single-popup.service';
 import { filtersByField } from '../base-filter-cell.component';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
 import { replaceMessagePlaceholder } from '../../utils';
 import { filterIcon } from '@progress/kendo-svg-icons';
+import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/single-popup.service";
-import * as i3 from "@progress/kendo-angular-l10n";
+import * as i3 from "../../common/provider.service";
 import * as i4 from "./../../navigation/navigation.service";
 import * as i5 from "@progress/kendo-angular-icons";
 import * as i6 from "./filter-menu-container.component";
@@ -22,10 +22,10 @@ import * as i6 from "./filter-menu-container.component";
  * @hidden
  */
 export class FilterMenuComponent {
-    constructor(filterService, popupService, localization, navigationService) {
+    constructor(filterService, popupService, ctx, navigationService) {
         this.filterService = filterService;
         this.popupService = popupService;
-        this.localization = localization;
+        this.ctx = ctx;
         this.navigationService = navigationService;
         this.filterIcon = filterIcon;
         this.tabIndex = '-1';
@@ -37,7 +37,7 @@ export class FilterMenuComponent {
      * @hidden
      */
     get filterLabel() {
-        const localizationMsg = this.localization.get('filterMenuTitle') || '';
+        const localizationMsg = this.ctx.localization.get('filterMenuTitle') || '';
         const columnName = this.column.title || this.column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
@@ -63,7 +63,7 @@ export class FilterMenuComponent {
         }
     }
 }
-FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.LocalizationService }, { token: i4.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuComponent, deps: [{ token: i1.FilterService }, { token: i2.SinglePopupService }, { token: i3.ContextService }, { token: i4.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
 FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: { column: "column", filter: "filter", tabIndex: "tabIndex" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, static: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
         <a #anchor
             class="k-grid-filter-menu k-grid-header-menu"
@@ -87,7 +87,7 @@ FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
                 >
             </kendo-grid-filter-menu-container>
         </ng-template>
-    `, isInline: true, components: [{ type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i6.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
+    `, isInline: true, components: [{ type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i6.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterMenuComponent, decorators: [{
             type: Component,
             args: [{
@@ -117,7 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.SinglePopupService }, { type: i3.LocalizationService }, { type: i4.NavigationService }]; }, propDecorators: { column: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.SinglePopupService }, { type: i3.ContextService }, { type: i4.NavigationService }]; }, propDecorators: { column: [{
                 type: Input
             }], filter: [{
                 type: Input

package/esm2020/filtering/menu/menu-tabbing.service.mjs

@@ -11,6 +11,7 @@ export class MenuTabbingService {
     constructor() {
         this.isColumnMenu = false;
         this.isPopupOpen = false;
+        this.isTabbedInterface = false;
     }
 }
 MenuTabbingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MenuTabbingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });

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

@@ -3,13 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 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 "./filter-menu-input-wrapper.component";
 import * as i3 from "@progress/kendo-angular-inputs";
 import * as i4 from "../filter-input.directive";
@@ -17,8 +17,8 @@ import * as i4 from "../filter-input.directive";
  * @hidden
  */
 export class NumericFilterMenuInputComponent {
-    constructor(localization) {
-        this.localization = localization;
+    constructor(ctx) {
+        this.ctx = ctx;
         this.operators = [];
         /**
          * Specifies the value which is used to increment or decrement the component value.
@@ -32,18 +32,18 @@ export class NumericFilterMenuInputComponent {
         this.spinners = true;
     }
     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 ? this.column.title || this.column.field : '';
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
 }
-NumericFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NumericFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", filterDelay: "filterDelay", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
         <kendo-grid-filter-menu-input-wrapper
             [column]="column"
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-filter-menu-input-wrapper>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { operators: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { operators: [{
                 type: Input
             }], column: [{
                 type: Input

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

@@ -5,13 +5,13 @@
 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 { NumericFilterComponent } from '../numeric-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
 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 "./numeric-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 NumericFilterMenuComponent extends NumericFilterComponent {
-    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}
@@ -69,16 +69,16 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
         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();
     }
 }
-NumericFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NumericFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 NumericFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NumericFilterMenuComponent, selector: "kendo-grid-numeric-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", filterDelay: "filterDelay", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-numeric-filter-menu-input
             [currentFilter]="firstFilter"
@@ -178,7 +178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-numeric-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/string-filter-menu-input.component.mjs

@@ -2,14 +2,14 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Component, Input } from '@angular/core';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 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 "./filter-menu-input-wrapper.component";
 import * as i3 from "@progress/kendo-angular-inputs";
 import * as i4 from "@angular/forms";
@@ -18,17 +18,17 @@ import * as i5 from "../filter-input.directive";
  * @hidden
  */
 export class StringFilterMenuInputComponent {
-    constructor(localizationService) {
-        this.localizationService = localizationService;
+    constructor(ctx) {
+        this.ctx = ctx;
         this.operators = [];
     }
     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);
     }
 }
-StringFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+StringFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringFilterMenuInputComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 StringFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: StringFilterMenuInputComponent, selector: "kendo-grid-string-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService" }, ngImport: i0, template: `
         <kendo-grid-filter-menu-input-wrapper
             [column]="column"
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-filter-menu-input-wrapper>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { operators: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { operators: [{
                 type: Input
             }], column: [{
                 type: Input

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

@@ -7,11 +7,11 @@ import { Component, Input, HostBinding } from '@angular/core';
 import { ColumnComponent } from "../../columns/column.component";
 import { StringFilterComponent } from '../string-filter.component';
 import { FilterService } from '../filter.service';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 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 "./string-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 StringFilterMenuComponent extends StringFilterComponent {
-    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 StringFilterMenuComponent extends StringFilterComponent {
         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();
     }
 }
-StringFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+StringFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StringFilterMenuComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 StringFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: StringFilterMenuComponent, selector: "kendo-grid-string-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-string-filter-menu-input
             [currentFilter]="firstFilter"
@@ -140,7 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-grid-string-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/numeric-filter.component.mjs

@@ -7,12 +7,12 @@ import { Directive, 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 numericOperators = localizeOperators({
     "filterEqOperator": "eq",
     "filterNotEqOperator": "neq",
@@ -27,9 +27,9 @@ const numericOperators = localizeOperators({
  * Represents a base numeric filter component.
  */
 export class NumericFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, localization) {
+    constructor(filterService, ctx) {
         super(filterService);
-        this.localization = localization;
+        this.ctx = ctx;
         /**
          * The default filter operator.
          * @type {string}
@@ -48,7 +48,7 @@ export class NumericFilterComponent extends BaseFilterCellComponent {
          * @default true
          */
         this.spinners = true;
-        this.defaultOperators = numericOperators(this.localization);
+        this.defaultOperators = numericOperators(this.ctx.localization);
     }
     /**
      * Specifies the number format used when the component is not focused.
@@ -85,7 +85,7 @@ export class NumericFilterComponent extends BaseFilterCellComponent {
             extractFormat(this.column.format) : "n2";
     }
     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) {
@@ -94,18 +94,18 @@ export class NumericFilterComponent extends BaseFilterCellComponent {
         super.ngOnDestroy();
     }
     localizationChange() {
-        this.defaultOperators = numericOperators(this.localization);
+        this.defaultOperators = numericOperators(this.ctx.localization);
         if (this.operatorList.length) {
             this.operators = toJSON(this.operatorList.toArray());
         }
     }
 }
-NumericFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+NumericFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
 NumericFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: NumericFilterComponent, inputs: { column: "column", filter: "filter", operator: "operator", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NumericFilterComponent, decorators: [{
             type: Directive,
             args: [{}]
-        }], 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/operators/after-eq-filter-operator.component.mjs

@@ -4,15 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, forwardRef } from '@angular/core';
 import { FilterOperatorBase } from './filter-operator.base';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
+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";
 /**
  * Represents the `GreaterOrEqualTo` (**Is after or equal to**) [date filter](slug:filtering_grid#toc-date-filter) operator.
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 export class AfterEqFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("after-eq", localization); }
+    constructor(ctx) { super("after-eq", ctx); }
     /**
      * @hidden
      */
@@ -23,7 +23,7 @@ export class AfterEqFilterOperatorComponent extends FilterOperatorBase {
         };
     }
 }
-AfterEqFilterOperatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AfterEqFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+AfterEqFilterOperatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AfterEqFilterOperatorComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 AfterEqFilterOperatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AfterEqFilterOperatorComponent, selector: "kendo-filter-after-eq-operator", providers: [
         {
             provide: FilterOperatorBase,
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-filter-after-eq-operator',
                     template: ``
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; } });

package/esm2020/filtering/operators/after-filter-operator.component.mjs

@@ -3,16 +3,16 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, forwardRef } from '@angular/core';
+import { ContextService } from '../../common/provider.service';
 import { FilterOperatorBase } from './filter-operator.base';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
+import * as i1 from "../../common/provider.service";
 /**
  * Represents the `Greater` (**Is after**) [date filter](slug:filtering_grid#toc-date-filter) operator.
  * [See example](slug:filter_row#toc-default-filter-operator).
  */
 export class AfterFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("after", localization); }
+    constructor(ctx) { super("after", ctx); }
     /**
      * @hidden
      */
@@ -23,7 +23,7 @@ export class AfterFilterOperatorComponent extends FilterOperatorBase {
         };
     }
 }
-AfterFilterOperatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AfterFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+AfterFilterOperatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AfterFilterOperatorComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
 AfterFilterOperatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: AfterFilterOperatorComponent, selector: "kendo-filter-after-operator", providers: [
         {
             provide: FilterOperatorBase,
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'kendo-filter-after-operator',
                     template: ``
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; } });