@progress/kendo-angular-treelist 18.2.1-develop.3 → 18.3.0-develop.2

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

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class MenuTabbingService {
+    firstFocusable;
+    lastFocusable;
+    isColumnMenu = false;
+    isPopupOpen = false;
+    lastMenuItem;
+    isTabbedInterface = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTabbingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTabbingService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTabbingService, decorators: [{
+            type: Injectable
+        }] });

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

@@ -3,16 +3,21 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
-import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
+import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent } from '@progress/kendo-angular-inputs';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
+import { MenuTabbingService } from './menu-tabbing.service';
+import { ContextService } from '../../common/provider.service';
+import { replaceMessagePlaceholder } from '../../utils';
 import * as i0 from "@angular/core";
+import * as i1 from "../../common/provider.service";
 /**
  * @hidden
  */
 export class NumericFilterMenuInputComponent {
+    ctx;
     operators = [];
     column;
     filter;
@@ -20,40 +25,31 @@ export class NumericFilterMenuInputComponent {
     currentFilter;
     filterService;
     placeholder;
-    /**
-     * Specifies the value which is used to increment or decrement the component value.
-     * @type {numeric}
-     */
+    filterDelay;
+    isFirstDropDown;
+    menuTabbingService;
     step = 1;
-    /**
-     * Specifies the smallest value that is valid.
-     * @type {number}
-     */
     min;
-    /**
-     * Specifies the greatest value that is valid.
-     * @type {number}
-     */
     max;
-    /**
-     * Specifies whether the **Up** and **Down** spin buttons will be rendered.
-     * @type {boolean}
-     */
     spinners = true;
-    /**
-     * Specifies the number precision tat is applied to the component value when it is focused.
-     * If the user enters a number with a greater precision than is currently configured, the component value is rounded.
-     *
-     * @type {number}
-     */
     decimals;
+    format;
+    constructor(ctx) {
+        this.ctx = ctx;
+    }
+    messageFor(key) {
+        return this.ctx.localization.get(key);
+    }
     /**
-     * Specifies the number format that is used when the component is not focused.
-     * By default, the `column.format` value is used (if set).
+     * @hidden
      */
-    format;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
+    get columnLabel() {
+        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
+        const columnName = this.column ? this.column.title || this.column.field : '';
+        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder", filterDelay: "filterDelay", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
         <kendo-treelist-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -61,10 +57,12 @@ export class NumericFilterMenuInputComponent {
             [defaultOperator]="operator"
             [currentFilter]="currentFilter"
             [filterService]="filterService"
-            >
+            [isFirstDropDown]="isFirstDropDown"
+            [menuTabbingService]="menuTabbingService">
             <kendo-numerictextbox
                 kendoFilterInput
-                [filterDelay]="0"
+                [columnLabel]="columnLabel"
+                [filterDelay]="filterDelay"
                 [autoCorrect]="true"
                 [value]="currentFilter?.value"
                 [format]="format"
@@ -74,9 +72,13 @@ export class NumericFilterMenuInputComponent {
                 [max]="max"
                 [step]="step"
                 [placeholder]="placeholder">
+                <kendo-numerictextbox-messages
+                    [increment]="messageFor('filterNumericIncrement')"
+                    [decrement]="messageFor('filterNumericDecrement')"
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-treelist-filter-menu-input-wrapper>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuInputComponent, decorators: [{
             type: Component,
@@ -90,10 +92,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [defaultOperator]="operator"
             [currentFilter]="currentFilter"
             [filterService]="filterService"
-            >
+            [isFirstDropDown]="isFirstDropDown"
+            [menuTabbingService]="menuTabbingService">
             <kendo-numerictextbox
                 kendoFilterInput
-                [filterDelay]="0"
+                [columnLabel]="columnLabel"
+                [filterDelay]="filterDelay"
                 [autoCorrect]="true"
                 [value]="currentFilter?.value"
                 [format]="format"
@@ -103,13 +107,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [max]="max"
                 [step]="step"
                 [placeholder]="placeholder">
+                <kendo-numerictextbox-messages
+                    [increment]="messageFor('filterNumericIncrement')"
+                    [decrement]="messageFor('filterNumericDecrement')"
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-treelist-filter-menu-input-wrapper>
     `,
                     standalone: true,
-                    imports: [FilterMenuInputWrapperComponent, NumericTextBoxComponent, FilterInputDirective]
+                    imports: [FilterMenuInputWrapperComponent, NumericTextBoxComponent, FilterInputDirective, NumericTextBoxCustomMessagesComponent]
                 }]
-        }], propDecorators: { operators: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { operators: [{
                 type: Input
             }], column: [{
                 type: Input
@@ -123,6 +131,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], placeholder: [{
                 type: Input
+            }], filterDelay: [{
+                type: Input
+            }], isFirstDropDown: [{
+                type: Input
+            }], menuTabbingService: [{
+                type: Input
             }], step: [{
                 type: Input
             }], min: [{

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

@@ -10,6 +10,9 @@ import { FilterService } from '../filter.service';
 import { NumericFilterComponent } from '../numeric-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
 import { NumericFilterMenuInputComponent } from './numeric-filter-menu-input.component';
+import { MenuTabbingService } from './menu-tabbing.service';
+import { replaceMessagePlaceholder } from '../../utils';
+import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
@@ -50,6 +53,12 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
      * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
      */
     filterService;
+    /**
+     * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay. The default value is 500.
+     *
+     * @default 500
+     */
+    filterDelay = 500;
     /**
      * The placeholder text for the filter input.
      * @type {string}
@@ -60,6 +69,10 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
      * @type {string}
      */
     extraPlaceholder = '';
+    /**
+     * @hidden
+     */
+    menuTabbingService;
     constructor(localization) {
         super(null, localization);
     }
@@ -76,12 +89,18 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
         this.logicOperators = logicOperators(this.localization);
         super.localizationChange();
     }
+    get filterMenuDropDownLabel() {
+        const localizationMsg = this.localization.get('filterMenuLogicDropDownLabel') || '';
+        const columnName = this.column ? this.column.title || this.column.field : '';
+        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-numeric-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", filterDelay: "filterDelay", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-numeric-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
             [filterService]="filterService"
+            [filterDelay]="filterDelay"
             [column]="column"
             [filter]="filter"
             [format]="format"
@@ -91,10 +110,13 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
             [max]="max"
             [step]="step"
             [placeholder]="placeholder"
-            >
+            [menuTabbingService]="menuTabbingService"
+            [isFirstDropDown]="true">
         </kendo-treelist-numeric-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
+            kendoFilterMenuDropDown
+            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
             class="k-filter-and"
             [data]="logicOperators"
             [valuePrimitive]="true"
@@ -117,9 +139,9 @@ export class NumericFilterMenuComponent extends NumericFilterComponent {
             [max]="max"
             [step]="step"
             [placeholder]="extraPlaceholder"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-treelist-numeric-filter-menu-input>
-    `, isInline: true, dependencies: [{ kind: "component", type: NumericFilterMenuInputComponent, selector: "kendo-treelist-numeric-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder", "step", "min", "max", "spinners", "decimals", "format"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: NumericFilterMenuInputComponent, selector: "kendo-treelist-numeric-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder", "filterDelay", "isFirstDropDown", "menuTabbingService", "step", "min", "max", "spinners", "decimals", "format"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericFilterMenuComponent, decorators: [{
             type: Component,
@@ -130,6 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [currentFilter]="firstFilter"
             [operators]="operators"
             [filterService]="filterService"
+            [filterDelay]="filterDelay"
             [column]="column"
             [filter]="filter"
             [format]="format"
@@ -139,10 +162,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [max]="max"
             [step]="step"
             [placeholder]="placeholder"
-            >
+            [menuTabbingService]="menuTabbingService"
+            [isFirstDropDown]="true">
         </kendo-treelist-numeric-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
+            kendoFilterMenuDropDown
+            [filterMenuDropDownLabel]="filterMenuDropDownLabel"
             class="k-filter-and"
             [data]="logicOperators"
             [valuePrimitive]="true"
@@ -165,11 +191,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [max]="max"
             [step]="step"
             [placeholder]="extraPlaceholder"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-treelist-numeric-filter-menu-input>
     `,
                     standalone: true,
-                    imports: [NumericFilterMenuInputComponent, NgIf, DropDownListComponent]
+                    imports: [NumericFilterMenuInputComponent, NgIf, DropDownListComponent, FilterMenuDropDownListDirective]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
@@ -180,8 +206,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], filterService: [{
                 type: Input
+            }], filterDelay: [{
+                type: Input
             }], placeholder: [{
                 type: Input
             }], extraPlaceholder: [{
                 type: Input
+            }], menuTabbingService: [{
+                type: Input
             }] } });

package/esm2022/filtering/menu/string-filter-menu-input.component.mjs

@@ -11,6 +11,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { replaceMessagePlaceholder } from '../../utils';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
+import { MenuTabbingService } from './menu-tabbing.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@angular/forms";
@@ -26,6 +27,8 @@ export class StringFilterMenuInputComponent {
     currentFilter;
     filterService;
     placeholder;
+    isFirstDropDown;
+    menuTabbingService;
     constructor(localization) {
         this.localization = localization;
     }
@@ -35,7 +38,7 @@ export class StringFilterMenuInputComponent {
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", placeholder: "placeholder", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService" }, ngImport: i0, template: `
         <kendo-treelist-filter-menu-input-wrapper
             [column]="column"
             [filter]="filter"
@@ -43,7 +46,8 @@ export class StringFilterMenuInputComponent {
             [defaultOperator]="operator"
             [currentFilter]="currentFilter"
             [filterService]="filterService"
-            >
+            [isFirstDropDown]="isFirstDropDown"
+            [menuTabbingService]="menuTabbingService">
             <kendo-textbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
@@ -52,7 +56,7 @@ export class StringFilterMenuInputComponent {
                 [ngModel]="currentFilter?.value ?? null"
             ></kendo-textbox>
         </kendo-treelist-filter-menu-input-wrapper>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "currentFilter"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuInputComponent, decorators: [{
             type: Component,
@@ -66,7 +70,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [defaultOperator]="operator"
             [currentFilter]="currentFilter"
             [filterService]="filterService"
-            >
+            [isFirstDropDown]="isFirstDropDown"
+            [menuTabbingService]="menuTabbingService">
             <kendo-textbox
                 kendoFilterInput
                 [columnLabel]="columnLabel"
@@ -93,4 +98,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], placeholder: [{
                 type: Input
+            }], isFirstDropDown: [{
+                type: Input
+            }], menuTabbingService: [{
+                type: Input
             }] } });

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

@@ -10,6 +10,8 @@ import { FilterService } from '../filter.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
 import { StringFilterMenuInputComponent } from './string-filter-menu-input.component';
+import { MenuTabbingService } from './menu-tabbing.service';
+import { replaceMessagePlaceholder } from '../../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 /**
@@ -62,6 +64,10 @@ export class StringFilterMenuComponent extends StringFilterComponent {
      * @type {string}
      */
     extraPlaceholder;
+    /**
+     * @hidden
+     */
+    menuTabbingService;
     constructor(localization) {
         super(null, localization);
     }
@@ -78,15 +84,22 @@ export class StringFilterMenuComponent extends StringFilterComponent {
         this.logicOperators = logicOperators(this.localization);
         super.localizationChange();
     }
+    get filterMenuDropDownLabel() {
+        const localizationMsg = this.localization.get('filterMenuLogicDropDownLabel') || '';
+        const columnName = this.column ? this.column.title || this.column.field : '';
+        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-string-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", placeholder: "placeholder", extraPlaceholder: "extraPlaceholder", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-string-filter-menu-input
             [currentFilter]="firstFilter"
             [operators]="operators"
             [filterService]="filterService"
             [column]="column"
             [filter]="filter"
-            [placeholder]="placeholder">
+            [isFirstDropDown]="true"
+            [placeholder]="placeholder"
+            [menuTabbingService]="menuTabbingService">
         </kendo-treelist-string-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -98,15 +111,16 @@ export class StringFilterMenuComponent extends StringFilterComponent {
             valueField="value">
         </kendo-dropdownlist>
         <kendo-treelist-string-filter-menu-input
-            *ngIf="extra"
+        *ngIf="extra"
             [operators]="operators"
             [currentFilter]="secondFilter"
             [filterService]="filterService"
             [column]="column"
             [filter]="filter"
-            [placeholder]="extraPlaceholder">
+            [placeholder]="extraPlaceholder"
+            [menuTabbingService]="menuTabbingService">
         </kendo-treelist-string-filter-menu-input>
-    `, isInline: true, dependencies: [{ kind: "component", type: StringFilterMenuInputComponent, selector: "kendo-treelist-string-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: StringFilterMenuInputComponent, selector: "kendo-treelist-string-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "placeholder", "isFirstDropDown", "menuTabbingService"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringFilterMenuComponent, decorators: [{
             type: Component,
@@ -119,7 +133,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [filterService]="filterService"
             [column]="column"
             [filter]="filter"
-            [placeholder]="placeholder">
+            [isFirstDropDown]="true"
+            [placeholder]="placeholder"
+            [menuTabbingService]="menuTabbingService">
         </kendo-treelist-string-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -131,13 +147,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             valueField="value">
         </kendo-dropdownlist>
         <kendo-treelist-string-filter-menu-input
-            *ngIf="extra"
+        *ngIf="extra"
             [operators]="operators"
             [currentFilter]="secondFilter"
             [filterService]="filterService"
             [column]="column"
             [filter]="filter"
-            [placeholder]="extraPlaceholder">
+            [placeholder]="extraPlaceholder"
+            [menuTabbingService]="menuTabbingService">
         </kendo-treelist-string-filter-menu-input>
     `,
                     standalone: true,
@@ -156,4 +173,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], extraPlaceholder: [{
                 type: Input
+            }], menuTabbingService: [{
+                type: Input
             }] } });

package/esm2022/filtering/operators/after-eq-filter-operator.component.mjs

@@ -12,14 +12,14 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class AfterEqFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("after-eq", localization); }
+    constructor(localization) { super('after-eq', localization); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "gte"
+            value: 'gte'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AfterEqFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });

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

@@ -12,14 +12,14 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class AfterFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("after", localization); }
+    constructor(localization) { super('after', localization); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "gt"
+            value: 'gt'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AfterFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });

package/esm2022/filtering/operators/before-eq-filter-operator.component.mjs

@@ -12,14 +12,14 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class BeforeEqFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("before-eq", localization); }
+    constructor(localization) { super('before-eq', localization); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "lte"
+            value: 'lte'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeforeEqFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });

package/esm2022/filtering/operators/before-filter-operator.component.mjs

@@ -12,14 +12,14 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * [See example](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class BeforeFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("before", localization); }
+    constructor(localization) { super('before', localization); }
     /**
      * @hidden
      */
     toJSON() {
         return {
             text: this.text,
-            value: "lt"
+            value: 'lt'
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BeforeFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });

package/esm2022/filtering/operators/contains-filter-operator.component.mjs

@@ -12,7 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class ContainsFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("contains", localization); }
+    constructor(localization) { super('contains', localization); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainsFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContainsFilterOperatorComponent, isStandalone: true, selector: "kendo-treelist-filter-contains-operator", providers: [
             {

package/esm2022/filtering/operators/ends-with-filter-operator.component.mjs

@@ -12,7 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class EndsWithFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("endswith", localization); }
+    constructor(localization) { super('endswith', localization); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndsWithFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EndsWithFilterOperatorComponent, isStandalone: true, selector: "kendo-treelist-filter-endswith-operator", providers: [
             {

package/esm2022/filtering/operators/eq-filter-operator.component.mjs

@@ -12,7 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * For more information and examples, refer to the article on setting [default filter operators](slug:filter_row_treelist#toc-setting-the-default-filter-operator).
  */
 export class EqualFilterOperatorComponent extends FilterOperatorBase {
-    constructor(localization) { super("eq", localization); }
+    constructor(localization) { super('eq', localization); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EqualFilterOperatorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EqualFilterOperatorComponent, isStandalone: true, selector: "kendo-treelist-filter-eq-operator", providers: [
             {