@progress/kendo-angular-grid 18.2.1-develop.3 → 18.3.0-develop.1

package/column-menu/column-chooser.component.d.ts

@@ -31,10 +31,6 @@ export declare class ColumnChooserComponent implements OnDestroy {
     private ngZone;
     private renderer;
     private changeDetector;
-    /**
-     * @hidden
-     */
-    columnsIcon: SVGIcon;
     /**
      * Specifies if the changes in the visibility of the column will be immediately applied.
      *
@@ -50,6 +46,7 @@ export declare class ColumnChooserComponent implements OnDestroy {
     private anchor;
     private columnList;
     get columns(): any[];
+    columnsIcon: SVGIcon;
     popupRef: any;
     popupId: string;
     private closeClick;

package/column-menu/column-list.component.d.ts

@@ -14,8 +14,7 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private ngZone;
     private renderer;
     private listNavigationService;
-    get className(): boolean;
-    isChecked(checkbox: any): any;
+    className: boolean;
     reset: EventEmitter<any>;
     apply: EventEmitter<any>;
     columnChange: EventEmitter<any>;

package/column-menu/column-menu-item.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, OnChanges } from '@angular/core';
+import { EventEmitter, OnChanges, AfterViewInit } from '@angular/core';
 import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnMenuService } from './column-menu.service';
@@ -20,7 +20,7 @@ import * as i0 from "@angular/core";
  * </kendo-grid>
  * ```
  */
-export declare class ColumnMenuItemComponent implements OnChanges {
+export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges {
     /**
      * Fires when the item is clicked.
      */

package/column-menu/column-menu.component.d.ts

@@ -175,6 +175,7 @@ export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, On
     get columnMenuTitle(): string;
     private getExpandedState;
     private updateAria;
+    private focusRoot;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuComponent, "kendo-grid-column-menu", never, { "standalone": { "alias": "standalone"; "required": false; }; "column": { "alias": "column"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "columnMenuTemplate": { "alias": "columnMenuTemplate"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, true, never>;
 }

package/column-menu/column-menu.service.d.ts

@@ -48,10 +48,6 @@ export declare class ColumnMenuService {
      * @hidden
      */
     sortable: any;
-    /**
-     * Closes the column menu.
-     */
-    close(): void;
     /**
      * @hidden
      */
@@ -60,6 +56,10 @@ export declare class ColumnMenuService {
      * @hidden
      */
     constructor(menuTabbingService?: MenuTabbingService);
+    /**
+     * Closes the column menu.
+     */
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ColumnMenuService>;
 }

package/column-menu/utils.d.ts

@@ -31,8 +31,8 @@ export declare const hasColumnChooser: (settings: any) => boolean;
  */
 export declare const hasAutoSizeColumn: (settings: any) => boolean;
 /**
-* @hidden
-*/
+ * @hidden
+ */
 export declare const hasAutoSizeAllColumns: (settings: any) => boolean;
 /**
  * @hidden

package/esm2022/column-menu/column-chooser.component.mjs

@@ -37,10 +37,6 @@ export class ColumnChooserComponent {
     ngZone;
     renderer;
     changeDetector;
-    /**
-     * @hidden
-     */
-    columnsIcon = columnsIcon;
     /**
      * Specifies if the changes in the visibility of the column will be immediately applied.
      *
@@ -58,6 +54,7 @@ export class ColumnChooserComponent {
     get columns() {
         return this.columnInfoService.leafNamedColumns;
     }
+    columnsIcon = columnsIcon;
     popupRef;
     popupId;
     closeClick;
@@ -148,7 +145,7 @@ export class ColumnChooserComponent {
             this.popupRef.close();
             this.popupRef = null;
             this.changeDetector.markForCheck();
-            this.escapeListener && this.escapeListener();
+            this.escapeListener?.();
         }
         this.detachClose();
         focusAnchor && this.anchor.element.focus();

package/esm2022/column-menu/column-list-kb-nav.service.mjs

@@ -27,7 +27,7 @@ export class ColumnListKeyboardNavigation {
     toggle(index, active) {
         const element = this.items[index]?.host.nativeElement;
         element && this.renderer.setAttribute(this.items[index].host.nativeElement, 'tabindex', active ? '0' : '-1');
-        active && element && element.focus();
+        active && element?.focus();
     }
     toggleCheckedState() {
         this.items[this.activeIndex].host.nativeElement.firstElementChild.click();

package/esm2022/column-menu/column-list.component.mjs

@@ -21,12 +21,7 @@ export class ColumnListComponent {
     ngZone;
     renderer;
     listNavigationService;
-    get className() {
-        return true;
-    }
-    isChecked(checkbox) {
-        return checkbox.checked;
-    }
+    className = true;
     reset = new EventEmitter();
     apply = new EventEmitter();
     columnChange = new EventEmitter();
@@ -197,6 +192,20 @@ export class ColumnListComponent {
             const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
             const checkbox = this.checkboxes.find(checkBox => checkBox.hostElement.nativeElement === checkboxElement);
             const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
+            if (index !== this.listNavigationService.activeIndex) {
+                this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
+                this.listNavigationService.activeIndex = index;
+                this.listNavigationService.toggle(index, true);
+            }
+            if (checkboxElement.contains(e.target)) {
+                const checkboxInputElement = checkboxElement.firstElementChild;
+                checkboxInputElement.blur();
+                checkboxInputElement.classList.remove('k-focus');
+            }
+            else {
+                this.listNavigationService.toggleCheckedState();
+            }
+            closestItem.focus();
             if (this.autoSync) {
                 if (!this.columns[index]) {
                     return;
@@ -213,11 +222,6 @@ export class ColumnListComponent {
             else {
                 this.updateDisabled();
             }
-            if (index !== this.listNavigationService.activeIndex) {
-                this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
-                this.listNavigationService.activeIndex = index;
-                this.listNavigationService.toggle(index, true);
-            }
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ColumnListKeyboardNavigation }], target: i0.ɵɵFactoryTarget.Component });
@@ -236,6 +240,7 @@ export class ColumnListComponent {
                     [inputAttributes]="{'data-index': index.toString()}"
                     [checkedState]="!column.hidden"
                     [disabled]="isDisabled(column)"
+                    [tabindex]="-1"
                 ></kendo-checkbox>
                 <span class="k-checkbox-label">{{ column.displayTitle }}</span>
             </label>
@@ -246,16 +251,16 @@ export class ColumnListComponent {
                 type="button"
                 class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="applyChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; applyChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; applyChanges();">{{ applyText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
             <button
                 #resetButton
                 type="button"
                 (keydown.tab)="onTab($event)"
                 class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="cancelChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; cancelChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; cancelChanges();">{{ resetText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ColumnMenuChooserItemCheckedDirective, selector: "[kendoColumnMenuChooserItemChecked]", inputs: ["kendoColumnMenuChooserItemChecked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
@@ -279,6 +284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [inputAttributes]="{'data-index': index.toString()}"
                     [checkedState]="!column.hidden"
                     [disabled]="isDisabled(column)"
+                    [tabindex]="-1"
                 ></kendo-checkbox>
                 <span class="k-checkbox-label">{{ column.displayTitle }}</span>
             </label>
@@ -289,16 +295,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type="button"
                 class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="applyChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; applyChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; applyChanges();">{{ applyText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
             <button
                 #resetButton
                 type="button"
                 (keydown.tab)="onTab($event)"
                 class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
                 (click)="cancelChanges()"
-                (keydown.enter)="$event.preventDefault(); $event.stopPropagation; cancelChanges();"
-                (keydown.space)="$event.preventDefault(); $event.stopPropagation; cancelChanges();">{{ resetText }}</button>
+                (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
+                (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
         </div>
     `,
                     standalone: true,

package/esm2022/column-menu/column-menu.component.mjs

@@ -279,7 +279,7 @@ export class ColumnMenuComponent {
                 this.close(true);
                 this.updateAria(ariaRoot);
             });
-            this.popupSubs.add(this.popupRef.popup.instance.close.subscribe(() => {
+            this.popupSubs.add(() => this.popupRef.popup.instance.close.subscribe(() => {
                 this.popupSubs?.unsubscribe();
                 this.popupSubs = this.popupRef = null;
                 this.updateAria(ariaRoot);
@@ -301,12 +301,7 @@ export class ColumnMenuComponent {
             }
         }
         else {
-            if (this.navigationService.tableEnabled) {
-                this.navigationService.focusCell(0, this.column.leafIndex);
-            }
-            else {
-                this.anchor.nativeElement.focus();
-            }
+            this.focusRoot();
         }
     }
     /**
@@ -319,12 +314,7 @@ export class ColumnMenuComponent {
         if (!triggerFocus) {
             return;
         }
-        if (this.navigationService.tableEnabled) {
-            this.navigationService.focusCell(0, this.column.leafIndex);
-        }
-        else {
-            this.anchor.nativeElement.focus();
-        }
+        this.focusRoot();
     }
     /**
      * @hidden
@@ -341,6 +331,9 @@ export class ColumnMenuComponent {
         ariaRoot && this.renderer.removeAttribute(ariaRoot, 'aria-controls');
         ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'false');
     }
+    focusRoot() {
+        this.isNavigable ? this.navigationService.focusCell(0, this.column.leafIndex) : this.anchor.nativeElement.focus();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: i1.NavigationService }, { token: i2.SinglePopupService }, { token: i3.ColumnMenuService }, { token: i4.ContextService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.ColumnInfoService }, { token: i6.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-grid-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate", tabIndex: "tabIndex" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [
             ColumnMenuService,
@@ -354,7 +347,7 @@ export class ColumnMenuComponent {
             href="#"
             [tabindex]="tabIndex"
             [attr.title]="columnMenuTitle"
-            [attr.aria-expanded]="isNavigable ? undefined: false"
+            [attr.aria-expanded]="isNavigable ? undefined : false"
             [attr.aria-haspopup]="isNavigable ? undefined : 'dialog'">
             <kendo-icon-wrapper
                 name="more-vertical"
@@ -365,7 +358,7 @@ export class ColumnMenuComponent {
                 (keydown.escape)="close(true)"
                 (keydown.enter)="$event.stopImmediatePropagation()">
                 <ng-container
-                    [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
+                    [ngTemplateOutlet]="column.columnMenuTemplateRef || columnMenuTemplate || (settings.view === 'tabbed' ? tabbedInterfaceTemplate : defaultTemplate)"
                     [ngTemplateOutletContext]="{ service: service, column: column }">
                 </ng-container>
             </kendo-grid-columnmenu-container>
@@ -531,7 +524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             href="#"
             [tabindex]="tabIndex"
             [attr.title]="columnMenuTitle"
-            [attr.aria-expanded]="isNavigable ? undefined: false"
+            [attr.aria-expanded]="isNavigable ? undefined : false"
             [attr.aria-haspopup]="isNavigable ? undefined : 'dialog'">
             <kendo-icon-wrapper
                 name="more-vertical"
@@ -542,7 +535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 (keydown.escape)="close(true)"
                 (keydown.enter)="$event.stopImmediatePropagation()">
                 <ng-container
-                    [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
+                    [ngTemplateOutlet]="column.columnMenuTemplateRef || columnMenuTemplate || (settings.view === 'tabbed' ? tabbedInterfaceTemplate : defaultTemplate)"
                     [ngTemplateOutletContext]="{ service: service, column: column }">
                 </ng-container>
             </kendo-grid-columnmenu-container>

package/esm2022/column-menu/column-menu.service.mjs

@@ -48,12 +48,6 @@ export class ColumnMenuService {
      * @hidden
      */
     sortable;
-    /**
-     * Closes the column menu.
-     */
-    close() {
-        this.closeMenu.emit();
-    }
     /**
      * @hidden
      */
@@ -64,6 +58,12 @@ export class ColumnMenuService {
     constructor(menuTabbingService) {
         this.menuTabbingService = menuTabbingService;
     }
+    /**
+     * Closes the column menu.
+     */
+    close() {
+        this.closeMenu.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService, deps: [{ token: i1.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService });
 }

package/esm2022/column-menu/utils.mjs

@@ -31,14 +31,13 @@ export const hasColumnChooser = (settings) => settings.columnChooser !== false;
  */
 export const hasAutoSizeColumn = (settings) => settings.autoSizeColumn;
 /**
-* @hidden
-*/
+ * @hidden
+ */
 export const hasAutoSizeAllColumns = (settings) => settings.autoSizeAllColumns;
 /**
  * @hidden
  */
 export const autoSizeColumn = (grid, service, column) => {
-    // eslint-disable-next-line no-unused-expressions
     column ? grid.autoFitColumn(column) : grid.autoFitColumns();
     service.close();
 };

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

@@ -36,20 +36,7 @@ import * as i3 from "../../layout/sizing-options.service";
 export class DateFilterCellComponent extends DateFilterComponent {
     ctx;
     /**
-     *  Represents a [DatePicker](slug:overview_datepicker) filter-cell component.
-     * [See example](slug:filter_row#toc-built-in-filter-row-components).
-     * @example
-     *
-     * ```html
-     * <kendo-grid-column field="Discontinued">
-     *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
-     *     <kendo-grid-date-filter-cell
-     *       [column]="column"
-     *       [filter]="filter">
-     *     </kendo-grid-date-filter-cell>
-     *   </ng-template>
-     * </kendo-grid-column>
-     * ```
+     * Determines if the drop-down filter operators will be displayed. The default value is `true`.
      * @type {boolean}
      * @default true
      */
@@ -100,13 +87,11 @@ export class DateFilterCellComponent extends DateFilterComponent {
                 [topView]="topView"
                 [min]="min"
                 [max]="max"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
@@ -137,13 +122,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [topView]="topView"
                 [min]="min"
                 [max]="max"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-wrapper-cell>
     `,

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

@@ -99,13 +99,11 @@ export class NumericFilterCellComponent extends NumericFilterComponent {
                 [max]="max"
                 [size]="size"
                 [step]="step"
-                [placeholder]="placeholder"
-            >
+                [placeholder]="placeholder">
                 <kendo-numerictextbox-messages
                     [increment]="messageFor('filterNumericIncrement')"
                     [decrement]="messageFor('filterNumericDecrement')"
-                >
-                </kendo-numerictextbox-messages>
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { 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: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
@@ -136,13 +134,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [max]="max"
                 [size]="size"
                 [step]="step"
-                [placeholder]="placeholder"
-            >
+                [placeholder]="placeholder">
                 <kendo-numerictextbox-messages
                     [increment]="messageFor('filterNumericIncrement')"
                     [decrement]="messageFor('filterNumericDecrement')"
-                >
-                </kendo-numerictextbox-messages>
+                ></kendo-numerictextbox-messages>
             </kendo-numerictextbox>
         </kendo-grid-filter-wrapper-cell>
     `,

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

@@ -80,7 +80,6 @@ export class StringFilterCellComponent extends StringFilterComponent {
             [defaultOperator]="operator"
             [showOperators]="showOperators">
             <kendo-textbox
-                kendoTextBox
                 [size]="size"
                 kendoGridFocusable
                 kendoFilterInput
@@ -104,7 +103,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [defaultOperator]="operator"
             [showOperators]="showOperators">
             <kendo-textbox
-                kendoTextBox
                 [size]="size"
                 kendoGridFocusable
                 kendoFilterInput

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

@@ -92,7 +92,7 @@ export class BooleanFilterMenuComponent extends BooleanFilterComponent {
      * @hidden
      */
     onShiftTab(e) {
-        if ((!this.menuTabbingService || !this.menuTabbingService.isColumnMenu) && this.filterService.menuTabbingService.lastFocusable) {
+        if (!this.menuTabbingService?.isColumnMenu && this.filterService.menuTabbingService.lastFocusable) {
             e.preventDefault();
             this.filterService.menuTabbingService.lastFocusable.focus();
         }

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

@@ -72,8 +72,7 @@ export class DateFilterMenuInputComponent {
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-        >
+            [menuTabbingService]="menuTabbingService">
             <kendo-datepicker
                 #picker
                 kendoFilterInput
@@ -89,13 +88,11 @@ export class DateFilterMenuInputComponent {
                 [activeView]="activeView"
                 [bottomView]="bottomView"
                 [topView]="topView"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-grid-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
@@ -113,8 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [currentFilter]="currentFilter"
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
-            [menuTabbingService]="menuTabbingService"
-        >
+            [menuTabbingService]="menuTabbingService">
             <kendo-datepicker
                 #picker
                 kendoFilterInput
@@ -130,13 +126,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [activeView]="activeView"
                 [bottomView]="bottomView"
                 [topView]="topView"
-                [weekNumber]="weekNumber"
-            >
+                [weekNumber]="weekNumber">
                 <kendo-datepicker-messages
                     [toggle]="messageFor('filterDateToggle')"
                     [today]="messageFor('filterDateToday')"
-                >
-                </kendo-datepicker-messages>
+                ></kendo-datepicker-messages>
             </kendo-datepicker>
         </kendo-grid-filter-menu-input-wrapper>
     `,

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

@@ -96,8 +96,7 @@ export class DateFilterMenuComponent extends DateFilterComponent {
             [max]="max"
             [weekNumber]="weekNumber"
             [isFirstDropDown]="true"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -127,8 +126,7 @@ export class DateFilterMenuComponent extends DateFilterComponent {
             [min]="min"
             [max]="max"
             [weekNumber]="weekNumber"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
     `, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-grid-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "menuTabbingService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber", "isFirstDropDown"] }, { 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"] }] });
 }
@@ -153,8 +151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [max]="max"
             [weekNumber]="weekNumber"
             [isFirstDropDown]="true"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
         <kendo-dropdownlist
             *ngIf="extra"
@@ -184,8 +181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [min]="min"
             [max]="max"
             [weekNumber]="weekNumber"
-            [menuTabbingService]="menuTabbingService"
-            >
+            [menuTabbingService]="menuTabbingService">
         </kendo-grid-date-filter-menu-input>
     `,
                     standalone: true,

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

@@ -113,8 +113,7 @@ export class FilterMenuContainerComponent {
     }
     ngAfterViewChecked() {
         if (!this.menuTabbingService.isColumnMenu || (this.isLast && this.isExpanded)) {
-            this.menuTabbingService.lastFocusable = this.disabled ?
-                this.resetButton.nativeElement : this.filterButton.nativeElement;
+            this.menuTabbingService.lastFocusable = this.resetButton.nativeElement;
         }
     }
     ngOnDestroy() {
@@ -163,7 +162,6 @@ export class FilterMenuContainerComponent {
         if (this.menuTabbingService.firstFocusable && (!this.menuTabbingService.isColumnMenu || this.isLast)) {
             e.preventDefault();
             if (buttonType === 'reset') {
-                // eslint-disable-next-line no-unused-expressions
                 this.menuTabbingService.firstFocusable.focus();
             }
             else {

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

@@ -33,7 +33,7 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
         this.ctx = ctx;
     }
     ngAfterViewInit() {
-        const shouldFocusFirstFocusable = this.isFirstDropDown && this.filterService && this.filterService.menuTabbingService;
+        const shouldFocusFirstFocusable = this.isFirstDropDown && this.filterService?.menuTabbingService;
         const isTabbedInterface = this.menuTabbingService?.isTabbedInterface;
         if (shouldFocusFirstFocusable && !isTabbedInterface) {
             this.filterService.menuTabbingService.firstFocusable = this.firstOperatorDropDown;
@@ -75,7 +75,7 @@ export class FilterMenuInputWrapperComponent extends FilterInputWrapperComponent
     }
     onShiftTab(e) {
         e.stopImmediatePropagation();
-        if ((!this.menuTabbingService || !this.menuTabbingService.isColumnMenu) && this.isFirstDropDown && this.filterService.menuTabbingService.lastFocusable) {
+        if (!this.menuTabbingService?.isColumnMenu && this.isFirstDropDown && this.filterService.menuTabbingService.lastFocusable) {
             e.preventDefault();
             this.filterService.menuTabbingService.lastFocusable.focus();
         }