@progress/kendo-angular-grid 20.1.0-develop.8 → 20.1.0

package/esm2022/filtering/multicheckbox-filter.component.mjs

@@ -0,0 +1,313 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, EventEmitter, Output, ViewChild } from '@angular/core';
+import { filterBy } from '@progress/kendo-data-query';
+import { NgFor, NgIf } from '@angular/common';
+import { CheckBoxComponent, TextBoxComponent, TextBoxPrefixTemplateDirective } from '@progress/kendo-angular-inputs';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { searchIcon } from '@progress/kendo-svg-icons';
+import { ContextService } from '../common/provider.service';
+import { LocalDataChangesService } from '../editing/local-data-changes.service';
+import { FormatPipe } from '../rendering/common/format.pipe';
+import { isPresent, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
+import { FilterInputDirective } from './filter-input.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/provider.service";
+import * as i2 from "../editing/local-data-changes.service";
+/**
+ * @hidden
+ */
+export class MultiCheckboxFilterComponent {
+    ctx;
+    dataChangesService;
+    column;
+    filterChange = new EventEmitter();
+    filterInput;
+    constructor(ctx, dataChangesService) {
+        this.ctx = ctx;
+        this.dataChangesService = dataChangesService;
+    }
+    listData = [];
+    searchIcon = searchIcon;
+    showSelectAll = true;
+    currentlySelected = new Set();
+    isSearched = false;
+    currentFilter;
+    filterChangeSub;
+    baseListData = [];
+    ngOnInit() {
+        this.initializeData();
+        this.currentFilter = this.ctx.grid?.filter ?? this.emptyFilter();
+        this.updateSelectionFromFilter();
+        if (this.currentFilter) {
+            this.filterChange.emit(this.currentFilter);
+        }
+    }
+    ngAfterViewInit() {
+        if (this.filterInput) {
+            this.filterChangeSub = this.filterInput.change.subscribe(this.onSearch.bind(this));
+        }
+    }
+    ngOnDestroy() {
+        if (this.filterChangeSub) {
+            this.filterChangeSub.unsubscribe();
+            this.filterChangeSub = null;
+        }
+    }
+    isItemSelected(item) {
+        return this.currentlySelected.has(item);
+    }
+    onSearch(value) {
+        const searchValue = value;
+        this.isSearched = searchValue.length > 0;
+        this.showSelectAll = !this.isSearched;
+        if (!searchValue) {
+            this.listData = [...this.baseListData];
+        }
+        else {
+            this.listData = filterBy(this.baseListData, { operator: 'contains', value: searchValue });
+        }
+    }
+    handleCheckBoxChange(checkedState, value, selectAllChecked) {
+        const field = this.column?.field;
+        if (!field) {
+            return;
+        }
+        if (!this.currentFilter) {
+            this.currentFilter = this.emptyFilter();
+        }
+        const newFilter = this.currentFilter;
+        const filters = [...newFilter.filters];
+        const compositeIndex = this.getCompositeFilterIndex(newFilter);
+        let fieldFilters = [];
+        if (compositeIndex !== -1 && filters[compositeIndex].filters && !selectAllChecked) {
+            fieldFilters = [...filters[compositeIndex].filters];
+        }
+        if (checkedState && selectAllChecked) {
+            this.listData.forEach(item => {
+                if (!fieldFilters.some(f => f.value === item)) {
+                    fieldFilters.push({ field, operator: 'eq', value: item });
+                }
+            });
+        }
+        else if (!checkedState && selectAllChecked) {
+            fieldFilters = [];
+        }
+        else if (checkedState) {
+            if (!fieldFilters.some(f => f.value === value)) {
+                fieldFilters.push({ field, operator: 'eq', value });
+            }
+        }
+        else {
+            const idx = fieldFilters.findIndex(f => f.value === value);
+            if (idx > -1) {
+                fieldFilters.splice(idx, 1);
+            }
+        }
+        if (fieldFilters.length === 0) {
+            if (compositeIndex !== -1) {
+                filters.splice(compositeIndex, 1);
+            }
+        }
+        else {
+            const block = { logic: 'or', filters: fieldFilters };
+            if (compositeIndex !== -1) {
+                filters[compositeIndex] = block;
+            }
+            else {
+                filters.push(block);
+            }
+        }
+        newFilter.logic = 'and';
+        newFilter.filters = filters;
+        this.currentFilter = newFilter;
+        this.updateSelectionFromFilter();
+        this.filterChange.emit(this.currentFilter);
+    }
+    get filteredGridData() {
+        return filterBy(this.gridData, this.ctx.grid?.filter);
+    }
+    get selectAllChecked() {
+        if (!this.listData || this.listData.length === 0) {
+            return false;
+        }
+        const total = this.listData.length;
+        const selectedInView = this.listData.filter(i => this.currentlySelected.has(i)).length;
+        if (selectedInView === 0) {
+            return false;
+        }
+        if (selectedInView === total) {
+            return true;
+        }
+        return 'indeterminate';
+    }
+    get gridData() {
+        let data = [];
+        const isLocalData = isPresent(this.ctx?.dataBindingDirective);
+        if (isPresent(this.normalizedFilterVariant.data)) {
+            data = this.normalizedFilterVariant.data;
+        }
+        else if (isLocalData) {
+            data = this.dataChangesService.data;
+        }
+        else {
+            data = this.ctx.grid?.flatData;
+        }
+        return data || [];
+    }
+    get normalizedFilterVariant() {
+        const defaultMultiCheckboxSettings = { variant: 'multiCheckbox', search: true };
+        if (typeof this.column?.filterVariant === 'string') {
+            return {
+                variant: this.column.filterVariant,
+                search: true
+            };
+        }
+        return Object.assign(defaultMultiCheckboxSettings, this.column?.filterVariant);
+    }
+    get selectedItemsMessage() {
+        const localizationMsg = this.messageFor('multiCheckboxFilterSelectedItemsCount') || '';
+        return replaceMessagePlaceholder(localizationMsg, 'selectedItemsCount', this.currentlySelected.size.toString());
+    }
+    messageFor(key) {
+        return this.ctx.localization.get(key);
+    }
+    getUniqueDateValues(data) {
+        return data.reduce((acc, current) => {
+            const value = current[this.column.field];
+            if (value instanceof Date && acc.findIndex(d => d.getTime() === value.getTime()) === -1) {
+                acc.push(value);
+            }
+            return acc;
+        }, []);
+    }
+    initializeData() {
+        if (!this.column) {
+            this.baseListData = [];
+            return;
+        }
+        const isDate = this.column.filter === 'date';
+        if (isDate) {
+            const dates = this.getUniqueDateValues(this.gridData);
+            const sortedDates = [...dates].sort((a, b) => a - b);
+            this.baseListData = sortedDates;
+        }
+        else {
+            const field = this.column.field;
+            const mapped = this.gridData.map(item => item?.[field]);
+            this.baseListData = [...new Set(mapped)].sort((a, b) => {
+                if (a > b) {
+                    return 1;
+                }
+                if (a < b) {
+                    return -1;
+                }
+                return 0;
+            });
+        }
+        this.listData = [...this.baseListData];
+    }
+    emptyFilter() { return { filters: [], logic: 'and' }; }
+    getCompositeFilterIndex(filter) {
+        const field = this.column?.field;
+        return filter.filters.findIndex((f) => f.filters?.length && f.filters[0].field === field);
+    }
+    updateSelectionFromFilter() {
+        this.currentlySelected.clear();
+        if (!this.currentFilter || !this.column?.field) {
+            return;
+        }
+        const idx = this.getCompositeFilterIndex(this.currentFilter);
+        if (idx === -1) {
+            return;
+        }
+        const block = this.currentFilter.filters[idx];
+        if (block && Array.isArray(block.filters)) {
+            block.filters.forEach((f) => {
+                if (f.field === this.column.field && f.operator === 'eq') {
+                    this.currentlySelected.add(f.value);
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiCheckboxFilterComponent, deps: [{ token: i1.ContextService }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiCheckboxFilterComponent, isStandalone: true, selector: "kendo-grid-multicheckbox-filter", inputs: { column: "column" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: FilterInputDirective, descendants: true }], ngImport: i0, template: `
+        <kendo-textbox *ngIf="normalizedFilterVariant.search"
+            kendoFilterInput
+            class="k-searchbox"
+            [placeholder]="messageFor('multiCheckboxFilterSearchPlaceholder')">
+            <ng-template kendoTextBoxPrefixTemplate>
+                <kendo-icon-wrapper innerCssClass="k-input-icon" name="search" [svgIcon]="searchIcon"></kendo-icon-wrapper>
+            </ng-template>
+        </kendo-textbox>
+        <ul class="k-reset k-multicheck-wrap">
+            <li class="k-item k-check-all-wrap" *ngIf="showSelectAll">
+                <label class="k-label k-checkbox-label" role="option">
+                    <kendo-checkbox
+                        [checkedState]="selectAllChecked"
+                        (checkedStateChange)="handleCheckBoxChange($event, null, true)">
+                    </kendo-checkbox>
+                    <span>{{ messageFor('multiCheckboxFilterSelectAllLabel') }}</span>
+                </label>
+            </li>
+            <li class="k-item" *ngFor="let item of listData">
+                <label class="k-label k-checkbox-label" role="option">
+                    <kendo-checkbox
+                        [checkedState]="isItemSelected(item)"
+                        (checkedStateChange)="handleCheckBoxChange($event, item)">
+                    </kendo-checkbox>
+                    <span>{{ item | format: column.format }}</span>
+                </label>
+            </li>
+        </ul>
+        <div class="k-filter-selected-items">{{selectedItemsMessage}}</div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { 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: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "pipe", type: FormatPipe, name: "format" }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiCheckboxFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-multicheckbox-filter',
+                    template: `
+        <kendo-textbox *ngIf="normalizedFilterVariant.search"
+            kendoFilterInput
+            class="k-searchbox"
+            [placeholder]="messageFor('multiCheckboxFilterSearchPlaceholder')">
+            <ng-template kendoTextBoxPrefixTemplate>
+                <kendo-icon-wrapper innerCssClass="k-input-icon" name="search" [svgIcon]="searchIcon"></kendo-icon-wrapper>
+            </ng-template>
+        </kendo-textbox>
+        <ul class="k-reset k-multicheck-wrap">
+            <li class="k-item k-check-all-wrap" *ngIf="showSelectAll">
+                <label class="k-label k-checkbox-label" role="option">
+                    <kendo-checkbox
+                        [checkedState]="selectAllChecked"
+                        (checkedStateChange)="handleCheckBoxChange($event, null, true)">
+                    </kendo-checkbox>
+                    <span>{{ messageFor('multiCheckboxFilterSelectAllLabel') }}</span>
+                </label>
+            </li>
+            <li class="k-item" *ngFor="let item of listData">
+                <label class="k-label k-checkbox-label" role="option">
+                    <kendo-checkbox
+                        [checkedState]="isItemSelected(item)"
+                        (checkedStateChange)="handleCheckBoxChange($event, item)">
+                    </kendo-checkbox>
+                    <span>{{ item | format: column.format }}</span>
+                </label>
+            </li>
+        </ul>
+        <div class="k-filter-selected-items">{{selectedItemsMessage}}</div>
+    `,
+                    standalone: true,
+                    imports: [NgFor, NgIf, CheckBoxComponent, TextBoxComponent, TextBoxPrefixTemplateDirective, IconWrapperComponent, FormatPipe, FilterInputDirective]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.LocalDataChangesService }]; }, propDecorators: { column: [{
+                type: Input
+            }], filterChange: [{
+                type: Output
+            }], filterInput: [{
+                type: ViewChild,
+                args: [FilterInputDirective]
+            }] } });

package/esm2022/grid.component.mjs

@@ -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 { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, QueryList, ViewChild, isDevMode, NgZone, ViewChildren, ChangeDetectorRef, ViewEncapsulation, ViewContainerRef, ContentChild } from '@angular/core';
+import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, QueryList, ViewChild, isDevMode, NgZone, ViewChildren, ChangeDetectorRef, ViewEncapsulation, ViewContainerRef } from '@angular/core';
 import { ZoneAwareEventEmitter } from './common/event-emitter';
 import { FormControl, FormGroup } from '@angular/forms';
 import { merge } from 'rxjs';
@@ -101,7 +101,6 @@ import { AdaptiveRendererComponent } from './adaptiveness/adaptive-renderer.comp
 import { ColumnMenuService } from './column-menu/column-menu.service';
 import { MenuTabbingService } from './filtering/menu/menu-tabbing.service';
 import { DataMappingService } from './data/data-mapping.service';
-import { AIAssistantToolbarDirective } from './rendering/toolbar/tools/ai-assistant/ai-tool.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./layout/browser-support.service";
 import * as i2 from "./selection/selection.service";
@@ -312,7 +311,7 @@ export class GridComponent {
      */
     selectable = false;
     /**
-     * Sets the descriptors for sorting the data ([see example]({% slug sorting_grid %})).
+     * Sets the descriptors for sorting the data ([see example](slug:manual_sorting_grid)).
      */
     set sort(value) {
         if (isArray(value)) {
@@ -345,11 +344,11 @@ export class GridComponent {
      */
     trackBy = defaultTrackBy;
     /**
-     * Sets the filter descriptor for the data ([see examples]({% slug filtering_grid %})).
+     * Sets the filter descriptor for the data ([see examples](slug:manual_filtering_grid)).
      */
     filter;
     /**
-     * Sets the descriptors for grouping the data ([see example]({% slug grouping_grid %})).
+     * Sets the descriptors for grouping the data ([see example](slug:manual_grouping_grid)).
      */
     set group(value) {
         if (isArray(value)) {
@@ -924,7 +923,6 @@ export class GridComponent {
         this._customToolbarTemplate = customToolbarTemplate;
     }
     columnMenuTemplates;
-    aiAssistantToolbarTool;
     lockedHeader;
     header;
     footer = new QueryList();
@@ -2494,7 +2492,7 @@ export class GridComponent {
             ColumnMenuService,
             MenuTabbingService,
             DataMappingService
-        ], queries: [{ propertyName: "aiAssistantToolbarTool", first: true, predicate: AIAssistantToolbarDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGridLocalizedMessages
             i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
             groupPanelEmpty="Drag a column header and drop it here to group by that column"
@@ -2870,6 +2868,15 @@ export class GridComponent {
 
             i18n-columnChooserSelectedColumnsCount="kendo.grid.columnChooserSelectedColumnsCount|The text displayed in the Column Chooser for the number of selected columns"
             columnChooserSelectedColumnsCount="{{ '{selectedColumnsCount} Selected items' }}"
+
+            i18n-multiCheckboxFilterSearchPlaceholder="kendo.grid.multiCheckboxFilterSearchPlaceholder|The placeholder text for the multi-checkbox filter search input"
+            multiCheckboxFilterSearchPlaceholder="Search..."
+
+            i18n-multiCheckboxFilterSelectAllLabel="kendo.grid.multiCheckboxFilterSelectAllLabel|The label for the multi-checkbox filter select all option"
+            multiCheckboxFilterSelectAllLabel="Select all"
+
+            i18n-multiCheckboxFilterSelectedItemsCount="kendo.grid.multiCheckboxFilterSelectedItemsCount|The text for the multi-checkbox filter selected items count"
+            multiCheckboxFilterSelectedItemsCount="{{ '{selectedItemsCount} selected items' }}"
         >
         </ng-container>
         <kendo-grid-toolbar
@@ -3288,10 +3295,10 @@ export class GridComponent {
             </kendo-pager-info>
         </ng-template>
         <div #dialogContainer></div>
+        <div #windowContainer></div>
 
         <kendo-grid-adaptive-renderer *ngIf="isAdaptiveModeEnabled"></kendo-grid-adaptive-renderer>
         <kendo-resize-sensor *ngIf="isVirtual" (resize)="onResize()"></kendo-resize-sensor>
-        <div *ngIf="aiAssistantToolbarTool" #windowContainer></div>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "rowsToRender", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass", "rowHeight", "detailRowHeight"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "component", type: i27.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i27.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i27.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i27.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i27.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i27.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i27.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i27.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i27.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-grid-adaptive-renderer" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], encapsulation: i0.ViewEncapsulation.None });
@@ -3730,6 +3737,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
             i18n-columnChooserSelectedColumnsCount="kendo.grid.columnChooserSelectedColumnsCount|The text displayed in the Column Chooser for the number of selected columns"
             columnChooserSelectedColumnsCount="{{ '{selectedColumnsCount} Selected items' }}"
+
+            i18n-multiCheckboxFilterSearchPlaceholder="kendo.grid.multiCheckboxFilterSearchPlaceholder|The placeholder text for the multi-checkbox filter search input"
+            multiCheckboxFilterSearchPlaceholder="Search..."
+
+            i18n-multiCheckboxFilterSelectAllLabel="kendo.grid.multiCheckboxFilterSelectAllLabel|The label for the multi-checkbox filter select all option"
+            multiCheckboxFilterSelectAllLabel="Select all"
+
+            i18n-multiCheckboxFilterSelectedItemsCount="kendo.grid.multiCheckboxFilterSelectedItemsCount|The text for the multi-checkbox filter selected items count"
+            multiCheckboxFilterSelectedItemsCount="{{ '{selectedItemsCount} selected items' }}"
         >
         </ng-container>
         <kendo-grid-toolbar
@@ -4148,10 +4164,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </kendo-pager-info>
         </ng-template>
         <div #dialogContainer></div>
+        <div #windowContainer></div>
 
         <kendo-grid-adaptive-renderer *ngIf="isAdaptiveModeEnabled"></kendo-grid-adaptive-renderer>
         <kendo-resize-sensor *ngIf="isVirtual" (resize)="onResize()"></kendo-resize-sensor>
-        <div *ngIf="aiAssistantToolbarTool" #windowContainer></div>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
     `,
@@ -4360,9 +4376,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], columnMenuTemplates: [{
                 type: ContentChildren,
                 args: [ColumnMenuTemplateDirective]
-            }], aiAssistantToolbarTool: [{
-                type: ContentChild,
-                args: [AIAssistantToolbarDirective]
             }], lockedHeader: [{
                 type: ViewChild,
                 args: ['lockedHeader']

package/esm2022/index.mjs

@@ -46,6 +46,7 @@ export { DropCueService } from './dragdrop/drop-cue.service';
 export { EditService as EditServiceClass } from './editing/edit.service';
 export { NumericFilterComponent } from './filtering/numeric-filter.component';
 export { StringFilterComponent } from './filtering/string-filter.component';
+export { MultiCheckboxFilterComponent } from './filtering/multicheckbox-filter.component';
 export { GroupInfoService } from './grouping/group-info.service';
 export { GroupsService } from './grouping/groups.service';
 export { BrowserSupportService } from './layout/browser-support.service';

package/esm2022/localization/messages.mjs

@@ -582,8 +582,29 @@ export class GridMessages extends ComponentMessages {
      * Sets the text for the external editing Dialog <b>Cancel</b> button.
      */
     externalEditingCancelText;
+    /**
+     * The placeholder text for the multi-checkbox filter search input
+     */
+    multiCheckboxFilterSearchPlaceholder;
+    /**
+     * The label for the multi-checkbox filter select all option
+     */
+    multiCheckboxFilterSelectAllLabel;
+    /**
+     * The text for the multi-checkbox filter selected items count
+     *
+     * The text includes the selected items count and a localizable string.
+     * For 3 selected items the default text is `3 selected items`.
+     *
+     * To customize the text, use the `{selectedItemsCount}` placeholder and a custom localizable string.
+     * For example, `{selectedItemsCount} items are selected`.
+     *
+     * The `{selectedItemsCount}` placeholder is replaced with the count of selected items,
+     * and the message is rendered as `3 items are selected`.
+     */
+    multiCheckboxFilterSelectedItemsCount;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -841,4 +862,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], externalEditingCancelText: [{
                 type: Input
+            }], multiCheckboxFilterSearchPlaceholder: [{
+                type: Input
+            }], multiCheckboxFilterSelectAllLabel: [{
+                type: Input
+            }], multiCheckboxFilterSelectedItemsCount: [{
+                type: Input
             }] } });

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1759482491,
-    version: '20.1.0-develop.8',
+    publishDate: 1761117321,
+    version: '20.1.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/pdf/pdf.component.mjs

@@ -176,11 +176,16 @@ export class PDFComponent extends PDFExportComponent {
             overlayContent.scrollTop = content.scrollTop;
             overlayContent.scrollLeft = content.scrollLeft;
             if (!this.ctx?.grid?.isStacked) {
-                overlayQuery.header().scrollLeft = query.header().scrollLeft;
+                const header = query.header();
+                const overlayHeader = overlayQuery.header();
+                if (header && overlayHeader) {
+                    overlayHeader.scrollLeft = header.scrollLeft;
+                }
             }
             const footer = query.footer();
-            if (footer) {
-                overlayQuery.footer().scrollLeft = footer.scrollLeft;
+            const overlayFooter = overlayQuery.footer();
+            if (footer && overlayFooter) {
+                overlayFooter.scrollLeft = footer.scrollLeft;
             }
             const lockedContent = query.content(true);
             if (lockedContent) {

package/esm2022/rendering/cell.component.mjs

@@ -312,7 +312,7 @@ export class CellComponent {
                         </ng-container>
                     </div>
                 </div>
-                <div class="k-grid-stack-cell" *ngIf="detailTemplate?.showIf(item.data, $any(item).index)">
+                <div class="k-grid-stack-cell" *ngIf="detailTemplate?.showIf(item.data, $any(item).index)" [attr.aria-expanded]="item.isExpanded">
                     <div class="k-grid-stack-content">
                         <button kendoButton
                             fillMode="flat"
@@ -520,7 +520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         </ng-container>
                     </div>
                 </div>
-                <div class="k-grid-stack-cell" *ngIf="detailTemplate?.showIf(item.data, $any(item).index)">
+                <div class="k-grid-stack-cell" *ngIf="detailTemplate?.showIf(item.data, $any(item).index)" [attr.aria-expanded]="item.isExpanded">
                     <div class="k-grid-stack-content">
                         <button kendoButton
                             fillMode="flat"

package/esm2022/rendering/common/field-accessor.pipe.mjs

@@ -29,7 +29,7 @@ export class FieldAccessorPipe {
     }
     formatValue(format, value) {
         const intl = this.intlService;
-        if (isString(format) && format.match(FORMAT_REGEX)) {
+        if (isString(format) && FORMAT_REGEX.exec(format)) {
             return intl.format(format, value);
         }
         return intl.toString(value, format);

package/esm2022/rendering/common/format.pipe.mjs

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Pipe } from '@angular/core';
+import { isString } from '../../utils';
+import { IntlService } from '@progress/kendo-angular-intl';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+const FORMAT_REGEX = /\{\d+:?/;
+/**
+ * @hidden
+ */
+export class FormatPipe {
+    intlService;
+    constructor(intlService) {
+        this.intlService = intlService;
+    }
+    transform(value, format) {
+        const intl = this.intlService;
+        if (isString(format) && FORMAT_REGEX.exec(format)) {
+            return intl.format(format, value);
+        }
+        return intl.toString(value, format);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatPipe, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FormatPipe, isStandalone: true, name: "format", pure: false });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/pipe-prefix
+                    name: 'format',
+                    pure: false,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.IntlService }]; } });

package/esm2022/rendering/header/header.component.mjs

@@ -169,7 +169,7 @@ export class HeaderComponent {
     }
     onHeaderKeydown(column, args) {
         const code = normalizeNumpadKeys(args);
-        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu) {
+        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu && this.isFilterable(column)) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const filterMenu = this.filterMenus.find(fm => fm.column === column);