@progress/kendo-angular-grid 25.0.0-develop.16 → 25.0.0-develop.18

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, SecurityContext, InjectionToken, Optional, Inject, Input, SkipSelf, Directive, isDevMode, QueryList, ContentChildren, ContentChild, Component, forwardRef, Host, Output, HostBinding, HostListener, Pipe, TemplateRef, ViewChild, ViewChildren, ChangeDetectionStrategy, Self, NgZone, ElementRef, ViewContainerRef, ViewEncapsulation, inject, Injector, NgModule } from '@angular/core';
 import { merge, of, Subject, zip as zip$1, from, Subscription, interval, fromEvent, Observable, BehaviorSubject } from 'rxjs';
 import * as i1$3 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, contains as contains$3, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, contains as contains$3, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, ComponentNameDirective, KENDO_WEBMCP_HOST, provideComponentName, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
 export { BrowserSupportService, ScrollbarService } from '@progress/kendo-angular-common';
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@progress/kendo-angular-icons';
@@ -15,10 +15,10 @@ import { plusIcon, cancelIcon, lockIcon, unlockIcon, chevronDownIcon, chevronRig
 import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, skip, bufferCount, flatMap } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import * as i57 from '@progress/kendo-angular-pager';
+import * as i58 from '@progress/kendo-angular-pager';
 import { PagerTemplateDirective, PagerContextService, PagerNavigationService, KENDO_PAGER } from '@progress/kendo-angular-pager';
 import { orderBy, isCompositeFilterDescriptor, filterBy, groupBy, process } from '@progress/kendo-data-query';
-import { NgTemplateOutlet, NgClass, NgStyle, KeyValuePipe } from '@angular/common';
+import { NgTemplateOutlet, NgStyle, NgClass, KeyValuePipe } from '@angular/common';
 import { getter } from '@progress/kendo-common';
 import * as i1$4 from '@progress/kendo-angular-intl';
 import { parseDate } from '@progress/kendo-angular-intl';
@@ -36,7 +36,7 @@ import * as i4 from '@progress/kendo-angular-inputs';
 import { TextBoxComponent, NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, RadioButtonComponent, CheckBoxComponent, TextBoxPrefixTemplateDirective, KENDO_FORMFIELD, KENDO_TEXTBOX, KENDO_NUMERICTEXTBOX, KENDO_CHECKBOX } from '@progress/kendo-angular-inputs';
 import * as i5 from '@progress/kendo-angular-dateinputs';
 import { DatePickerComponent, DatePickerCustomMessagesComponent, KENDO_DATEPICKER, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService as NavigationService$2 } from '@progress/kendo-angular-dateinputs';
-import * as i58 from '@progress/kendo-angular-toolbar';
+import * as i59 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { TabStripComponent, TabStripTabComponent, TabTitleDirective, TabContentDirective } from '@progress/kendo-angular-layout';
@@ -1214,9 +1214,16 @@ class NavigationCursor {
             this.virtualCol += 1;
             return false;
         }
+        if (!cell && this.metadata.isColumnsGroupMode) {
+            return false;
+        }
         if (cell.colSpan > 1 && cell.colIndex <= virtualCol && virtualCol < cell.colIndex + cell.colSpan) {
             nextColIndex = offset > 0 ? Math.min(cell.colIndex + cell.colSpan, lastIndex) : Math.max(0, cell.colIndex + offset);
             const nextCell = this.model.findCell(nextColIndex, prevRow);
+            if (!nextCell && this.metadata.isColumnsGroupMode) {
+                this.virtualCol = virtualCol;
+                return false;
+            }
             if (!nextCell) {
                 this.virtualCol = nextColIndex;
                 return this.activate(cell.rowIndex, nextColIndex);
@@ -1252,6 +1259,9 @@ class NavigationCursor {
             if (nextRow) {
                 // remove duplication
                 let cell = this.model.findCell(this.virtualCol, nextRow);
+                if (!cell && this.metadata.isColumnsGroupMode && nextRow.cells.count) {
+                    cell = nextRow.cells.first;
+                }
                 if (!cell) {
                     return;
                 }
@@ -1276,6 +1286,9 @@ class NavigationCursor {
             const nextPos = cell.rowIndex + cell.rowSpan - 1 + offset;
             cell = this.model.findCell(this.virtualCol, this.model.findRow(nextPos));
         }
+        if (!cell && this.metadata.isColumnsGroupMode && nextRow.cells.count) {
+            cell = nextRow.cells.first;
+        }
         if (!cell && (this.metadata.virtualColumns || this.metadata.hasDetailTemplate)) {
             return this.activate(this.virtualRow + offset, this.virtualCol);
         }
@@ -4671,12 +4684,12 @@ class NavigationService {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i57.PagerContextService }, { token: ScrollRequestService }, { token: GroupsService }, { token: DetailsService }, { token: FocusRoot }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i58.PagerContextService }, { token: ScrollRequestService }, { token: GroupsService }, { token: DetailsService }, { token: FocusRoot }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i57.PagerContextService }, { type: ScrollRequestService }, { type: GroupsService }, { type: DetailsService }, { type: FocusRoot }, { type: EditService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i58.PagerContextService }, { type: ScrollRequestService }, { type: GroupsService }, { type: DetailsService }, { type: FocusRoot }, { type: EditService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -5047,6 +5060,7 @@ class ColGroupComponent {
     groups = [];
     detailTemplate;
     sort = new Array();
+    groupingMode = 'default';
     constructor(ctx) {
         this.ctx = ctx;
     }
@@ -5077,11 +5091,13 @@ class ColGroupComponent {
         return this.sort.find(item => item.field === field) || { field };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ColGroupComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ColGroupComponent, isStandalone: true, selector: "[kendoGridColGroup]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", sort: "sort" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ColGroupComponent, isStandalone: true, selector: "[kendoGridColGroup]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", sort: "sort", groupingMode: "groupingMode" }, ngImport: i0, template: `
     <ng-container>
-      @for (g of groups; track g) {
-        <col [class.k-group-col]="true" />
-      }
+        @if (groupingMode === 'default') {
+            @for (g of groups; track g) {
+                <col [class.k-group-col]="true" />
+            }
+        }
       @if (detailTemplate?.templateRef && !isStacked) {
         <col [class.k-hierarchy-col]="true"/>
       }
@@ -5099,9 +5115,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridColGroup]',
                     template: `
     <ng-container>
-      @for (g of groups; track g) {
-        <col [class.k-group-col]="true" />
-      }
+        @if (groupingMode === 'default') {
+            @for (g of groups; track g) {
+                <col [class.k-group-col]="true" />
+            }
+        }
       @if (detailTemplate?.templateRef && !isStacked) {
         <col [class.k-hierarchy-col]="true"/>
       }
@@ -5122,6 +5140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], sort: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }] } });
 
 /**
@@ -5989,6 +6009,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Represents the group-header template of the synthetic group column that is rendered when the Grid group [`displayMode`](slug:api_grid_groupablesettings#displaymode) is `singleColumn` or `multipleColumns`. It allows customization of the group header content.
+ * To define the group header template, nest an `<ng-template>` tag with the `kendoGridGroupColumnGroupHeaderTemplate`
+ * directive inside the `<kendo-grid>`.
+ *
+ * The template context is set to the current data item and provides the following fields:
+ * - `group`&mdash;The current group item.
+ * - `field`&mdash;The name of the field used for grouping.
+ * - `value`&mdash;The current group value.
+ * - `aggregates`&mdash;Aggregate values for the current group.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *     <ng-template kendoGridGroupColumnGroupHeaderTemplate let-field="field" let-value="value">
+ *         <span title="Group Column Group Header Template">
+ *             <strong>{{field}}: {{ value }}</strong>
+ *         </span>
+ *     </ng-template>
+ * </kendo-grid>
+ * ```
+ */
+class GroupColumnGroupHeaderTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupColumnGroupHeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: GroupColumnGroupHeaderTemplateDirective, isStandalone: true, selector: "[kendoGridGroupColumnGroupHeaderTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupColumnGroupHeaderTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridGroupColumnGroupHeaderTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });
+
 const forEachColumn = (list, callback) => {
     list.forEach((column) => {
         callback(column);
@@ -6082,6 +6142,7 @@ class ColumnList {
  * @hidden
  */
 class GroupInfoService {
+    groupColumnGroupHeaderTemplate;
     _columnList = ColumnList.empty;
     get columns() {
         return expandColumns(this._columnList().toArray()).filter(isColumnComponent);
@@ -6105,14 +6166,14 @@ class GroupInfoService {
         const column = this.columnForGroup(item);
         return column ? column.groupHeaderTemplateRef || column.groupHeaderColumnTemplateRef : undefined;
     }
-    groupField(group) {
-        return group.data ? group.data.field : group.field;
-    }
     columnForGroup(group) {
         const field = this.groupField(group);
         const [column] = this.columns.filter(x => x.field === field);
         return column;
     }
+    groupField(group) {
+        return group.data ? group.data.field : group.field;
+    }
 }
 
 /**
@@ -6122,6 +6183,7 @@ class GroupHeaderComponent {
     groupsService;
     groupInfoService;
     ctx;
+    columnInfoService;
     rowIndex;
     logicalRowIndex;
     item;
@@ -6130,6 +6192,7 @@ class GroupHeaderComponent {
     totalColumnsCount = 0;
     hasGroupHeaderColumn;
     groupHeaderColumns;
+    groupingMode = 'default';
     columns;
     groups = [];
     groupItemClass = true;
@@ -6138,10 +6201,11 @@ class GroupHeaderComponent {
     chevronDownIcon = chevronDownIcon;
     chevronRightIcon = chevronRightIcon;
     chevronLeftIcon = chevronLeftIcon;
-    constructor(groupsService, groupInfoService, ctx) {
+    constructor(groupsService, groupInfoService, ctx, columnInfoService) {
         this.groupsService = groupsService;
         this.groupInfoService = groupInfoService;
         this.ctx = ctx;
+        this.columnInfoService = columnInfoService;
     }
     ngDoCheck() {
         const groupArgs = {
@@ -6151,6 +6215,41 @@ class GroupHeaderComponent {
         };
         this.isExpanded = this.groupsService.isExpanded(groupArgs);
     }
+    groupColumnForItem(item) {
+        if (this.groupingMode === 'multipleColumns') {
+            const match = (this.columns?.toArray() || []).find((c) => c?.isGroupColumn && c?.groupLevel === item.level);
+            return match || this.groupColumn;
+        }
+        return this.groupColumn;
+    }
+    groupColumnIndexForLevel(level) {
+        if (this.groupingMode === 'compact') {
+            return 0;
+        }
+        if (this.groupingMode === 'singleColumn') {
+            return this.columns.toArray().findIndex(c => c.isGroupColumn);
+        }
+        return this.columns.toArray().findIndex((c) => c?.isGroupColumn && c?.groupLevel === level);
+    }
+    shouldShowGroupContent() {
+        if (this.groupingMode === 'singleColumn') {
+            return this.hasGroupColumnInColumns();
+        }
+        if (this.groupingMode === 'multipleColumns') {
+            return this.groupColumnIndexForLevel(this.item.level) !== -1;
+        }
+        return !this.skipGroupDecoration;
+    }
+    addStickyStyles(column) {
+        const stickyStyles = this.columnInfoService.stickyColumnsStyles(column);
+        return { ...column.headerStyle, ...stickyStyles };
+    }
+    hasGroupColumnInColumns() {
+        return (this.columns?.toArray() || []).some((c) => c?.isGroupColumn);
+    }
+    get groupColumn() {
+        return (this.columns?.toArray() || []).find((c) => c?.isGroupColumn);
+    }
     prefixGroupCell(item) {
         return new Array(item.level);
     }
@@ -6162,19 +6261,32 @@ class GroupHeaderComponent {
         return false;
     }
     groupSpan(item) {
+        if (this.groupingMode === 'singleColumn') {
+            return this.hasGroupColumnInColumns() ? 1 : columnsSpan(this.columns);
+        }
+        if (this.groupingMode === 'multipleColumns') {
+            return this.groupColumnIndexForLevel(item.level) !== -1 ? 1 : columnsSpan(this.columns);
+        }
         const groupCount = (this.groups || []).length;
         const detailOffset = this.hasDetails ? 1 : 0;
+        const isCompactMode = this.groupingMode === 'compact';
         if (this.hasGroupHeaderColumn) {
-            return groupCount + 1 + detailOffset - item.level;
+            return (isCompactMode ? 0 : groupCount) + 1 + detailOffset - (isCompactMode ? 0 : item.level);
         }
         const columnCount = columnsSpan(this.columns);
-        if (this.skipGroupDecoration) {
+        if (this.skipGroupDecoration || isCompactMode) {
             return columnCount;
         }
         return groupCount + columnCount + detailOffset - item.level;
     }
     logicalColSpan() {
-        return this.skipGroupDecoration || this.hasGroupHeaderColumn ? 1 : this.totalColumnsCount;
+        if (this.groupingMode === 'singleColumn' || this.groupingMode === 'multipleColumns') {
+            return columnsSpan(this.columns) - 1;
+        }
+        if (this.skipGroupDecoration && this.groupingMode === 'default') {
+            return 1;
+        }
+        return this.hasGroupHeaderColumn ? 1 : this.totalColumnsCount;
     }
     ariaRole() {
         if (this.skipGroupDecoration) {
@@ -6191,6 +6303,14 @@ class GroupHeaderComponent {
     groupHeaderTemplate(item) {
         return this.groupInfoService.groupHeaderTemplate(item);
     }
+    get groupColumnGroupHeaderTemplate() {
+        return this.groupInfoService.groupColumnGroupHeaderTemplate;
+    }
+    singleColumnRemainingSpan() {
+        const columnCount = columnsSpan(this.columns);
+        const detailOffset = this.hasDetails ? 1 : 0;
+        return columnCount + detailOffset;
+    }
     get groupButtonTitle() {
         const messageKey = this.isExpanded ? 'groupCollapse' : 'groupExpand';
         return this.ctx.localization.get(messageKey);
@@ -6210,74 +6330,147 @@ class GroupHeaderComponent {
     get isStacked() {
         return this.ctx.grid?.isStacked;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: GroupsService }, { token: GroupInfoService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: GroupHeaderComponent, isStandalone: true, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupHeaderComponent, deps: [{ token: GroupsService }, { token: GroupInfoService }, { token: ContextService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: GroupHeaderComponent, isStandalone: true, selector: "[kendoGridGroupHeader]", inputs: { rowIndex: "rowIndex", logicalRowIndex: "logicalRowIndex", item: "item", skipGroupDecoration: "skipGroupDecoration", hasDetails: "hasDetails", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", groupingMode: "groupingMode", columns: "columns", groups: "groups" }, host: { properties: { "class.k-grouping-row": "this.groupItemClass", "class.k-table-group-row": "this.tableGroupRowClass" } }, ngImport: i0, template: `
         @if (!skipGroupDecoration) {
-          @for (g of prefixGroupCell(item); track $index) {
-            <td class="k-group-cell k-table-td k-table-group-td"
-              role="presentation"
-            ></td>
+          @if (groupingMode === 'default') {
+            @for (g of prefixGroupCell(item); track $index) {
+              <td class="k-group-cell k-table-td k-table-group-td"
+                role="presentation"
+              ></td>
+            }
           }
         }
         @if (!(skipGroupDecoration && hasGroupHeaderColumn)) {
-          <td [attr.colspan]="groupSpan(item)"
-            [attr.role]="ariaRole()"
-            aria-selected="false"
-            class="k-table-td"
-            [attr.aria-expanded]="isExpanded"
-            kendoGridLogicalCell
-            [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="0"
-            [logicalSlaveCell]="skipGroupDecoration"
-            [groupItem]="item"
-            [colSpan]="logicalColSpan()">
-            <p class="k-reset">
-              @if (!skipGroupDecoration) {
-                <a tabindex="-1" (click)="toggleGroup(item, $event)"
-                  [attr.title]="groupButtonTitle"
-                  [attr.aria-label]="groupButtonTitle">
-                  <kendo-icon-wrapper
-                    [name]="arrowIcon"
-                  [svgIcon]="arrowSVGIcon"></kendo-icon-wrapper>
-                </a>
-                @if (!groupHeaderTemplate(item)) {
-                  {{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}
-                }
-                <ng-template
-                        [templateContext]="{
-                            templateRef: groupHeaderTemplate(item),
-                            group: item.data,
-                            aggregates: item.data?.aggregates,
-                            value: item.data?.value,
-                            field: item.data?.field,
-                            index: item.index,
-                            expanded: isExpanded,
-                            $implicit: item.data
-                            }">
-                </ng-template>
-              }
-            </p>
-            @if (isStacked) {
-              <div class="k-grid-column-template">
-                @for (column of groupHeaderColumns; track column; let index = $index) {
-                  @if (column.groupHeaderColumnTemplateRef) {
-                    <div class="k-column-template-item">
-                      <ng-template [ngTemplateOutlet]="column.groupHeaderColumnTemplateRef"
-                            [ngTemplateOutletContext]="{
-                                group: item.data,
-                                aggregates: item.data?.aggregates,
-                                value: item.data?.value,
-                                field: item.data?.field,
-                                index: item.index,
-                                $implicit: item.data
-                                }">
-                      </ng-template>
-                    </div>
+          @if (groupingMode === 'default') {
+            <td [attr.colspan]="groupSpan(item)"
+              [attr.role]="ariaRole()"
+              aria-selected="false"
+              class="k-table-td"
+              [attr.aria-expanded]="isExpanded"
+              kendoGridLogicalCell
+              [logicalRowIndex]="logicalRowIndex"
+              [logicalColIndex]="0"
+              [logicalSlaveCell]="skipGroupDecoration"
+              [groupItem]="item"
+              [colSpan]="logicalColSpan()">
+              <div class="k-grouping-row-content">
+                @if (!skipGroupDecoration) {
+                  <a tabindex="-1" (click)="toggleGroup(item, $event)"
+                    [attr.title]="groupButtonTitle"
+                    [attr.aria-label]="groupButtonTitle">
+                    <kendo-icon-wrapper
+                      [name]="arrowIcon"
+                      [svgIcon]="arrowSVGIcon"></kendo-icon-wrapper>
+                  </a>
+                  @if (!groupHeaderTemplate(item)) {
+                    <span class="k-grouping-row-text">
+                      {{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}
+                    </span>
                   }
+                  <ng-template
+                          [templateContext]="{
+                              templateRef: groupHeaderTemplate(item),
+                              group: item.data,
+                              aggregates: item.data?.aggregates,
+                              value: item.data?.value,
+                              field: item.data?.field,
+                              index: item.index,
+                              expanded: isExpanded,
+                              $implicit: item.data
+                              }">
+                  </ng-template>
                 }
               </div>
+              @if (isStacked) {
+                <div class="k-grid-column-template">
+                  @for (column of groupHeaderColumns; track column; let index = $index) {
+                    @if (column.groupHeaderColumnTemplateRef) {
+                      <div class="k-column-template-item">
+                        <ng-template [ngTemplateOutlet]="column.groupHeaderColumnTemplateRef"
+                              [ngTemplateOutletContext]="{
+                                  group: item.data,
+                                  aggregates: item.data?.aggregates,
+                                  value: item.data?.value,
+                                  field: item.data?.field,
+                                  index: item.index,
+                                  $implicit: item.data
+                                  }">
+                        </ng-template>
+                      </div>
+                    }
+                  }
+                </div>
+              }
+            </td>
+          } @else {
+            @if (groupingMode === 'singleColumn' && hasGroupColumnInColumns() && groupColumnIndexForLevel() > 0) {
+              <td [attr.colspan]="groupColumnIndexForLevel()"
+                role="gridcell"
+                class="k-table-td">
+              </td>
             }
-          </td>
+            @if (groupingMode === 'multipleColumns' && groupColumnIndexForLevel(item.level) > 0) {
+              <td [attr.colspan]="groupColumnIndexForLevel(item.level)"
+                role="gridcell"
+                class="k-table-td">
+              </td>
+            }
+            <td [attr.colspan]="groupSpan(item)"
+              role="gridcell"
+              aria-selected="false"
+              class="k-table-td"
+              [class.k-grid-content-sticky]="groupColumnForItem(item)?.sticky"
+              [ngStyle]="groupColumnForItem(item)?.sticky ? addStickyStyles(groupColumnForItem(item)) : null"
+              [attr.aria-expanded]="isExpanded"
+              kendoGridLogicalCell
+              [logicalRowIndex]="logicalRowIndex"
+              [logicalColIndex]="groupColumnIndexForLevel(item.level)"
+              [logicalSlaveCell]="skipGroupDecoration"
+              [groupItem]="item"
+              [colSpan]="logicalColSpan()"
+              [style.--kendo-grid-grouping-level]="(groupingMode === 'singleColumn' || groupingMode === 'compact') && item.level > 0 ? item.level : null">
+              @if (shouldShowGroupContent()) {
+                <div class="k-grouping-row-content">
+                    <kendo-icon-wrapper
+                      [name]="arrowIcon"
+                      [svgIcon]="arrowSVGIcon"
+                      tabindex="-1"
+                      (click)="toggleGroup(item, $event)"
+                      [attr.title]="groupButtonTitle"
+                      [attr.aria-label]="groupButtonTitle">
+                    </kendo-icon-wrapper>
+                  @if (!groupColumnGroupHeaderTemplate) {
+                    <span class="k-grouping-row-text">{{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}</span>
+                  }
+                  <ng-template
+                          [templateContext]="{
+                              templateRef: groupColumnGroupHeaderTemplate,
+                              group: item.data,
+                              aggregates: item.data?.aggregates,
+                              value: item.data?.value,
+                              field: item.data?.field,
+                              index: item.index,
+                              expanded: isExpanded,
+                              $implicit: item.data
+                            }">
+                  </ng-template>
+                </div>
+              }
+            </td>
+            @if (groupingMode === 'singleColumn' && hasGroupColumnInColumns() && logicalColSpan() - groupColumnIndexForLevel() > 0) {
+              <td [attr.colspan]="logicalColSpan() - groupColumnIndexForLevel()"
+                role="gridcell"
+                class="k-table-td">
+              </td>
+            }
+            @if (groupingMode === 'multipleColumns' && groupColumnIndexForLevel(item.level) !== -1 && logicalColSpan() - groupColumnIndexForLevel(item.level) > 0) {
+              <td [attr.colspan]="logicalColSpan() - groupColumnIndexForLevel(item.level)"
+                role="gridcell"
+                class="k-table-td">
+              </td>
+            }
+          }
         }
         @if (hasGroupHeaderColumn && !isStacked) {
           @for (column of groupHeaderColumns; track column; let index = $index) {
@@ -6307,7 +6500,7 @@ class GroupHeaderComponent {
             </td>
           }
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: FieldAccessorPipe, name: "valueOf" }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: FieldAccessorPipe, name: "valueOf" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupHeaderComponent, decorators: [{
             type: Component,
@@ -6315,71 +6508,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridGroupHeader]',
                     template: `
         @if (!skipGroupDecoration) {
-          @for (g of prefixGroupCell(item); track $index) {
-            <td class="k-group-cell k-table-td k-table-group-td"
-              role="presentation"
-            ></td>
+          @if (groupingMode === 'default') {
+            @for (g of prefixGroupCell(item); track $index) {
+              <td class="k-group-cell k-table-td k-table-group-td"
+                role="presentation"
+              ></td>
+            }
           }
         }
         @if (!(skipGroupDecoration && hasGroupHeaderColumn)) {
-          <td [attr.colspan]="groupSpan(item)"
-            [attr.role]="ariaRole()"
-            aria-selected="false"
-            class="k-table-td"
-            [attr.aria-expanded]="isExpanded"
-            kendoGridLogicalCell
-            [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="0"
-            [logicalSlaveCell]="skipGroupDecoration"
-            [groupItem]="item"
-            [colSpan]="logicalColSpan()">
-            <p class="k-reset">
-              @if (!skipGroupDecoration) {
-                <a tabindex="-1" (click)="toggleGroup(item, $event)"
-                  [attr.title]="groupButtonTitle"
-                  [attr.aria-label]="groupButtonTitle">
-                  <kendo-icon-wrapper
-                    [name]="arrowIcon"
-                  [svgIcon]="arrowSVGIcon"></kendo-icon-wrapper>
-                </a>
-                @if (!groupHeaderTemplate(item)) {
-                  {{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}
-                }
-                <ng-template
-                        [templateContext]="{
-                            templateRef: groupHeaderTemplate(item),
-                            group: item.data,
-                            aggregates: item.data?.aggregates,
-                            value: item.data?.value,
-                            field: item.data?.field,
-                            index: item.index,
-                            expanded: isExpanded,
-                            $implicit: item.data
-                            }">
-                </ng-template>
-              }
-            </p>
-            @if (isStacked) {
-              <div class="k-grid-column-template">
-                @for (column of groupHeaderColumns; track column; let index = $index) {
-                  @if (column.groupHeaderColumnTemplateRef) {
-                    <div class="k-column-template-item">
-                      <ng-template [ngTemplateOutlet]="column.groupHeaderColumnTemplateRef"
-                            [ngTemplateOutletContext]="{
-                                group: item.data,
-                                aggregates: item.data?.aggregates,
-                                value: item.data?.value,
-                                field: item.data?.field,
-                                index: item.index,
-                                $implicit: item.data
-                                }">
-                      </ng-template>
-                    </div>
+          @if (groupingMode === 'default') {
+            <td [attr.colspan]="groupSpan(item)"
+              [attr.role]="ariaRole()"
+              aria-selected="false"
+              class="k-table-td"
+              [attr.aria-expanded]="isExpanded"
+              kendoGridLogicalCell
+              [logicalRowIndex]="logicalRowIndex"
+              [logicalColIndex]="0"
+              [logicalSlaveCell]="skipGroupDecoration"
+              [groupItem]="item"
+              [colSpan]="logicalColSpan()">
+              <div class="k-grouping-row-content">
+                @if (!skipGroupDecoration) {
+                  <a tabindex="-1" (click)="toggleGroup(item, $event)"
+                    [attr.title]="groupButtonTitle"
+                    [attr.aria-label]="groupButtonTitle">
+                    <kendo-icon-wrapper
+                      [name]="arrowIcon"
+                      [svgIcon]="arrowSVGIcon"></kendo-icon-wrapper>
+                  </a>
+                  @if (!groupHeaderTemplate(item)) {
+                    <span class="k-grouping-row-text">
+                      {{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}
+                    </span>
                   }
+                  <ng-template
+                          [templateContext]="{
+                              templateRef: groupHeaderTemplate(item),
+                              group: item.data,
+                              aggregates: item.data?.aggregates,
+                              value: item.data?.value,
+                              field: item.data?.field,
+                              index: item.index,
+                              expanded: isExpanded,
+                              $implicit: item.data
+                              }">
+                  </ng-template>
                 }
               </div>
+              @if (isStacked) {
+                <div class="k-grid-column-template">
+                  @for (column of groupHeaderColumns; track column; let index = $index) {
+                    @if (column.groupHeaderColumnTemplateRef) {
+                      <div class="k-column-template-item">
+                        <ng-template [ngTemplateOutlet]="column.groupHeaderColumnTemplateRef"
+                              [ngTemplateOutletContext]="{
+                                  group: item.data,
+                                  aggregates: item.data?.aggregates,
+                                  value: item.data?.value,
+                                  field: item.data?.field,
+                                  index: item.index,
+                                  $implicit: item.data
+                                  }">
+                        </ng-template>
+                      </div>
+                    }
+                  }
+                </div>
+              }
+            </td>
+          } @else {
+            @if (groupingMode === 'singleColumn' && hasGroupColumnInColumns() && groupColumnIndexForLevel() > 0) {
+              <td [attr.colspan]="groupColumnIndexForLevel()"
+                role="gridcell"
+                class="k-table-td">
+              </td>
             }
-          </td>
+            @if (groupingMode === 'multipleColumns' && groupColumnIndexForLevel(item.level) > 0) {
+              <td [attr.colspan]="groupColumnIndexForLevel(item.level)"
+                role="gridcell"
+                class="k-table-td">
+              </td>
+            }
+            <td [attr.colspan]="groupSpan(item)"
+              role="gridcell"
+              aria-selected="false"
+              class="k-table-td"
+              [class.k-grid-content-sticky]="groupColumnForItem(item)?.sticky"
+              [ngStyle]="groupColumnForItem(item)?.sticky ? addStickyStyles(groupColumnForItem(item)) : null"
+              [attr.aria-expanded]="isExpanded"
+              kendoGridLogicalCell
+              [logicalRowIndex]="logicalRowIndex"
+              [logicalColIndex]="groupColumnIndexForLevel(item.level)"
+              [logicalSlaveCell]="skipGroupDecoration"
+              [groupItem]="item"
+              [colSpan]="logicalColSpan()"
+              [style.--kendo-grid-grouping-level]="(groupingMode === 'singleColumn' || groupingMode === 'compact') && item.level > 0 ? item.level : null">
+              @if (shouldShowGroupContent()) {
+                <div class="k-grouping-row-content">
+                    <kendo-icon-wrapper
+                      [name]="arrowIcon"
+                      [svgIcon]="arrowSVGIcon"
+                      tabindex="-1"
+                      (click)="toggleGroup(item, $event)"
+                      [attr.title]="groupButtonTitle"
+                      [attr.aria-label]="groupButtonTitle">
+                    </kendo-icon-wrapper>
+                  @if (!groupColumnGroupHeaderTemplate) {
+                    <span class="k-grouping-row-text">{{groupTitle(item)}}: {{item.data | valueOf:"value": formatForGroup(item)}}</span>
+                  }
+                  <ng-template
+                          [templateContext]="{
+                              templateRef: groupColumnGroupHeaderTemplate,
+                              group: item.data,
+                              aggregates: item.data?.aggregates,
+                              value: item.data?.value,
+                              field: item.data?.field,
+                              index: item.index,
+                              expanded: isExpanded,
+                              $implicit: item.data
+                            }">
+                  </ng-template>
+                </div>
+              }
+            </td>
+            @if (groupingMode === 'singleColumn' && hasGroupColumnInColumns() && logicalColSpan() - groupColumnIndexForLevel() > 0) {
+              <td [attr.colspan]="logicalColSpan() - groupColumnIndexForLevel()"
+                role="gridcell"
+                class="k-table-td">
+              </td>
+            }
+            @if (groupingMode === 'multipleColumns' && groupColumnIndexForLevel(item.level) !== -1 && logicalColSpan() - groupColumnIndexForLevel(item.level) > 0) {
+              <td [attr.colspan]="logicalColSpan() - groupColumnIndexForLevel(item.level)"
+                role="gridcell"
+                class="k-table-td">
+              </td>
+            }
+          }
         }
         @if (hasGroupHeaderColumn && !isStacked) {
           @for (column of groupHeaderColumns; track column; let index = $index) {
@@ -6411,9 +6677,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
         }
         `,
                     standalone: true,
-                    imports: [LogicalCellDirective, IconWrapperComponent, TemplateContextDirective, NgTemplateOutlet, FieldAccessorPipe]
+                    imports: [LogicalCellDirective, IconWrapperComponent, NgStyle, TemplateContextDirective, NgTemplateOutlet, FieldAccessorPipe]
                 }]
-        }], ctorParameters: () => [{ type: GroupsService }, { type: GroupInfoService }, { type: ContextService }], propDecorators: { rowIndex: [{
+        }], ctorParameters: () => [{ type: GroupsService }, { type: GroupInfoService }, { type: ContextService }, { type: ColumnInfoService }], propDecorators: { rowIndex: [{
                 type: Input
             }], logicalRowIndex: [{
                 type: Input
@@ -6429,6 +6695,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], groupHeaderColumns: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], columns: [{
                 type: Input
             }], groups: [{
@@ -12874,6 +13142,7 @@ class FilterRowComponent {
     detailTemplate;
     logicalRowIndex;
     lockedColumnsCount;
+    groupingMode = 'default';
     filterRowClass = true;
     constructor(ctx, columnInfoService) {
         this.ctx = ctx;
@@ -12898,12 +13167,14 @@ class FilterRowComponent {
         return this.ctx.grid?.isStacked;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: FilterRowComponent, deps: [{ token: ContextService }, { token: ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: FilterRowComponent, isStandalone: true, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
-        @for (g of groups; track g) {
-          <td
-            class="k-table-td k-group-cell k-table-group-td"
-            role="presentation">
-          </td>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: FilterRowComponent, isStandalone: true, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount", groupingMode: "groupingMode" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
+        @if (groupingMode === 'default') {
+          @for (g of groups; track g) {
+            <td
+              class="k-table-td k-group-cell k-table-group-td"
+              role="presentation">
+            </td>
+          }
         }
         @if (detailTemplate?.templateRef && !isStacked) {
           <td
@@ -12933,11 +13204,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             args: [{
                     selector: '[kendoGridFilterRow]',
                     template: `
-        @for (g of groups; track g) {
-          <td
-            class="k-table-td k-group-cell k-table-group-td"
-            role="presentation">
-          </td>
+        @if (groupingMode === 'default') {
+          @for (g of groups; track g) {
+            <td
+              class="k-table-td k-group-cell k-table-group-td"
+              role="presentation">
+            </td>
+          }
         }
         @if (detailTemplate?.templateRef && !isStacked) {
           <td
@@ -12976,6 +13249,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], lockedColumnsCount: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], filterRowClass: [{
                 type: HostBinding,
                 args: ['class.k-filter-row']
@@ -14137,13 +14412,13 @@ class ToolbarToolBase {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarToolBase, deps: [{ token: i58.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarToolBase, deps: [{ token: i59.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ToolbarToolBase, isStandalone: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarToolBase, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i59.ToolBarButtonComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['command']
                 }] }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
@@ -14345,7 +14620,7 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus({ preventScroll: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i58.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i59.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i59.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll", filterable: "filterable", showSelectAll: "showSelectAll" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ColumnChooserToolbarDirective, decorators: [{
@@ -14354,7 +14629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridColumnChooserTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i2.PopupService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i58.RefreshService }, { type: AdaptiveGridService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i2.PopupService }, { type: i59.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i59.RefreshService }, { type: AdaptiveGridService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
                 type: Input
             }], allowHideAll: [{
                 type: Input
@@ -14627,9 +14902,9 @@ class ColumnMenuItemComponent {
     }
     get expandedIcon() {
         if (this.ctx.grid.isActionSheetExpanded) {
-            return 'arrow-chevron-right';
+            return 'chevron-right';
         }
-        return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
+        return this.expanded ? 'chevron-up' : 'chevron-down';
     }
     get expandedSvgIcon() {
         if (this.ctx.grid.isActionSheetExpanded) {
@@ -17704,7 +17979,7 @@ class CSVCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.csvService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i59.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: CSVCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCSVTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CSVCommandToolbarDirective, decorators: [{
@@ -17713,7 +17988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridCSVTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: CSVService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: CSVService }, { type: i59.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -18603,10 +18878,11 @@ class ColumnHandleDirective {
             const isParentSpan = isInSpanColumn(column);
             const isLastInSpan = isParentSpan ? column.parent.children.last === column : false;
             const index = indexOf(column, allLeafs);
+            const isSingleGroupColumn = column === this.ctx.grid?.singleGroupColumn;
             return {
                 column,
                 headerIndex: this.columnsForLevel(column.level).indexOf(column),
-                index,
+                index: isSingleGroupColumn ? -1 : index,
                 isLastInSpan,
                 isParentSpan,
                 level: column.level
@@ -20106,7 +20382,7 @@ const isRootLevel = ({ parent }) => !isTruthy(parent);
 const ofColumnType = ({ draggable }) => ['column', 'columnGroup']
     .indexOf(draggable.context.type) >= 0;
 const notSameElement = ({ draggable, target }) => draggable.element.nativeElement !== target.element.nativeElement;
-const inSameParent = (x, y) => x.parent === y.parent ||
+const inSameParent = (x, y) => (x.parent ?? null) === (y.parent ?? null) ||
     (isInSpanColumn$1(y) && inSameParent(x, y.parent));
 const sameParent = ({ draggable, target }) => inSameParent(draggable.context.column, target.context.column);
 const lastNonLocked = ({ draggable }) => !isTruthy(draggable.context.column.locked) &&
@@ -20155,6 +20431,7 @@ class HeaderComponent {
     totalColumns;
     tabIndex;
     size;
+    groupingMode = 'default';
     sortedFields = {};
     hostClass = true;
     get columnMenuSettings() {
@@ -20546,7 +20823,7 @@ class HeaderComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: HeaderComponent, deps: [{ token: SinglePopupService }, { token: DragHintService }, { token: DropCueService }, { token: ColumnReorderService }, { token: IdService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: NavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size", groupingMode: "groupingMode" }, host: { properties: { "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         @for (i of columnLevels; track $index; let levelIndex = $index) {
           <tr
             kendoGridLogicalRow
@@ -20555,12 +20832,14 @@ class HeaderComponent {
             [logicalCellsCount]="columns.length"
             [logicalSlaveCellsCount]="unlockedColumnsCount"
             [totalColumns]="totalColumns">
-            @for (g of groups; track g) {
-              <th
-                class="k-group-cell k-header k-table-th"
-                role="presentation"
-                >
-              </th>
+            @if (groupingMode === 'default') {
+                @for (g of groups; track g) {
+                  <th
+                    class="k-group-cell k-header k-table-th"
+                    role="presentation"
+                    >
+                  </th>
+                }
             }
             @if (detailTemplate?.templateRef && !isStacked) {
               <th class="k-hierarchy-cell k-header k-table-th"
@@ -20801,9 +21080,10 @@ class HeaderComponent {
             [logicalSlaveRow]="lockedColumnsCount > 0"
             [logicalCellsCount]="columns.length"
             [logicalSlaveCellsCount]="unlockedColumnsCount"
-          [totalColumns]="totalColumns"></tr>
+            [totalColumns]="totalColumns"
+            [groupingMode]="groupingMode"></tr>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: ["column", "filter", "tabIndex"] }, { kind: "component", type: ColumnMenuComponent, selector: "kendo-grid-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate", "tabIndex"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: ColumnHandleDirective, selector: "[kendoGridColumnHandle]", inputs: ["isLast", "columns", "column"] }, { kind: "component", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: ["columns", "filter", "groups", "detailTemplate", "logicalRowIndex", "lockedColumnsCount"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: FilterMenuComponent, selector: "kendo-grid-filter-menu", inputs: ["column", "filter", "tabIndex"] }, { kind: "component", type: ColumnMenuComponent, selector: "kendo-grid-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate", "tabIndex"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: ColumnHandleDirective, selector: "[kendoGridColumnHandle]", inputs: ["isLast", "columns", "column"] }, { kind: "component", type: FilterRowComponent, selector: "[kendoGridFilterRow]", inputs: ["columns", "filter", "groups", "detailTemplate", "logicalRowIndex", "lockedColumnsCount", "groupingMode"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
@@ -20818,12 +21098,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             [logicalCellsCount]="columns.length"
             [logicalSlaveCellsCount]="unlockedColumnsCount"
             [totalColumns]="totalColumns">
-            @for (g of groups; track g) {
-              <th
-                class="k-group-cell k-header k-table-th"
-                role="presentation"
-                >
-              </th>
+            @if (groupingMode === 'default') {
+                @for (g of groups; track g) {
+                  <th
+                    class="k-group-cell k-header k-table-th"
+                    role="presentation"
+                    >
+                  </th>
+                }
             }
             @if (detailTemplate?.templateRef && !isStacked) {
               <th class="k-hierarchy-cell k-header k-table-th"
@@ -21064,7 +21346,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             [logicalSlaveRow]="lockedColumnsCount > 0"
             [logicalCellsCount]="columns.length"
             [logicalSlaveCellsCount]="unlockedColumnsCount"
-          [totalColumns]="totalColumns"></tr>
+            [totalColumns]="totalColumns"
+            [groupingMode]="groupingMode"></tr>
         }
         `,
                     standalone: true,
@@ -21125,6 +21408,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-table-thead']
@@ -21153,6 +21438,7 @@ class FooterComponent {
     logicalRowIndex = 0;
     totalColumns;
     totalColumnsCount = 0;
+    groupingMode = 'default';
     get footerClass() {
         return !this.scrollable;
     }
@@ -21190,7 +21476,7 @@ class FooterComponent {
         return this.ctx.grid?.isStacked;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: FooterComponent, deps: [{ token: ColumnInfoService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns", totalColumnsCount: "totalColumnsCount" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: FooterComponent, isStandalone: true, selector: "[kendoGridFooter]", inputs: { columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", lockedColumnsCount: "lockedColumnsCount", logicalRowIndex: "logicalRowIndex", totalColumns: "totalColumns", totalColumnsCount: "totalColumnsCount", groupingMode: "groupingMode" }, host: { properties: { "class.k-grid-footer": "this.footerClass", "class.k-table-tfoot": "this.hostClass", "attr.role": "this.hostRole" } }, ngImport: i0, template: `
     <ng-container>
       <tr
         class="k-footer-template"
@@ -21202,12 +21488,14 @@ class FooterComponent {
         [totalColumns]="totalColumns"
         >
         @if (!isStacked) {
-          @for (g of groups; track g) {
-            <td
-              class="k-table-td k-group-cell k-table-group-td"
-              role="presentation"
-              >
-            </td>
+          @if (groupingMode === 'default') {
+              @for (g of groups; track g) {
+                  <td
+                class="k-table-td k-group-cell k-table-group-td"
+                role="presentation"
+                >
+              </td>
+            }
           }
         }
         @if (detailTemplate?.templateRef && !isStacked) {
@@ -21288,12 +21576,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
         [totalColumns]="totalColumns"
         >
         @if (!isStacked) {
-          @for (g of groups; track g) {
-            <td
-              class="k-table-td k-group-cell k-table-group-td"
-              role="presentation"
-              >
-            </td>
+          @if (groupingMode === 'default') {
+              @for (g of groups; track g) {
+                  <td
+                class="k-table-td k-group-cell k-table-group-td"
+                role="presentation"
+                >
+              </td>
+            }
           }
         }
         @if (detailTemplate?.templateRef && !isStacked) {
@@ -21376,6 +21666,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], totalColumnsCount: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], footerClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-footer']
@@ -22767,6 +23059,7 @@ class TableBodyComponent {
     detailRowHeight;
     isPinContainer = false;
     pinPosition = null;
+    groupingMode = 'default';
     hostClass = true;
     groupHeaderSlaveCellsCount;
     groupHeaderColumns;
@@ -22867,7 +23160,8 @@ class TableBodyComponent {
             });
         }
         if (this.hasGroupHeaderColumn) {
-            this.groupHeaderColumns = columnsToRender(this.skipGroupDecoration ? this.columns : this.columns.toArray().slice(1));
+            const shouldSlice = !this.skipGroupDecoration && this.groupingMode === 'default';
+            this.groupHeaderColumns = columnsToRender(shouldSlice ? this.columns.toArray().slice(1) : this.columns);
         }
         else {
             this.groupHeaderColumns = [];
@@ -23206,7 +23500,7 @@ class TableBodyComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: TableBodyComponent, deps: [{ token: DetailsService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: EditService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DomEventsService }, { token: SelectionService }, { token: CellSelectionService }, { token: ColumnInfoService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", rowsToRender: "rowsToRender", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", isPinContainer: "isPinContainer", pinPosition: "pinPosition" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", rowsToRender: "rowsToRender", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", isPinContainer: "isPinContainer", pinPosition: "pinPosition", groupingMode: "groupingMode" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     @if (editService.hasNewItem) {
         <tr class="k-grid-add-row k-grid-edit-row k-master-row"
             [style.height.px]="rowHeight"
@@ -23217,8 +23511,10 @@ class TableBodyComponent {
                 [logicalSlaveCellsCount]="unlockedColumnsCount()"
                 [totalColumns]="totalColumns">
             @if (!skipGroupDecoration) {
-                @for (g of groups; track $index) {
-                    <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                @if (groupingMode === 'default') {
+                    @for (g of groups; track $index) {
+                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                    }
                 }
             }
             @if (detailTemplate?.templateRef && !isStackedMode) {
@@ -23305,7 +23601,8 @@ class TableBodyComponent {
                     [logicalSlaveRow]="lockedColumnsCount > 0 && !isStackedMode"
                     [totalColumns]="totalColumns"
                     [logicalCellsCount]="columns.length"
-                    [logicalSlaveCellsCount]="0">
+                    [logicalSlaveCellsCount]="0"
+                    [groupingMode]="groupingMode">
             </tr>
         }
         @if (item.showDataItem) {
@@ -23331,8 +23628,10 @@ class TableBodyComponent {
                 [class.k-selected]="isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item)"
                 [class.k-highlighted]="item.isHighlighted">
                 @if (!skipGroupDecoration) {
-                    @for (g of groups; track $index) {
-                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                    @if (groupingMode === 'default') {
+                        @for (g of groups; track $index) {
+                            <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                        }
                     }
                 }
                 @if (detailTemplate?.templateRef && !isStackedMode) {
@@ -23382,37 +23681,44 @@ class TableBodyComponent {
                 } @else {
                     @for (column of columns; track virtualColumns ? $index : column; let columnIndex = $index) {
                         @if (!item.cells?.[lockedColumnsCount + columnIndex]?.skip) {
-                            <td
-                                kendoGridCell
-                                [rowIndex]="$any(item).index"
-                                [columnIndex]="lockedColumnsCount + columnIndex"
-                                [attr.data-kendo-grid-column-index]="lockedColumnsCount + columnIndex"
-                                [column]="column"
-                                [columns]="allColumns"
-                                [dataItem]="item.data"
-                                [isLoading]="isLoading"
-                                [isVirtual]="isVirtual"
-                                [loadingTemplate]="cellLoadingTemplate"
-                                kendoGridLogicalCell
-                                [logicalRowIndex]="logicalRowIndex(rowIndex)"
-                                [logicalColIndex]="logicalColIndex(column)"
-                                [dataRowIndex]="$any(item).index"
-                                [dataItem]="item.data"
-                                [colIndex]="columnIndex"
-                                [colSpan]="column.colspan"
-                                [rowSpan]="item.cells[lockedColumnsCount + columnIndex]?.rowspan"
-                                [attr.role]="column.tableCellsRole"
-                                class="k-table-td"
-                                [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
-                                [class.k-grid-content-sticky]="column.sticky"
-                                [class.k-touch-action-none]="isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag"
-                                [ngClass]="column.cssClass"
-                                [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
-                                [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
-                                [attr.colspan]="column.colspan"
-                                [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)"
-                                [class.k-highlighted]="item.cells[lockedColumnsCount + columnIndex]?.isHighlighted">
-                            </td>
+                            @if ($any(column).isGroupColumn) {
+                                <td class="k-table-group-td k-group-cell k-table-td" role="presentation"
+                                    [ngStyle]="column.sticky ? addStickyColumnStyles(column) : null"
+                                    [class.k-grid-content-sticky]="column.sticky"
+                                ></td>
+                            } @else {
+                                <td
+                                    kendoGridCell
+                                    [rowIndex]="$any(item).index"
+                                    [columnIndex]="lockedColumnsCount + columnIndex"
+                                    [attr.data-kendo-grid-column-index]="lockedColumnsCount + columnIndex"
+                                    [column]="column"
+                                    [columns]="allColumns"
+                                    [dataItem]="item.data"
+                                    [isLoading]="isLoading"
+                                    [isVirtual]="isVirtual"
+                                    [loadingTemplate]="cellLoadingTemplate"
+                                    kendoGridLogicalCell
+                                    [logicalRowIndex]="logicalRowIndex(rowIndex)"
+                                    [logicalColIndex]="logicalColIndex(column)"
+                                    [dataRowIndex]="$any(item).index"
+                                    [dataItem]="item.data"
+                                    [colIndex]="columnIndex"
+                                    [colSpan]="column.colspan"
+                                    [rowSpan]="item.cells[lockedColumnsCount + columnIndex]?.rowspan"
+                                    [attr.role]="column.tableCellsRole"
+                                    class="k-table-td"
+                                    [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
+                                    [class.k-grid-content-sticky]="column.sticky"
+                                    [class.k-touch-action-none]="isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag"
+                                    [ngClass]="column.cssClass"
+                                    [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
+                                    [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
+                                    [attr.colspan]="column.colspan"
+                                    [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)"
+                                    [class.k-highlighted]="item.cells[lockedColumnsCount + columnIndex]?.isHighlighted">
+                                </td>
+                            }
                         }
                     }
                 }
@@ -23487,8 +23793,10 @@ class TableBodyComponent {
                     [logicalCellsCount]="columns.length"
                     [logicalSlaveCellsCount]="unlockedColumnsCount(item)">
                 @if (!skipGroupDecoration) {
-                    @for (g of groups; track $index) {
-                        <td class="k-group-cell k-table-td k-table-group-td"></td>
+                    @if (groupingMode === 'default') {
+                        @for (g of groups; track $index) {
+                            <td class="k-group-cell k-table-td k-table-group-td"></td>
+                        }
                     }
                 }
                 @if (detailTemplate?.templateRef && !isStackedMode) {
@@ -23551,7 +23859,7 @@ class TableBodyComponent {
     @if (rowSticky) {
         <kendo-resize-sensor (resize)="resizeHandler()"></kendo-resize-sensor>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columns", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "detailTemplate", "item", "rowIndex", "dataItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LogicalRowDirective, selector: "[kendoGridLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "totalColumns"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "component", type: CellComponent, selector: "[kendoGridCell]", inputs: ["column", "columns", "columnIndex", "isNew", "isLoading", "isVirtual", "loadingTemplate", "detailTemplate", "item", "rowIndex", "dataItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "groupingMode", "columns", "groups"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: TableBodyComponent, decorators: [{
             type: Component,
@@ -23568,8 +23876,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 [logicalSlaveCellsCount]="unlockedColumnsCount()"
                 [totalColumns]="totalColumns">
             @if (!skipGroupDecoration) {
-                @for (g of groups; track $index) {
-                    <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                @if (groupingMode === 'default') {
+                    @for (g of groups; track $index) {
+                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                    }
                 }
             }
             @if (detailTemplate?.templateRef && !isStackedMode) {
@@ -23656,7 +23966,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     [logicalSlaveRow]="lockedColumnsCount > 0 && !isStackedMode"
                     [totalColumns]="totalColumns"
                     [logicalCellsCount]="columns.length"
-                    [logicalSlaveCellsCount]="0">
+                    [logicalSlaveCellsCount]="0"
+                    [groupingMode]="groupingMode">
             </tr>
         }
         @if (item.showDataItem) {
@@ -23682,8 +23993,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 [class.k-selected]="isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item)"
                 [class.k-highlighted]="item.isHighlighted">
                 @if (!skipGroupDecoration) {
-                    @for (g of groups; track $index) {
-                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                    @if (groupingMode === 'default') {
+                        @for (g of groups; track $index) {
+                            <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                        }
                     }
                 }
                 @if (detailTemplate?.templateRef && !isStackedMode) {
@@ -23733,37 +24046,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 } @else {
                     @for (column of columns; track virtualColumns ? $index : column; let columnIndex = $index) {
                         @if (!item.cells?.[lockedColumnsCount + columnIndex]?.skip) {
-                            <td
-                                kendoGridCell
-                                [rowIndex]="$any(item).index"
-                                [columnIndex]="lockedColumnsCount + columnIndex"
-                                [attr.data-kendo-grid-column-index]="lockedColumnsCount + columnIndex"
-                                [column]="column"
-                                [columns]="allColumns"
-                                [dataItem]="item.data"
-                                [isLoading]="isLoading"
-                                [isVirtual]="isVirtual"
-                                [loadingTemplate]="cellLoadingTemplate"
-                                kendoGridLogicalCell
-                                [logicalRowIndex]="logicalRowIndex(rowIndex)"
-                                [logicalColIndex]="logicalColIndex(column)"
-                                [dataRowIndex]="$any(item).index"
-                                [dataItem]="item.data"
-                                [colIndex]="columnIndex"
-                                [colSpan]="column.colspan"
-                                [rowSpan]="item.cells[lockedColumnsCount + columnIndex]?.rowspan"
-                                [attr.role]="column.tableCellsRole"
-                                class="k-table-td"
-                                [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
-                                [class.k-grid-content-sticky]="column.sticky"
-                                [class.k-touch-action-none]="isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag"
-                                [ngClass]="column.cssClass"
-                                [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
-                                [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
-                                [attr.colspan]="column.colspan"
-                                [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)"
-                                [class.k-highlighted]="item.cells[lockedColumnsCount + columnIndex]?.isHighlighted">
-                            </td>
+                            @if ($any(column).isGroupColumn) {
+                                <td class="k-table-group-td k-group-cell k-table-td" role="presentation"
+                                    [ngStyle]="column.sticky ? addStickyColumnStyles(column) : null"
+                                    [class.k-grid-content-sticky]="column.sticky"
+                                ></td>
+                            } @else {
+                                <td
+                                    kendoGridCell
+                                    [rowIndex]="$any(item).index"
+                                    [columnIndex]="lockedColumnsCount + columnIndex"
+                                    [attr.data-kendo-grid-column-index]="lockedColumnsCount + columnIndex"
+                                    [column]="column"
+                                    [columns]="allColumns"
+                                    [dataItem]="item.data"
+                                    [isLoading]="isLoading"
+                                    [isVirtual]="isVirtual"
+                                    [loadingTemplate]="cellLoadingTemplate"
+                                    kendoGridLogicalCell
+                                    [logicalRowIndex]="logicalRowIndex(rowIndex)"
+                                    [logicalColIndex]="logicalColIndex(column)"
+                                    [dataRowIndex]="$any(item).index"
+                                    [dataItem]="item.data"
+                                    [colIndex]="columnIndex"
+                                    [colSpan]="column.colspan"
+                                    [rowSpan]="item.cells[lockedColumnsCount + columnIndex]?.rowspan"
+                                    [attr.role]="column.tableCellsRole"
+                                    class="k-table-td"
+                                    [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
+                                    [class.k-grid-content-sticky]="column.sticky"
+                                    [class.k-touch-action-none]="isSelectable({ dataItem: item.data, index: $any(item).index }) && $any(selectable).drag"
+                                    [ngClass]="column.cssClass"
+                                    [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
+                                    [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
+                                    [attr.colspan]="column.colspan"
+                                    [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)"
+                                    [class.k-highlighted]="item.cells[lockedColumnsCount + columnIndex]?.isHighlighted">
+                                </td>
+                            }
                         }
                     }
                 }
@@ -23838,8 +24158,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     [logicalCellsCount]="columns.length"
                     [logicalSlaveCellsCount]="unlockedColumnsCount(item)">
                 @if (!skipGroupDecoration) {
-                    @for (g of groups; track $index) {
-                        <td class="k-group-cell k-table-td k-table-group-td"></td>
+                    @if (groupingMode === 'default') {
+                        @for (g of groups; track $index) {
+                            <td class="k-group-cell k-table-td k-table-group-td"></td>
+                        }
                     }
                 }
                 @if (detailTemplate?.templateRef && !isStackedMode) {
@@ -23961,6 +24283,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], pinPosition: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-table-tbody']
@@ -24830,8 +25154,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1785489838,
-    version: '25.0.0-develop.16',
+    publishDate: 1785502330,
+    version: '25.0.0-develop.18',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -25538,6 +25862,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: ContextService }, { type: ColumnInfoService }, { type: i0.NgZone }] });
 
+/**
+ * Represents the column for displaying groups in the 'singleColumn' and 'multipleColumns' grouping modes.
+ *
+ * @hidden
+ */
+class GroupColumnComponent extends ColumnBase {
+    localization;
+    isGroupColumn = true;
+    groupLevel = -1;
+    includeInChooser = false;
+    dataColumnDisplayTitle;
+    groupingMode;
+    // Not data-bound
+    sortable = false;
+    filterable = false;
+    editable = false;
+    groupable = false;
+    constructor(localization, parent, idService) {
+        super(parent, idService);
+        this.localization = localization;
+    }
+    get displayTitle() {
+        if (this.title) {
+            return this.title;
+        }
+        if (this.groupingMode === 'singleColumn') {
+            return this.localization.get('groupsSingleColumnTitle');
+        }
+        else {
+            return this.dataColumnDisplayTitle;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupColumnComponent, deps: [{ token: i1$2.LocalizationService }, { token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.26", type: GroupColumnComponent, isStandalone: true, selector: "kendo-grid-group-column", inputs: { sortable: "sortable", filterable: "filterable", editable: "editable", groupable: "groupable" }, providers: [{ provide: ColumnBase, useExisting: forwardRef(() => GroupColumnComponent) }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [{ provide: ColumnBase, useExisting: forwardRef(() => GroupColumnComponent) }],
+                    selector: 'kendo-grid-group-column',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$2.LocalizationService }, { type: ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: IdService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { sortable: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], groupable: [{
+                type: Input
+            }] } });
+
 /**
  * @hidden
  */
@@ -26370,11 +26755,12 @@ class NavigationMetadata {
     isStacked;
     pinnedTopRowsCount;
     pinnedBottomRowsCount;
+    isColumnsGroupMode;
     get maxLogicalRowIndex() {
         const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
         return this.headerRows + this.pinnedTopRowsCount + dataRows + this.pinnedBottomRowsCount + this.footerRow - 1;
     }
-    constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns, footerRow, isStacked, pinnedTopRowsCount = 0, pinnedBottomRowsCount = 0) {
+    constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns, footerRow, isStacked, pinnedTopRowsCount = 0, pinnedBottomRowsCount = 0, isColumnsGroupMode) {
         this.dataRows = dataRows;
         this.headerRows = headerRows;
         this.isVirtual = isVirtual;
@@ -26387,6 +26773,7 @@ class NavigationMetadata {
         this.isStacked = isStacked;
         this.pinnedTopRowsCount = pinnedTopRowsCount;
         this.pinnedBottomRowsCount = pinnedBottomRowsCount;
+        this.isColumnsGroupMode = isColumnsGroupMode;
     }
 }
 
@@ -27701,6 +28088,14 @@ class TableDirective {
         if (!info.isParentSpan || (info.isParentSpan && info.isLastInSpan)) {
             data = pipe(row('tbody>tr:not(.k-grouping-row):not(.k-grid-norecords)'), cell(info.index), offsetWidth)(dom);
         }
+        if (info.index === -1) {
+            dom.querySelectorAll('tbody>tr.k-grouping-row').forEach((groupRow) => {
+                const groupCell = groupRow.querySelectorAll('td:not(.k-group-cell):not(.k-hierarchy-cell)')[0];
+                if (groupCell) {
+                    data = Math.max(data, groupCell.offsetWidth);
+                }
+            });
+        }
         const footer = pipe(row('tfoot>tr'), cell(info.index), offsetWidth)(dom);
         return Math.max(header, data, footer);
     }
@@ -28648,6 +29043,7 @@ class StickyGroupContainerComponent {
     tableWidth;
     lockedWidth;
     isLocked = false;
+    groupingMode = 'default';
     hostClass = true;
     get isBottom() {
         return this.position === 'bottom';
@@ -28900,7 +29296,7 @@ class StickyGroupContainerComponent {
      * Triggers the scroll-to-root-and-toggle flow via the service.
      * The list component handles actual scrolling, toggling, and focus.
      */
-    scrollToGroupAndToggle(stickyItem, groupLevel) {
+    scrollToGroupAndToggle(stickyItem, _groupLevel) {
         const groupItem = stickyItem.item;
         const groupIndex = groupItem.index;
         this.stickyGroupsService.pendingFocusGroupIndex = groupIndex;
@@ -29108,7 +29504,7 @@ class StickyGroupContainerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: StickyGroupContainerComponent, deps: [{ token: StickyGroupsService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: i0.ElementRef }, { token: NavigationService }, { token: GroupsService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: StickyGroupContainerComponent, isStandalone: true, selector: "[kendoGridStickyGroupContainer]", inputs: { position: "position", columns: "columns", lockedColumns: "lockedColumns", groups: "groups", detailTemplate: "detailTemplate", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", tableWidth: "tableWidth", lockedWidth: "lockedWidth", isLocked: "isLocked" }, host: { listeners: { "click": "onContainerClick($event)", "focusin": "onContainerFocusIn($event)", "focusout": "onContainerFocusOut($event)", "keydown": "onContainerKeydown($event)" }, properties: { "class.k-grid-sticky-container": "this.hostClass", "class.k-pos-bottom": "this.isBottom", "attr.role": "this.hostRole" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: StickyGroupContainerComponent, isStandalone: true, selector: "[kendoGridStickyGroupContainer]", inputs: { position: "position", columns: "columns", lockedColumns: "lockedColumns", groups: "groups", detailTemplate: "detailTemplate", totalColumnsCount: "totalColumnsCount", hasGroupHeaderColumn: "hasGroupHeaderColumn", groupHeaderColumns: "groupHeaderColumns", tableWidth: "tableWidth", lockedWidth: "lockedWidth", isLocked: "isLocked", groupingMode: "groupingMode" }, host: { listeners: { "click": "onContainerClick($event)", "focusin": "onContainerFocusIn($event)", "focusout": "onContainerFocusOut($event)", "keydown": "onContainerKeydown($event)" }, properties: { "class.k-grid-sticky-container": "this.hostClass", "class.k-pos-bottom": "this.isBottom", "attr.role": "this.hostRole" } }, providers: [
             { provide: SKIP_CELL_NAVIGATION, useValue: true }
         ], ngImport: i0, template: `
         @if (isLocked) {
@@ -29124,7 +29520,8 @@ class StickyGroupContainerComponent {
                     <colgroup kendoGridColGroup
                         [groups]="groups"
                         [columns]="$any(lockedColumns)"
-                        [detailTemplate]="detailTemplate">
+                        [detailTemplate]="detailTemplate"
+                        [groupingMode]="groupingMode">
                     </colgroup>
                     <tbody class="k-table-tbody" role="presentation">
                         @if (position === 'top') {
@@ -29144,7 +29541,8 @@ class StickyGroupContainerComponent {
                                     [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                                     [attr.data-group-index]="$any(stickyItem.item).index"
                                     [attr.data-group-level]="$any(stickyItem.item).level"
-                                    tabindex="-1">
+                                    tabindex="-1"
+                                    [groupingMode]="groupingMode">
                                 </tr>
                             }
                         }
@@ -29154,8 +29552,10 @@ class StickyGroupContainerComponent {
                                     class="k-group-footer"
                                     [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                                     [attr.data-sticky-row]="rowIdx">
-                                    @for (g of groups; track $index) {
-                                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                    @if (groupingMode === 'default') {
+                                        @for (g of groups; track $index) {
+                                            <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                        }
                                     }
                                     @if (detailTemplate?.templateRef) {
                                         <td class="k-hierarchy-cell k-table-td" role="gridcell"
@@ -29200,7 +29600,8 @@ class StickyGroupContainerComponent {
             <colgroup kendoGridColGroup
                 [groups]="isLocked ? [] : groups"
                 [columns]="$any(columns)"
-                [detailTemplate]="isLocked ? null : detailTemplate">
+                [detailTemplate]="isLocked ? null : detailTemplate"
+                [groupingMode]="groupingMode">
             </colgroup>
             <tbody class="k-table-tbody" role="rowgroup">
                 @if (position === 'top') {
@@ -29220,7 +29621,8 @@ class StickyGroupContainerComponent {
                             [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                             [attr.data-group-index]="$any(stickyItem.item).index"
                             [attr.data-group-level]="$any(stickyItem.item).level"
-                            tabindex="-1">
+                            tabindex="-1"
+                            [groupingMode]="groupingMode">
                         </tr>
                     }
                 }
@@ -29231,8 +29633,10 @@ class StickyGroupContainerComponent {
                             [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                             [attr.data-sticky-row]="rowIdx">
                             @if (!isLocked) {
-                                @for (g of groups; track $index) {
-                                    <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                @if (groupingMode === 'default') {
+                                    @for (g of groups; track $index) {
+                                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                    }
                                 }
                                 @if (detailTemplate?.templateRef && !isStacked) {
                                     <td class="k-hierarchy-cell k-table-td" role="gridcell"
@@ -29287,7 +29691,7 @@ class StickyGroupContainerComponent {
             </tbody>
         </table>
         </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "columns", "groups"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort", "groupingMode"] }, { kind: "component", type: GroupHeaderComponent, selector: "[kendoGridGroupHeader]", inputs: ["rowIndex", "logicalRowIndex", "item", "skipGroupDecoration", "hasDetails", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "groupingMode", "columns", "groups"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: StickyGroupContainerComponent, decorators: [{
             type: Component,
@@ -29308,7 +29712,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     <colgroup kendoGridColGroup
                         [groups]="groups"
                         [columns]="$any(lockedColumns)"
-                        [detailTemplate]="detailTemplate">
+                        [detailTemplate]="detailTemplate"
+                        [groupingMode]="groupingMode">
                     </colgroup>
                     <tbody class="k-table-tbody" role="presentation">
                         @if (position === 'top') {
@@ -29328,7 +29733,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                                     [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                                     [attr.data-group-index]="$any(stickyItem.item).index"
                                     [attr.data-group-level]="$any(stickyItem.item).level"
-                                    tabindex="-1">
+                                    tabindex="-1"
+                                    [groupingMode]="groupingMode">
                                 </tr>
                             }
                         }
@@ -29338,8 +29744,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                                     class="k-group-footer"
                                     [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                                     [attr.data-sticky-row]="rowIdx">
-                                    @for (g of groups; track $index) {
-                                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                    @if (groupingMode === 'default') {
+                                        @for (g of groups; track $index) {
+                                            <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                        }
                                     }
                                     @if (detailTemplate?.templateRef) {
                                         <td class="k-hierarchy-cell k-table-td" role="gridcell"
@@ -29384,7 +29792,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             <colgroup kendoGridColGroup
                 [groups]="isLocked ? [] : groups"
                 [columns]="$any(columns)"
-                [detailTemplate]="isLocked ? null : detailTemplate">
+                [detailTemplate]="isLocked ? null : detailTemplate"
+                [groupingMode]="groupingMode">
             </colgroup>
             <tbody class="k-table-tbody" role="rowgroup">
                 @if (position === 'top') {
@@ -29404,7 +29813,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                             [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                             [attr.data-group-index]="$any(stickyItem.item).index"
                             [attr.data-group-level]="$any(stickyItem.item).level"
-                            tabindex="-1">
+                            tabindex="-1"
+                            [groupingMode]="groupingMode">
                         </tr>
                     }
                 }
@@ -29415,8 +29825,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                             [attr.aria-rowindex]="stickyItem.flatIndex + 1"
                             [attr.data-sticky-row]="rowIdx">
                             @if (!isLocked) {
-                                @for (g of groups; track $index) {
-                                    <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                @if (groupingMode === 'default') {
+                                    @for (g of groups; track $index) {
+                                        <td class="k-group-cell k-table-td k-table-group-td" role="presentation"></td>
+                                    }
                                 }
                                 @if (detailTemplate?.templateRef && !isStacked) {
                                     <td class="k-hierarchy-cell k-table-td" role="gridcell"
@@ -29504,6 +29916,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], isLocked: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-sticky-container']
@@ -29618,6 +30032,7 @@ class ListComponent {
     loadingTemplate;
     sort = new Array();
     size;
+    groupingMode = 'default';
     contentScroll = new EventEmitter();
     pageChange = new EventEmitter();
     scrollBottom = new EventEmitter();
@@ -29683,7 +30098,9 @@ class ListComponent {
         return this.columns.leafColumnsToRender;
     }
     get lockedWidth() {
-        const groupCellsWidth = this.groups.length * GROUP_CELL_WIDTH;
+        const groupCellsWidth = this.groupingMode === 'default'
+            ? this.groups.length * GROUP_CELL_WIDTH
+            : 0;
         return expandColumns(this.lockedLeafColumns.toArray()).reduce((prev, curr) => prev + (curr.width || 0), groupCellsWidth);
     }
     get nonLockedWidth() {
@@ -30813,7 +31230,10 @@ class ListComponent {
                 for (let idx = 0; idx < column; idx++) {
                     offset += columns[idx].width || 0;
                 }
-                const startOffset = this.lockedLeafColumns.length ? 0 : this.groups.length * GROUP_CELL_WIDTH + (this.detailTemplate && column > 0 ? GROUP_CELL_WIDTH : 0);
+                const groupOffset = this.groupingMode === 'default'
+                    ? this.groups.length * GROUP_CELL_WIDTH
+                    : 0;
+                const startOffset = this.lockedLeafColumns.length ? 0 : groupOffset + (this.detailTemplate && column > 0 ? GROUP_CELL_WIDTH : 0);
                 this.container.nativeElement.scrollLeft = this.normalizeScrollLeft(offset + startOffset);
             }
             else if (column === 0 && this.detailTemplate) {
@@ -30959,7 +31379,7 @@ class ListComponent {
         this.scroller.total = this.isVirtual && !this.ctx.grid?.pageable ? this.total : this.allItems.length;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: DetailsService }, { token: ChangeNotificationService }, { token: SuspendService }, { token: GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ScrollSyncService }, { token: ResizeService }, { token: EditService }, { token: i1$3.ScrollbarService }, { token: NavigationService }, { token: ScrollRequestService }, { token: ContextService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: ColumnInfoService }, { token: DataMappingService }, { token: StickyGroupsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size", groupingMode: "groupingMode" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
             {
                 provide: SCROLLER_FACTORY_TOKEN,
                 useValue: DEFAULT_SCROLLER_FACTORY
@@ -30978,7 +31398,8 @@ class ListComponent {
         [groupHeaderColumns]="stickyGroupHeaderColumns"
         [tableWidth]="nonLockedWidth"
         [lockedWidth]="lockedWidth"
-        [isLocked]="isLocked">
+        [isLocked]="isLocked"
+        [groupingMode]="groupingMode">
       </div>
     }
     @if (isLocked && !isStacked) {
@@ -31006,7 +31427,8 @@ class ListComponent {
               [groups]="groups"
               [columns]="$any(lockedLeafColumns)"
               [detailTemplate]="detailTemplate"
-              [sort]="sort">
+              [sort]="sort"
+              [groupingMode]="groupingMode">
           </colgroup>
           <tbody kendoGridTableBody
             role="presentation"
@@ -31027,7 +31449,8 @@ class ListComponent {
             [rowClass]="rowClass"
             [isLoading]="loading"
             [isVirtual]="isVirtual"
-            [cellLoadingTemplate]="cellLoadingTemplate">
+            [cellLoadingTemplate]="cellLoadingTemplate"
+            [groupingMode]="groupingMode">
           </tbody>
         </table>
         <kendo-resize-sensor></kendo-resize-sensor>
@@ -31060,7 +31483,8 @@ class ListComponent {
             [groups]="isLocked ? [] : groups"
             [columns]="$any(nonLockedColumnsToRender)"
             [detailTemplate]="detailTemplate"
-            [sort]="sort">
+            [sort]="sort"
+            [groupingMode]="groupingMode">
         </colgroup>
         <tbody kendoGridTableBody
           role="rowgroup"
@@ -31085,7 +31509,8 @@ class ListComponent {
           [isVirtual]="isVirtual"
           [cellLoadingTemplate]="cellLoadingTemplate"
           [rowHeight]="rowHeight"
-          [detailRowHeight]="detailRowHeight">
+          [detailRowHeight]="detailRowHeight"
+          [groupingMode]="groupingMode">
         </tbody>
       </table>
       @if (isLocked) {
@@ -31119,10 +31544,11 @@ class ListComponent {
         [groupHeaderColumns]="stickyGroupHeaderColumns"
         [tableWidth]="nonLockedWidth"
         [lockedWidth]="lockedWidth"
-        [isLocked]="isLocked">
+        [isLocked]="isLocked"
+        [groupingMode]="groupingMode">
       </div>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { 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: 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", "isPinContainer", "pinPosition"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: StickyGroupContainerComponent, selector: "[kendoGridStickyGroupContainer]", inputs: ["position", "columns", "lockedColumns", "groups", "detailTemplate", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "tableWidth", "lockedWidth", "isLocked"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    `, isInline: true, dependencies: [{ kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { 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", "groupingMode"] }, { 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", "isPinContainer", "pinPosition", "groupingMode"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: StickyGroupContainerComponent, selector: "[kendoGridStickyGroupContainer]", inputs: ["position", "columns", "lockedColumns", "groups", "detailTemplate", "totalColumnsCount", "hasGroupHeaderColumn", "groupHeaderColumns", "tableWidth", "lockedWidth", "isLocked", "groupingMode"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
@@ -31149,7 +31575,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
         [groupHeaderColumns]="stickyGroupHeaderColumns"
         [tableWidth]="nonLockedWidth"
         [lockedWidth]="lockedWidth"
-        [isLocked]="isLocked">
+        [isLocked]="isLocked"
+        [groupingMode]="groupingMode">
       </div>
     }
     @if (isLocked && !isStacked) {
@@ -31177,7 +31604,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
               [groups]="groups"
               [columns]="$any(lockedLeafColumns)"
               [detailTemplate]="detailTemplate"
-              [sort]="sort">
+              [sort]="sort"
+              [groupingMode]="groupingMode">
           </colgroup>
           <tbody kendoGridTableBody
             role="presentation"
@@ -31198,7 +31626,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             [rowClass]="rowClass"
             [isLoading]="loading"
             [isVirtual]="isVirtual"
-            [cellLoadingTemplate]="cellLoadingTemplate">
+            [cellLoadingTemplate]="cellLoadingTemplate"
+            [groupingMode]="groupingMode">
           </tbody>
         </table>
         <kendo-resize-sensor></kendo-resize-sensor>
@@ -31231,7 +31660,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             [groups]="isLocked ? [] : groups"
             [columns]="$any(nonLockedColumnsToRender)"
             [detailTemplate]="detailTemplate"
-            [sort]="sort">
+            [sort]="sort"
+            [groupingMode]="groupingMode">
         </colgroup>
         <tbody kendoGridTableBody
           role="rowgroup"
@@ -31256,7 +31686,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
           [isVirtual]="isVirtual"
           [cellLoadingTemplate]="cellLoadingTemplate"
           [rowHeight]="rowHeight"
-          [detailRowHeight]="detailRowHeight">
+          [detailRowHeight]="detailRowHeight"
+          [groupingMode]="groupingMode">
         </tbody>
       </table>
       @if (isLocked) {
@@ -31290,7 +31721,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
         [groupHeaderColumns]="stickyGroupHeaderColumns"
         [tableWidth]="nonLockedWidth"
         [lockedWidth]="lockedWidth"
-        [isLocked]="isLocked">
+        [isLocked]="isLocked"
+        [groupingMode]="groupingMode">
       </div>
     }
     `,
@@ -31352,6 +31784,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }], contentScroll: [{
                 type: Output
             }], pageChange: [{
@@ -32260,8 +32694,12 @@ class GridMessages extends ComponentMessages {
      * Sets the label for the Grid row unpin column icon.
      */
     rowUnpinLabel;
+    /**
+     * Sets the text for the group column's header when group mode is **singleColumn**.
+     */
+    groupsSingleColumnTitle;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: GridMessages, isStandalone: true, 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", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", 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", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", 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", checkboxColumnHeaderLabel: "checkboxColumnHeaderLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", 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", smartBoxSpeechToTextButton: "smartBoxSpeechToTextButton", smartBoxSubmitPromptButton: "smartBoxSubmitPromptButton", smartBoxSearchPlaceholder: "smartBoxSearchPlaceholder", smartBoxSemanticSearchPlaceholder: "smartBoxSemanticSearchPlaceholder", smartBoxAIAssistantPlaceholder: "smartBoxAIAssistantPlaceholder", smartBoxSuggestedPrompts: "smartBoxSuggestedPrompts", smartBoxNoPreviousSearches: "smartBoxNoPreviousSearches", smartBoxNoPreviousPrompts: "smartBoxNoPreviousPrompts", smartBoxPreviouslySearched: "smartBoxPreviouslySearched", smartBoxPreviouslyAsked: "smartBoxPreviouslyAsked", searchModeListItemText: "searchModeListItemText", searchModeListItemDescription: "searchModeListItemDescription", semanticSearchModeListItemText: "semanticSearchModeListItemText", semanticSearchModeListItemDescription: "semanticSearchModeListItemDescription", smartBoxSearchModePopupButton: "smartBoxSearchModePopupButton", smartBoxAIAssistantModePopupButton: "smartBoxAIAssistantModePopupButton", detailColumnHeaderLabel: "detailColumnHeaderLabel", dragColumnHeaderLabel: "dragColumnHeaderLabel", commandColumnHeaderLabel: "commandColumnHeaderLabel", pinnedTopRowsLabel: "pinnedTopRowsLabel", pinnedBottomRowsLabel: "pinnedBottomRowsLabel", pinMenuPinToTopText: "pinMenuPinToTopText", pinMenuPinToBottomText: "pinMenuPinToBottomText", pinMenuUnpinText: "pinMenuUnpinText", pinColumnHeaderLabel: "pinColumnHeaderLabel", rowPinLabel: "rowPinLabel", rowUnpinLabel: "rowUnpinLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: GridMessages, isStandalone: true, 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", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", 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", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", 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", checkboxColumnHeaderLabel: "checkboxColumnHeaderLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", 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", smartBoxSpeechToTextButton: "smartBoxSpeechToTextButton", smartBoxSubmitPromptButton: "smartBoxSubmitPromptButton", smartBoxSearchPlaceholder: "smartBoxSearchPlaceholder", smartBoxSemanticSearchPlaceholder: "smartBoxSemanticSearchPlaceholder", smartBoxAIAssistantPlaceholder: "smartBoxAIAssistantPlaceholder", smartBoxSuggestedPrompts: "smartBoxSuggestedPrompts", smartBoxNoPreviousSearches: "smartBoxNoPreviousSearches", smartBoxNoPreviousPrompts: "smartBoxNoPreviousPrompts", smartBoxPreviouslySearched: "smartBoxPreviouslySearched", smartBoxPreviouslyAsked: "smartBoxPreviouslyAsked", searchModeListItemText: "searchModeListItemText", searchModeListItemDescription: "searchModeListItemDescription", semanticSearchModeListItemText: "semanticSearchModeListItemText", semanticSearchModeListItemDescription: "semanticSearchModeListItemDescription", smartBoxSearchModePopupButton: "smartBoxSearchModePopupButton", smartBoxAIAssistantModePopupButton: "smartBoxAIAssistantModePopupButton", detailColumnHeaderLabel: "detailColumnHeaderLabel", dragColumnHeaderLabel: "dragColumnHeaderLabel", commandColumnHeaderLabel: "commandColumnHeaderLabel", pinnedTopRowsLabel: "pinnedTopRowsLabel", pinnedBottomRowsLabel: "pinnedBottomRowsLabel", pinMenuPinToTopText: "pinMenuPinToTopText", pinMenuPinToBottomText: "pinMenuPinToBottomText", pinMenuUnpinText: "pinMenuUnpinText", pinColumnHeaderLabel: "pinColumnHeaderLabel", rowPinLabel: "rowPinLabel", rowUnpinLabel: "rowUnpinLabel", groupsSingleColumnTitle: "groupsSingleColumnTitle" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -32592,6 +33030,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], rowUnpinLabel: [{
                 type: Input
+            }], groupsSingleColumnTitle: [{
+                type: Input
             }] } });
 
 /**
@@ -33717,7 +34157,7 @@ class GroupToolbarToolComponent {
                       [class.k-disabled]="i === 0"
                       >
                       <kendo-icon-wrapper
-                        name="arrow-chevron-up"
+                        name="chevron-up"
                         [svgIcon]="upIcon"
                         [size]="iconSize"
                       ></kendo-icon-wrapper>
@@ -33729,7 +34169,7 @@ class GroupToolbarToolComponent {
                       [class.k-disabled]="i === groupedColumns.length - 1"
                       >
                       <kendo-icon-wrapper
-                        name="arrow-chevron-down"
+                        name="chevron-down"
                         [svgIcon]="downIcon"
                         [size]="iconSize"
                       ></kendo-icon-wrapper>
@@ -33817,7 +34257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                       [class.k-disabled]="i === 0"
                       >
                       <kendo-icon-wrapper
-                        name="arrow-chevron-up"
+                        name="chevron-up"
                         [svgIcon]="upIcon"
                         [size]="iconSize"
                       ></kendo-icon-wrapper>
@@ -33829,7 +34269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                       [class.k-disabled]="i === groupedColumns.length - 1"
                       >
                       <kendo-icon-wrapper
-                        name="arrow-chevron-down"
+                        name="chevron-down"
                         [svgIcon]="downIcon"
                         [size]="iconSize"
                       ></kendo-icon-wrapper>
@@ -35232,6 +35672,7 @@ class RowPinContainerComponent {
     detailRowHeight;
     loading;
     size;
+    groupingMode = 'default';
     constructor(localization) {
         this.localization = localization;
     }
@@ -35245,7 +35686,7 @@ class RowPinContainerComponent {
         return this.localization.get(labelKey);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RowPinContainerComponent, deps: [{ token: i1$2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: RowPinContainerComponent, isStandalone: true, selector: "kendo-grid-rowpin-container", inputs: { leafColumns: "leafColumns", lockedLeafColumns: "lockedLeafColumns", nonLockedLeafColumns: "nonLockedLeafColumns", sort: "sort", position: "position", rowsToRender: "rowsToRender", totalColumns: "totalColumns", lockedWidth: "lockedWidth", nonLockedWidth: "nonLockedWidth", isLocked: "isLocked", selectable: "selectable", trackBy: "trackBy", groups: "groups", detailTemplate: "detailTemplate", filterable: "filterable", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", loading: "loading", size: "size" }, host: { properties: { "class.k-grid-pinned-container": "this.hostClass", "class.k-pos-bottom": "this.bottomClass" } }, providers: [{ provide: IS_PIN_CONTAINER, useValue: true }], viewQueries: [{ propertyName: "pinnedWrapper", first: true, predicate: ["pinnedWrapper"], descendants: true, static: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "pinnedTable", first: true, predicate: ["pinnedTable"], descendants: true, static: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", type: RowPinContainerComponent, isStandalone: true, selector: "kendo-grid-rowpin-container", inputs: { leafColumns: "leafColumns", lockedLeafColumns: "lockedLeafColumns", nonLockedLeafColumns: "nonLockedLeafColumns", sort: "sort", position: "position", rowsToRender: "rowsToRender", totalColumns: "totalColumns", lockedWidth: "lockedWidth", nonLockedWidth: "nonLockedWidth", isLocked: "isLocked", selectable: "selectable", trackBy: "trackBy", groups: "groups", detailTemplate: "detailTemplate", filterable: "filterable", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", loading: "loading", size: "size", groupingMode: "groupingMode" }, host: { properties: { "class.k-grid-pinned-container": "this.hostClass", "class.k-pos-bottom": "this.bottomClass" } }, providers: [{ provide: IS_PIN_CONTAINER, useValue: true }], viewQueries: [{ propertyName: "pinnedWrapper", first: true, predicate: ["pinnedWrapper"], descendants: true, static: true }, { propertyName: "lockedTable", first: true, predicate: ["lockedTable"], descendants: true }, { propertyName: "pinnedTable", first: true, predicate: ["pinnedTable"], descendants: true, static: true }], ngImport: i0, template: `
         @if (isLocked) {
             <div class="k-grid-content-locked" role="presentation" [style.width.px]="lockedWidth">
                 <table #lockedTable class="k-grid-table"
@@ -35258,7 +35699,8 @@ class RowPinContainerComponent {
                         [groups]="groups"
                         [columns]="$any(lockedLeafColumns)"
                         [sort]="sort"
-                        [detailTemplate]="detailTemplate">
+                        [detailTemplate]="detailTemplate"
+                        [groupingMode]="groupingMode">
                     </colgroup>
                     <tbody kendoGridTableBody
                         role="presentation"
@@ -35276,7 +35718,8 @@ class RowPinContainerComponent {
                         [filterable]="filterable"
                         [rowHeight]="rowHeight"
                         [detailRowHeight]="detailRowHeight"
-                        [isLoading]="loading">
+                        [isLoading]="loading"
+                        [groupingMode]="groupingMode">
                     </tbody>
                 </table>
             </div>
@@ -35291,7 +35734,8 @@ class RowPinContainerComponent {
                     [columns]="$any(nonLockedLeafColumns)"
                     [sort]="sort"
                     [groups]="isLocked ? [] : groups"
-                    [detailTemplate]="detailTemplate">
+                    [detailTemplate]="detailTemplate"
+                    [groupingMode]="groupingMode">
                 </colgroup>
                 <tbody kendoGridTableBody
                     role="presentation"
@@ -35309,11 +35753,12 @@ class RowPinContainerComponent {
                     [detailTemplate]="detailTemplate"
                     [filterable]="filterable"
                     [rowHeight]="rowHeight"
-                    [detailRowHeight]="detailRowHeight">
+                    [detailRowHeight]="detailRowHeight"
+                    [groupingMode]="groupingMode">
                 </tbody>
             </table>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { 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", "isPinContainer", "pinPosition"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort", "groupingMode"] }, { 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", "isPinContainer", "pinPosition", "groupingMode"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RowPinContainerComponent, decorators: [{
             type: Component,
@@ -35332,7 +35777,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         [groups]="groups"
                         [columns]="$any(lockedLeafColumns)"
                         [sort]="sort"
-                        [detailTemplate]="detailTemplate">
+                        [detailTemplate]="detailTemplate"
+                        [groupingMode]="groupingMode">
                     </colgroup>
                     <tbody kendoGridTableBody
                         role="presentation"
@@ -35350,7 +35796,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         [filterable]="filterable"
                         [rowHeight]="rowHeight"
                         [detailRowHeight]="detailRowHeight"
-                        [isLoading]="loading">
+                        [isLoading]="loading"
+                        [groupingMode]="groupingMode">
                     </tbody>
                 </table>
             </div>
@@ -35365,7 +35812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     [columns]="$any(nonLockedLeafColumns)"
                     [sort]="sort"
                     [groups]="isLocked ? [] : groups"
-                    [detailTemplate]="detailTemplate">
+                    [detailTemplate]="detailTemplate"
+                    [groupingMode]="groupingMode">
                 </colgroup>
                 <tbody kendoGridTableBody
                     role="presentation"
@@ -35383,7 +35831,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     [detailTemplate]="detailTemplate"
                     [filterable]="filterable"
                     [rowHeight]="rowHeight"
-                    [detailRowHeight]="detailRowHeight">
+                    [detailRowHeight]="detailRowHeight"
+                    [groupingMode]="groupingMode">
                 </tbody>
             </table>
         </div>
@@ -35445,6 +35894,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 type: Input
             }], size: [{
                 type: Input
+            }], groupingMode: [{
+                type: Input
             }] } });
 
 /**
@@ -35882,6 +36333,24 @@ class GridComponent {
     get isActionSheetExpanded() {
         return Boolean(this.adaptiveRenderer?.actionSheet?.expanded);
     }
+    /**
+     * @hidden
+     */
+    get groupingMode() {
+        if (!this.groupable || this.groupable === true) {
+            return 'default';
+        }
+        return this.groupable.displayMode ?? 'default';
+    }
+    /**
+     * @hidden
+     * The groups column in 'singleColumn' grouping mode.
+     * Created once and reused across change detection cycles so that its state
+     * is not lost when the view re-renders.
+     */
+    get singleGroupColumn() {
+        return this._singleGroupColumn;
+    }
     /**
      * @hidden
      */
@@ -36441,6 +36910,10 @@ class GridComponent {
         this._customToolbarTemplate = customToolbarTemplate;
     }
     columnMenuTemplates;
+    set groupColumnGroupHeaderTemplates(value) {
+        const template = value.first;
+        this.groupInfoService.groupColumnGroupHeaderTemplate = template ? template.templateRef : null;
+    }
     lockedHeader;
     header;
     pinnedContainers;
@@ -36606,6 +37079,9 @@ class GridComponent {
     _navigable = ['table', 'pager', 'toolbar'];
     _size;
     _loading = false;
+    _singleGroupColumn = null;
+    _multiGroupColumns = [];
+    _hiddenByGrouping = new Set();
     _showPagerInput = true;
     _showPagerPageText = true;
     _showPagerItemsText = true;
@@ -36667,7 +37143,9 @@ class GridComponent {
         if (this.isStacked) {
             return 0;
         }
-        const groupCellsWidth = this.group.length * GROUP_CELL_WIDTH;
+        const groupCellsWidth = this.groupingMode === 'default'
+            ? this.group.length * GROUP_CELL_WIDTH
+            : 0;
         return expandColumns(this.lockedLeafColumns.toArray()).reduce((prev, curr) => prev + (curr.width || 0), groupCellsWidth);
     }
     get nonLockedWidth() {
@@ -36956,6 +37434,9 @@ class GridComponent {
         if (this.lockedLeafColumns.length && anyChanged(["pageSize", "skip", "sort", "group"], changes)) {
             this.changeNotification.notify();
         }
+        if (isChanged$1("group", changes) && (this.groupingMode === 'multipleColumns' || this.groupingMode === 'singleColumn')) {
+            this.syncGroupColumn();
+        }
         if (isChanged$1("skip", changes)) {
             this.updatePinnedRowTracking();
         }
@@ -37002,6 +37483,7 @@ class GridComponent {
         }
         if (isChanged$1('groupable', changes, true)) {
             this.groupable = changes['groupable'].currentValue;
+            this.syncGroupColumn();
         }
         if (isChanged$1('navigable', changes, true)) {
             if (this.navigationService.enabled) {
@@ -37026,11 +37508,15 @@ class GridComponent {
     ngAfterContentInit() {
         this.shouldGenerateColumns = !this.columns.length;
         this.autoGenerateColumns();
+        this.syncGroupColumn();
+        this.syncHiddenGroupedColumns();
         this.columnList = new ColumnList(this.columns);
         this.columnsChangeSubscription = this.columns.changes.subscribe(() => {
             if (this.shouldGenerateColumns) {
                 this.autoGenerateColumns();
             }
+            this.syncGroupColumn();
+            this.syncHiddenGroupedColumns();
             this.verifySettings();
         });
     }
@@ -37771,12 +38257,106 @@ class GridComponent {
     }
     autoGenerateColumns() {
         if (this.shouldGenerateColumns && !this.columns.length && this.view.length) {
-            this.columns.reset(Object.keys(this.view.at(0)).map(field => {
+            const generatedColumns = Object.keys(this.view.at(0)).map(field => {
                 const column = new ColumnComponent(undefined, this.idService);
                 column.field = field;
                 return column;
-            }));
+            });
+            this.columns.reset(generatedColumns);
+        }
+    }
+    applyGroupColumnSettings(column, settings, group) {
+        column.title = settings.title;
+        column.width = settings.width;
+        column.locked = settings.locked ?? false;
+        column.lockable = settings.lockable ?? true;
+        column.sticky = settings.sticky ?? false;
+        column.stickable = settings.stickable ?? true;
+        column.resizable = settings.resizable ?? true;
+        column.resizeStep = settings.resizeStep ?? 10;
+        column.minResizableWidth = settings.minResizableWidth ?? 10;
+        column.maxResizableWidth = settings.maxResizableWidth;
+        column.reorderable = settings.reorderable ?? true;
+        column.columnMenu = settings.columnMenu ?? true;
+        column.autoSize = settings.autoSize;
+        column.dataColumnDisplayTitle = this.groupInfoService.columnForGroup(group).displayTitle;
+        column.groupingMode = this.groupingMode;
+    }
+    /**
+     * Ensures the correct synthesized group columns are present for the active `displayMode`:
+     * - `'singleColumn'`: one shared column for all group levels.
+     * - `'multipleColumns'`: one column per active group descriptor.
+     * Removes all group columns when neither mode is active.
+     */
+    syncGroupColumn() {
+        const groups = this.group || [];
+        const groupColumns = this.resolveGroupColumns(groups);
+        const currentColumns = this.columns.toArray();
+        const nonGroupColumns = currentColumns.filter(c => !c.isGroupColumn);
+        const currentGroupColumns = currentColumns.filter(c => c.isGroupColumn);
+        const needsReset = groupColumns.length !== currentGroupColumns.length
+            || !groupColumns.every((col, i) => currentColumns[i] === col);
+        if (needsReset) {
+            this.columns.reset([...groupColumns, ...nonGroupColumns]);
+            this.columnList = new ColumnList(this.columns);
+        }
+        this.applyGroupColumnConfigs(groupColumns, groups);
+    }
+    resolveGroupColumns(groups) {
+        if (this.groupingMode === 'singleColumn' && groups.length > 0) {
+            if (!this._singleGroupColumn) {
+                this._singleGroupColumn = this.createGroupColumn();
+            }
+            return [this._singleGroupColumn];
+        }
+        if (this.groupingMode === 'multipleColumns') {
+            while (this._multiGroupColumns.length < groups.length) {
+                this._multiGroupColumns.push(this.createGroupColumn());
+            }
+            const active = this._multiGroupColumns.slice(0, groups.length);
+            active.forEach((col, i) => { col.groupLevel = i; });
+            return active;
+        }
+        return [];
+    }
+    createGroupColumn() {
+        const col = new GroupColumnComponent(this.localization, undefined, this.idService);
+        col.ngAfterViewInit();
+        return col;
+    }
+    applyGroupColumnConfigs(columns, groups) {
+        const groupCol = this.groupable?.groupColumn;
+        if (!groupCol || !columns.length) {
+            return;
         }
+        columns.forEach((col, i) => {
+            const descriptor = this.groupingMode === 'singleColumn' ? null : groups[i];
+            const settings = typeof groupCol === 'function' ? groupCol(descriptor) : groupCol;
+            this.applyGroupColumnSettings(col, settings, groups[i]);
+        });
+    }
+    syncHiddenGroupedColumns() {
+        const shouldHide = this.groupable?.hideGroupedColumns === true;
+        const groupedFields = new Set((this.group || []).map(g => g.field));
+        this._hiddenByGrouping.forEach(col => {
+            const field = col.field;
+            if (!shouldHide || !groupedFields.has(field)) {
+                col.hidden = undefined;
+                this._hiddenByGrouping.delete(col);
+            }
+        });
+        if (!shouldHide) {
+            return;
+        }
+        expandColumns(this.columnList.toArray()).forEach(col => {
+            if (isColumnComponent(col) && !col.hidden) {
+                const field = col.field;
+                if (field && groupedFields.has(field)) {
+                    col.hidden = true;
+                    this._hiddenByGrouping.add(col);
+                }
+            }
+        });
     }
     /**
      * @hidden
@@ -37846,6 +38426,13 @@ class GridComponent {
                 }
                 this.isVirtual && this.ctx.scroller?.resetVirtualSkip();
                 this.dataStateChange.emit(x);
+                if (this.groupable) {
+                    const shouldSyncGroupColumns = this.groupingMode === 'singleColumn' || this.groupingMode === 'multipleColumns';
+                    if (shouldSyncGroupColumns) {
+                        this.syncGroupColumn();
+                        this.syncHiddenGroupedColumns();
+                    }
+                }
                 hasObservers(this.gridStateChange) && this.gridStateChange.emit({ ...this.currentState, ...x });
             });
         this.stateChangeSubscription.add(merge(this.columnReorder, this.columnResize, this.columnVisibilityChange, this.columnLockedChange, this.columnStickyChange).pipe(flatMap(() => this.ngZone.onStable.pipe(take(1))))
@@ -38067,7 +38654,7 @@ class GridComponent {
         const addRowOffset = this.editService.hasNewItem ? 1 : 0;
         const filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;
         const headerRows = this.isStacked ? 0 : this.totalColumnLevels + 1 + filterRowOffset + addRowOffset;
-        return new NavigationMetadata(dataRows, headerRows, isVirtual, this.hasPager, isPresent(this.detailTemplate), this.wrapper, this.virtualColumns, this.columnsContainer, this.showFooter ? 1 : 0, this.isStacked, this.pinnedTopRows?.length ?? 0, this.pinnedBottomRows?.length ?? 0);
+        return new NavigationMetadata(dataRows, headerRows, isVirtual, this.hasPager, isPresent(this.detailTemplate), this.wrapper, this.virtualColumns, this.columnsContainer, this.showFooter ? 1 : 0, this.isStacked, this.pinnedTopRows?.length ?? 0, this.pinnedBottomRows?.length ?? 0, Boolean(this.ctx.grid.singleGroupColumn) || this.groupingMode === 'multipleColumns');
     }
     applyAutoSize() {
         const cols = this.columns.filter((c) => this.autoSize ? c.autoSize !== false : c.autoSize);
@@ -38194,6 +38781,7 @@ class GridComponent {
                 provide: KENDO_WEBMCP_HOST,
                 useExisting: forwardRef(() => GridComponent)
             },
+            provideComponentName('grid'),
             FilterService,
             ResponsiveService,
             PagerContextService,
@@ -38230,7 +38818,7 @@ class GridComponent {
             RowPinService,
             StickyGroupsService,
             PinnedRowTrackingService
-        ], 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: "pinnedContainers", predicate: RowPinContainerComponent, 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 }, { propertyName: "groupColumnGroupHeaderTemplates", predicate: GroupColumnGroupHeaderTemplateDirective }], 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: "pinnedContainers", predicate: RowPinContainerComponent, 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"
@@ -38717,6 +39305,9 @@ class GridComponent {
 
           i18n-rowUnpinLabel="kendo.grid.rowUnpinLabel|Sets the label for the Grid row unpin column icon"
           rowUnpinLabel="Unpin row"
+
+          i18n-groupsSingleColumnTitle="kendo.grid.groupsSingleColumnTitle|Sets the text for the group column's header when group mode is **singleColumn**."
+          groupsSingleColumnTitle="Groups"
           >
         </ng-container>
         @if (showTopToolbar) {
@@ -38829,8 +39420,9 @@ class GridComponent {
                       <colgroup kendoGridColGroup
                         [columns]="$any(lockedLeafColumns)"
                         [groups]="group"
-                        [detailTemplate]="detailTemplate">
-                    </colgroup>
+                        [detailTemplate]="detailTemplate"
+                        [groupingMode]="groupingMode">
+                      </colgroup>
                     <thead kendoGridHeader
                       role="rowgroup"
                       [resizable]="resizable"
@@ -38849,7 +39441,8 @@ class GridComponent {
                       [totalColumnsCount]="leafColumns.length"
                       [totalColumns]="columnsContainer"
                       [detailTemplate]="detailTemplate"
-                      [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
+                      [tabIndex]="navigation.tableEnabled ? '-1' : '0'"
+                      [groupingMode]="groupingMode">
                     </thead>
                   </table>
                 </div>
@@ -38868,7 +39461,8 @@ class GridComponent {
                   <colgroup kendoGridColGroup
                     [columns]="headerLeafColumns"
                     [groups]="isLocked ? [] : group"
-                    [detailTemplate]="detailTemplate">
+                    [detailTemplate]="detailTemplate"
+                    [groupingMode]="groupingMode">
                 </colgroup>
                 <thead kendoGridHeader
                   [resizable]="resizable"
@@ -38889,7 +39483,8 @@ class GridComponent {
                   [totalColumnsCount]="leafColumns.length"
                   [totalColumns]="columnsContainer"
                   [detailTemplate]="detailTemplate"
-                  [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
+                  [tabIndex]="navigation.tableEnabled ? '-1' : '0'"
+                  [groupingMode]="groupingMode">
                 </thead>
               </table>
               @if (virtualColumns) {
@@ -38918,7 +39513,8 @@ class GridComponent {
                 [detailTemplate]="detailTemplate"
                 [filterable]="filterable"
                 [rowHeight]="rowHeight"
-                [detailRowHeight]="detailRowHeight">
+                [detailRowHeight]="detailRowHeight"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
         }
 
@@ -38951,7 +39547,8 @@ class GridComponent {
           kendoDraggable
           kendoGridSelectionMarquee
           [enableDrag]="marqueeSelection"
-          [sort]="sort">
+          [sort]="sort"
+          [groupingMode]="groupingMode">
         </kendo-grid-list>
 
         @if (isPinnable && pinnedBottomRows?.length > 0) {
@@ -38972,7 +39569,8 @@ class GridComponent {
                 [detailTemplate]="detailTemplate"
                 [filterable]="filterable"
                 [rowHeight]="rowHeight"
-                [detailRowHeight]="detailRowHeight">
+                [detailRowHeight]="detailRowHeight"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
         }
         @if (showFooter) {
@@ -38995,7 +39593,8 @@ class GridComponent {
                     <colgroup kendoGridColGroup
                       [columns]="$any(lockedLeafColumns)"
                       [groups]="group"
-                      [detailTemplate]="detailTemplate">
+                      [detailTemplate]="detailTemplate"
+                      [groupingMode]="groupingMode">
                   </colgroup>
                 }
                 <tfoot kendoGridFooter
@@ -39005,7 +39604,8 @@ class GridComponent {
                   [detailTemplate]="detailTemplate"
                   [logicalRowIndex]="ariaRowCount"
                   [totalColumns]="columnsContainer"
-                  [totalColumnsCount]="leafColumns.length">
+                  [totalColumnsCount]="leafColumns.length"
+                  [groupingMode]="groupingMode">
                 </tfoot>
               </table>
             </div>
@@ -39025,7 +39625,8 @@ class GridComponent {
                 <colgroup kendoGridColGroup
                   [columns]="$any(headerLeafColumns)"
                   [groups]="isLocked ? [] : group"
-                  [detailTemplate]="detailTemplate">
+                  [detailTemplate]="detailTemplate"
+                  [groupingMode]="groupingMode">
               </colgroup>
             }
             <tfoot kendoGridFooter
@@ -39036,7 +39637,8 @@ class GridComponent {
               [lockedColumnsCount]="isStacked ? 0 : lockedLeafColumns.length"
               [detailTemplate]="detailTemplate"
               [totalColumns]="columnsContainer"
-              [totalColumnsCount]="leafColumns.length">
+              [totalColumnsCount]="leafColumns.length"
+              [groupingMode]="groupingMode">
             </tfoot>
           </table>
         </div>
@@ -39062,7 +39664,8 @@ class GridComponent {
                 [detailTemplate]="detailTemplate"
                 [filterable]="filterable"
                 [rowHeight]="rowHeight"
-                [detailRowHeight]="detailRowHeight">
+                [detailRowHeight]="detailRowHeight"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
           }
           <table
@@ -39076,7 +39679,8 @@ class GridComponent {
               [columns]="$any(leafColumns)"
               [groups]="group"
               [sort]="sort"
-              [detailTemplate]="detailTemplate">
+              [detailTemplate]="detailTemplate"
+              [groupingMode]="groupingMode">
           </colgroup>
           @if (!hideHeader && !isStacked) {
             <thead kendoGridHeader
@@ -39098,7 +39702,8 @@ class GridComponent {
               [columnMenu]="columnMenuOptions"
               [columnMenuTemplate]="columnMenuTemplate"
               [detailTemplate]="detailTemplate"
-              [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
+              [tabIndex]="navigation.tableEnabled ? '-1' : '0'"
+              [groupingMode]="groupingMode">
             </thead>
           }
           <tbody kendoGridTableBody
@@ -39119,7 +39724,8 @@ class GridComponent {
             [rowClass]="rowClass"
             kendoDraggable
             kendoGridSelectionMarquee
-            [enableDrag]="marqueeSelection">
+            [enableDrag]="marqueeSelection"
+            [groupingMode]="groupingMode">
           </tbody>
           @if (showFooter) {
             <tfoot kendoGridFooter
@@ -39129,7 +39735,8 @@ class GridComponent {
               [columns]="$any(leafColumns)"
               [detailTemplate]="detailTemplate"
               [totalColumns]="columnsContainer"
-              [totalColumnsCount]="leafColumns.length">
+              [totalColumnsCount]="leafColumns.length"
+              [groupingMode]="groupingMode">
             </tfoot>
           }
         </table>
@@ -39153,7 +39760,8 @@ class GridComponent {
                 [rowHeight]="rowHeight"
                 [detailRowHeight]="detailRowHeight"
                 [size]="size"
-                [loading]="loading">
+                [loading]="loading"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
           }
         }
@@ -39228,6 +39836,7 @@ class GridComponent {
         </ng-template>
 
         <ng-template #defaultPager>
+          <ng-container kendoComponentName="pager">
           <div class="k-pager-numbers-wrap">
             @if (normalizedPageableSettings.previousNext) {
               <kendo-pager-prev-buttons [size]="size"></kendo-pager-prev-buttons>
@@ -39257,6 +39866,7 @@ class GridComponent {
             <kendo-pager-info>
             </kendo-pager-info>
           }
+          </ng-container>
         </ng-template>
         <div #dialogContainer></div>
         <div #windowContainer></div>
@@ -39271,7 +39881,7 @@ class GridComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, 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", "isPinContainer", "pinPosition"] }, { 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], kendo-watermark-overlay", inputs: ["licenseMessage"] }, { kind: "component", type: i57.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i57.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i57.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i57.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i57.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i57.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i57.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i57.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i57.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"] }, { kind: "component", type: RowPinContainerComponent, selector: "kendo-grid-rowpin-container", inputs: ["leafColumns", "lockedLeafColumns", "nonLockedLeafColumns", "sort", "position", "rowsToRender", "totalColumns", "lockedWidth", "nonLockedWidth", "isLocked", "selectable", "trackBy", "groups", "detailTemplate", "filterable", "rowHeight", "detailRowHeight", "loading", "size"] }], encapsulation: i0.ViewEncapsulation.None });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "component", type: ToolbarComponent, 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", "groupingMode"] }, { 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", "groupingMode"] }, { 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", "groupingMode"], 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", "groupingMode"] }, { 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", "isPinContainer", "pinPosition", "groupingMode"] }, { 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], kendo-watermark-overlay", inputs: ["licenseMessage"] }, { kind: "component", type: i58.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i58.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i58.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i58.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i58.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i58.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i58.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i58.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i58.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: ComponentNameDirective, selector: "[kendoComponentName]", inputs: ["kendoComponentName"] }, { 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"] }, { kind: "component", type: RowPinContainerComponent, selector: "kendo-grid-rowpin-container", inputs: ["leafColumns", "lockedLeafColumns", "nonLockedLeafColumns", "sort", "position", "rowsToRender", "totalColumns", "lockedWidth", "nonLockedWidth", "isLocked", "selectable", "trackBy", "groups", "detailTemplate", "filterable", "rowHeight", "detailRowHeight", "loading", "size", "groupingMode"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -39302,6 +39912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                             provide: KENDO_WEBMCP_HOST,
                             useExisting: forwardRef(() => GridComponent)
                         },
+                        provideComponentName('grid'),
                         FilterService,
                         ResponsiveService,
                         PagerContextService,
@@ -39827,6 +40438,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
 
           i18n-rowUnpinLabel="kendo.grid.rowUnpinLabel|Sets the label for the Grid row unpin column icon"
           rowUnpinLabel="Unpin row"
+
+          i18n-groupsSingleColumnTitle="kendo.grid.groupsSingleColumnTitle|Sets the text for the group column's header when group mode is **singleColumn**."
+          groupsSingleColumnTitle="Groups"
           >
         </ng-container>
         @if (showTopToolbar) {
@@ -39939,8 +40553,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                       <colgroup kendoGridColGroup
                         [columns]="$any(lockedLeafColumns)"
                         [groups]="group"
-                        [detailTemplate]="detailTemplate">
-                    </colgroup>
+                        [detailTemplate]="detailTemplate"
+                        [groupingMode]="groupingMode">
+                      </colgroup>
                     <thead kendoGridHeader
                       role="rowgroup"
                       [resizable]="resizable"
@@ -39959,7 +40574,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                       [totalColumnsCount]="leafColumns.length"
                       [totalColumns]="columnsContainer"
                       [detailTemplate]="detailTemplate"
-                      [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
+                      [tabIndex]="navigation.tableEnabled ? '-1' : '0'"
+                      [groupingMode]="groupingMode">
                     </thead>
                   </table>
                 </div>
@@ -39978,7 +40594,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                   <colgroup kendoGridColGroup
                     [columns]="headerLeafColumns"
                     [groups]="isLocked ? [] : group"
-                    [detailTemplate]="detailTemplate">
+                    [detailTemplate]="detailTemplate"
+                    [groupingMode]="groupingMode">
                 </colgroup>
                 <thead kendoGridHeader
                   [resizable]="resizable"
@@ -39999,7 +40616,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                   [totalColumnsCount]="leafColumns.length"
                   [totalColumns]="columnsContainer"
                   [detailTemplate]="detailTemplate"
-                  [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
+                  [tabIndex]="navigation.tableEnabled ? '-1' : '0'"
+                  [groupingMode]="groupingMode">
                 </thead>
               </table>
               @if (virtualColumns) {
@@ -40028,7 +40646,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 [detailTemplate]="detailTemplate"
                 [filterable]="filterable"
                 [rowHeight]="rowHeight"
-                [detailRowHeight]="detailRowHeight">
+                [detailRowHeight]="detailRowHeight"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
         }
 
@@ -40061,7 +40680,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
           kendoDraggable
           kendoGridSelectionMarquee
           [enableDrag]="marqueeSelection"
-          [sort]="sort">
+          [sort]="sort"
+          [groupingMode]="groupingMode">
         </kendo-grid-list>
 
         @if (isPinnable && pinnedBottomRows?.length > 0) {
@@ -40082,7 +40702,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 [detailTemplate]="detailTemplate"
                 [filterable]="filterable"
                 [rowHeight]="rowHeight"
-                [detailRowHeight]="detailRowHeight">
+                [detailRowHeight]="detailRowHeight"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
         }
         @if (showFooter) {
@@ -40105,7 +40726,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     <colgroup kendoGridColGroup
                       [columns]="$any(lockedLeafColumns)"
                       [groups]="group"
-                      [detailTemplate]="detailTemplate">
+                      [detailTemplate]="detailTemplate"
+                      [groupingMode]="groupingMode">
                   </colgroup>
                 }
                 <tfoot kendoGridFooter
@@ -40115,7 +40737,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                   [detailTemplate]="detailTemplate"
                   [logicalRowIndex]="ariaRowCount"
                   [totalColumns]="columnsContainer"
-                  [totalColumnsCount]="leafColumns.length">
+                  [totalColumnsCount]="leafColumns.length"
+                  [groupingMode]="groupingMode">
                 </tfoot>
               </table>
             </div>
@@ -40135,7 +40758,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 <colgroup kendoGridColGroup
                   [columns]="$any(headerLeafColumns)"
                   [groups]="isLocked ? [] : group"
-                  [detailTemplate]="detailTemplate">
+                  [detailTemplate]="detailTemplate"
+                  [groupingMode]="groupingMode">
               </colgroup>
             }
             <tfoot kendoGridFooter
@@ -40146,7 +40770,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
               [lockedColumnsCount]="isStacked ? 0 : lockedLeafColumns.length"
               [detailTemplate]="detailTemplate"
               [totalColumns]="columnsContainer"
-              [totalColumnsCount]="leafColumns.length">
+              [totalColumnsCount]="leafColumns.length"
+              [groupingMode]="groupingMode">
             </tfoot>
           </table>
         </div>
@@ -40172,7 +40797,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 [detailTemplate]="detailTemplate"
                 [filterable]="filterable"
                 [rowHeight]="rowHeight"
-                [detailRowHeight]="detailRowHeight">
+                [detailRowHeight]="detailRowHeight"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
           }
           <table
@@ -40186,7 +40812,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
               [columns]="$any(leafColumns)"
               [groups]="group"
               [sort]="sort"
-              [detailTemplate]="detailTemplate">
+              [detailTemplate]="detailTemplate"
+              [groupingMode]="groupingMode">
           </colgroup>
           @if (!hideHeader && !isStacked) {
             <thead kendoGridHeader
@@ -40208,7 +40835,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
               [columnMenu]="columnMenuOptions"
               [columnMenuTemplate]="columnMenuTemplate"
               [detailTemplate]="detailTemplate"
-              [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
+              [tabIndex]="navigation.tableEnabled ? '-1' : '0'"
+              [groupingMode]="groupingMode">
             </thead>
           }
           <tbody kendoGridTableBody
@@ -40229,7 +40857,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             [rowClass]="rowClass"
             kendoDraggable
             kendoGridSelectionMarquee
-            [enableDrag]="marqueeSelection">
+            [enableDrag]="marqueeSelection"
+            [groupingMode]="groupingMode">
           </tbody>
           @if (showFooter) {
             <tfoot kendoGridFooter
@@ -40239,7 +40868,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
               [columns]="$any(leafColumns)"
               [detailTemplate]="detailTemplate"
               [totalColumns]="columnsContainer"
-              [totalColumnsCount]="leafColumns.length">
+              [totalColumnsCount]="leafColumns.length"
+              [groupingMode]="groupingMode">
             </tfoot>
           }
         </table>
@@ -40263,7 +40893,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                 [rowHeight]="rowHeight"
                 [detailRowHeight]="detailRowHeight"
                 [size]="size"
-                [loading]="loading">
+                [loading]="loading"
+                [groupingMode]="groupingMode">
             </kendo-grid-rowpin-container>
           }
         }
@@ -40338,6 +40969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
         </ng-template>
 
         <ng-template #defaultPager>
+          <ng-container kendoComponentName="pager">
           <div class="k-pager-numbers-wrap">
             @if (normalizedPageableSettings.previousNext) {
               <kendo-pager-prev-buttons [size]="size"></kendo-pager-prev-buttons>
@@ -40367,6 +40999,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             <kendo-pager-info>
             </kendo-pager-info>
           }
+          </ng-container>
         </ng-template>
         <div #dialogContainer></div>
         <div #windowContainer></div>
@@ -40404,6 +41037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                         IconWrapperComponent,
                         WatermarkOverlayComponent,
                         ...KENDO_PAGER,
+                        ComponentNameDirective,
                         NgTemplateOutlet,
                         AdaptiveRendererComponent,
                         ResizeSensorComponent,
@@ -40618,6 +41252,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
             }], columnMenuTemplates: [{
                 type: ContentChildren,
                 args: [ColumnMenuTemplateDirective]
+            }], groupColumnGroupHeaderTemplates: [{
+                type: ContentChildren,
+                args: [GroupColumnGroupHeaderTemplateDirective]
             }], lockedHeader: [{
                 type: ViewChild,
                 args: ['lockedHeader']
@@ -42317,7 +42954,7 @@ class PDFCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.pdfService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: PDFService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: PDFService }, { token: i59.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoGridPDFTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
@@ -42326,7 +42963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridPDFTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: PDFService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: PDFService }, { type: i59.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the **Export to Excel** toolbar tool of the Grid.
@@ -42362,7 +42999,7 @@ class ExcelCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.excelService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: ExcelService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: ExcelService }, { token: i59.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridExcelTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
@@ -42371,7 +43008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridExcelTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: ExcelService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: ExcelService }, { type: i59.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -42444,13 +43081,13 @@ class ToolbarEditingToolBase extends ToolbarToolBase {
     get isSelectionPresent() {
         return isPresent$1(this.lastSelectionIndex) && this.lastSelectionIndex > -1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i58.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i59.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: ToolbarEditingToolBase, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ToolbarEditingToolBase, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i59.ToolBarButtonComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['command']
                 }] }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: EditService }, { type: SelectionService }] });
@@ -42490,7 +43127,7 @@ class AddCommandToolbarDirective extends ToolbarEditingToolBase {
         e.preventDefault();
         this.editService.beginAdd();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: EditService }, { token: i59.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoGridAddTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
@@ -42499,7 +43136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridAddTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i59.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -43070,7 +43707,7 @@ class UndoCommandToolbarDirective {
         e.preventDefault();
         this.undoRedoService.onUndo.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: UndoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i58.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: UndoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i59.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: UndoCommandToolbarDirective, isStandalone: true, selector: "[kendoGridUndoTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: UndoCommandToolbarDirective, decorators: [{
@@ -43079,7 +43716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridUndoTool]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i58.ToolBarButtonComponent }] });
+        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i59.ToolBarButtonComponent }] });
 
 /**
  * Represents the command that triggers the redo action in the Grid.
@@ -43133,7 +43770,7 @@ class RedoCommandToolbarDirective {
         e.preventDefault();
         this.undoRedoService.onRedo.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RedoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i58.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RedoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i59.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: RedoCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRedoTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RedoCommandToolbarDirective, decorators: [{
@@ -43142,7 +43779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridRedoTool]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i58.ToolBarButtonComponent }] });
+        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i59.ToolBarButtonComponent }] });
 
 let incrementingId$2 = 0;
 /**
@@ -43333,7 +43970,7 @@ class SortCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i58.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i59.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: SortCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSortTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SortCommandToolbarDirective, decorators: [{
@@ -43342,7 +43979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridSortTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: SortService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i59.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: SortService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * @hidden
@@ -43671,7 +44308,7 @@ class FilterCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i58.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }, { token: SinglePopupService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i59.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }, { token: SinglePopupService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: FilterCommandToolbarDirective, decorators: [{
@@ -43680,7 +44317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridFilterTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }, { type: SinglePopupService }] });
+        }], ctorParameters: () => [{ type: i59.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }, { type: SinglePopupService }] });
 
 /**
  * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -43716,7 +44353,7 @@ class EditCommandToolbarDirective extends ToolbarEditingToolBase {
         }
         this.editService.beginEdit(this.lastSelectionIndex);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i59.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: EditCommandToolbarDirective, isStandalone: true, selector: "[kendoGridEditTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: EditCommandToolbarDirective, decorators: [{
@@ -43725,7 +44362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridEditTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i59.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `save` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -43766,7 +44403,7 @@ class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.editedIndices.forEach(i => this.editService.save(i.index));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i59.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: SaveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSaveTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: SaveCommandToolbarDirective, decorators: [{
@@ -43775,7 +44412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridSaveTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i59.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `remove` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -43812,7 +44449,7 @@ class RemoveCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.remove(this.lastSelectionIndex);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i59.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: RemoveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRemoveTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: RemoveCommandToolbarDirective, decorators: [{
@@ -43821,7 +44458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridRemoveTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i59.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `cancel` command in the Grid.
@@ -43861,7 +44498,7 @@ class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.editedIndices.forEach(i => this.editService.endEdit(i.index));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i59.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: CancelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCancelTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: CancelCommandToolbarDirective, decorators: [{
@@ -43870,7 +44507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridCancelTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i59.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 let incrementingId = 0;
 /**
@@ -44051,7 +44688,7 @@ class GroupCommandToolbarDirective {
     isGroupingApplied(group) {
         return isPresent$1(group) && group.length > 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i58.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i59.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: GroupCommandToolbarDirective, isStandalone: true, selector: "[kendoGridGroupTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GroupCommandToolbarDirective, decorators: [{
@@ -44060,7 +44697,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridGroupTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i59.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * Stores the row and cell highlight state of the Grid.
@@ -44712,7 +45349,7 @@ class AIAssistantToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i58.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i59.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i59.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.26", type: AIAssistantToolbarDirective, isStandalone: true, selector: "[kendoGridAIAssistantTool]", inputs: { requestUrl: "requestUrl", requestOptions: "requestOptions", aiWindowSettings: "aiWindowSettings", aiPromptSettings: "aiPromptSettings", autoClose: "autoClose", keepOutputHistory: "keepOutputHistory" }, outputs: { promptRequest: "promptRequest", cancelRequest: "cancelRequest", responseSuccess: "responseSuccess", responseError: "responseError", close: "close", open: "open" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
@@ -44721,7 +45358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     selector: '[kendoGridAIAssistantTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$7.WindowService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i58.RefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { requestUrl: [{
+        }], ctorParameters: () => [{ type: i1$7.WindowService }, { type: i59.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i59.RefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { requestUrl: [{
                 type: Input
             }], requestOptions: [{
                 type: Input
@@ -46772,6 +47409,7 @@ const KENDO_GRID_SHARED = [
 const KENDO_GRID_GROUP_EXPORTS = [
     GroupHeaderTemplateDirective,
     GroupHeaderColumnTemplateDirective,
+    GroupColumnGroupHeaderTemplateDirective,
     GroupFooterTemplateDirective,
     GroupHeaderComponent,
     GroupPanelComponent,
@@ -47118,9 +47756,9 @@ const KENDO_GRID = [
  */
 class GridModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.26", ngImport: i0, type: GridModule, imports: [GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, RowPinColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FooterComponent, i57.CustomMessagesComponent, i57.PagerFocusableDirective, i57.PagerInfoComponent, i57.PagerInputComponent, i57.PagerNextButtonsComponent, i57.PagerNumericButtonsComponent, i57.PagerPageSizesComponent, i57.PagerPrevButtonsComponent, i57.PagerTemplateDirective, i57.PagerComponent, i57.PagerSpacerComponent, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, i58.ToolBarToolComponent, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnListComponent, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, ToolbarComponent, LocalizedMessagesDirective, CustomMessagesComponent, DataBindingDirective, ToolbarTemplateDirective, SelectionDirective, HighlightDirective, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridMarqueeDirective, GridSpacerComponent, GridToolbarFocusableDirective, StatusBarComponent, StatusBarTemplateDirective, GridClipboardDirective, FormComponent, DialogFormComponent, FormFormFieldComponent, UndoRedoDirective, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, i58.ToolBarToolComponent, TableDirective,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.26", ngImport: i0, type: GridModule, imports: [GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupColumnGroupHeaderTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, RowPinColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FooterComponent, i58.CustomMessagesComponent, i58.PagerFocusableDirective, i58.PagerInfoComponent, i58.PagerInputComponent, i58.PagerNextButtonsComponent, i58.PagerNumericButtonsComponent, i58.PagerPageSizesComponent, i58.PagerPrevButtonsComponent, i58.PagerTemplateDirective, i58.PagerComponent, i58.PagerSpacerComponent, i59.ToolBarComponent, i59.ToolbarCustomMessagesComponent, i59.ToolBarButtonComponent, i59.ToolBarButtonGroupComponent, i59.ToolBarDropDownButtonComponent, i59.ToolBarSeparatorComponent, i59.ToolBarSpacerComponent, i59.ToolBarSplitButtonComponent, i59.ToolBarToolComponent, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnListComponent, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, ToolbarComponent, LocalizedMessagesDirective, CustomMessagesComponent, DataBindingDirective, ToolbarTemplateDirective, SelectionDirective, HighlightDirective, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridMarqueeDirective, GridSpacerComponent, GridToolbarFocusableDirective, StatusBarComponent, StatusBarTemplateDirective, GridClipboardDirective, FormComponent, DialogFormComponent, FormFormFieldComponent, UndoRedoDirective, i59.ToolBarComponent, i59.ToolbarCustomMessagesComponent, i59.ToolBarButtonComponent, i59.ToolBarButtonGroupComponent, i59.ToolBarDropDownButtonComponent, i59.ToolBarSeparatorComponent, i59.ToolBarSpacerComponent, i59.ToolBarSplitButtonComponent, i59.ToolBarToolComponent, TableDirective,
             UndoCommandToolbarDirective,
-            RedoCommandToolbarDirective], exports: [GridComponent, ToolbarTemplateDirective, ToolbarComponent, GridSpacerComponent, StatusBarTemplateDirective, DataBindingDirective, SelectionDirective, HighlightDirective, CustomMessagesComponent, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, RowPinColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective, UndoRedoDirective, UndoCommandToolbarDirective, RedoCommandToolbarDirective, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, i58.ToolBarToolComponent, i57.CustomMessagesComponent, i57.PagerFocusableDirective, i57.PagerInfoComponent, i57.PagerInputComponent, i57.PagerNextButtonsComponent, i57.PagerNumericButtonsComponent, i57.PagerPageSizesComponent, i57.PagerPrevButtonsComponent, i57.PagerTemplateDirective, i57.PagerComponent, i57.PagerSpacerComponent] });
+            RedoCommandToolbarDirective], exports: [GridComponent, ToolbarTemplateDirective, ToolbarComponent, GridSpacerComponent, StatusBarTemplateDirective, DataBindingDirective, SelectionDirective, HighlightDirective, CustomMessagesComponent, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupColumnGroupHeaderTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, RowPinColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective, UndoRedoDirective, UndoCommandToolbarDirective, RedoCommandToolbarDirective, i59.ToolBarComponent, i59.ToolbarCustomMessagesComponent, i59.ToolBarButtonComponent, i59.ToolBarButtonGroupComponent, i59.ToolBarDropDownButtonComponent, i59.ToolBarSeparatorComponent, i59.ToolBarSpacerComponent, i59.ToolBarSplitButtonComponent, i59.ToolBarToolComponent, i58.CustomMessagesComponent, i58.PagerFocusableDirective, i58.PagerInfoComponent, i58.PagerInputComponent, i58.PagerNextButtonsComponent, i58.PagerNumericButtonsComponent, i58.PagerPageSizesComponent, i58.PagerPrevButtonsComponent, i58.PagerTemplateDirective, i58.PagerComponent, i58.PagerSpacerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GridModule, providers: [
             PopupService,
             ResizeBatchService,
@@ -47135,7 +47773,7 @@ class GridModule {
             MonthViewService,
             YearViewService,
             NavigationService$2
-        ], imports: [GroupHeaderComponent, GroupPanelComponent, TableBodyComponent, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, HeaderComponent, i57.CustomMessagesComponent, i57.PagerInfoComponent, i57.PagerInputComponent, i57.PagerNextButtonsComponent, i57.PagerNumericButtonsComponent, i57.PagerPageSizesComponent, i57.PagerPrevButtonsComponent, i57.PagerComponent, i57.PagerSpacerComponent, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, FilterCellOperatorsComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, ColumnListComponent, ColumnChooserComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, FormComponent, DialogFormComponent, FormFormFieldComponent, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent] });
+        ], imports: [GroupHeaderComponent, GroupPanelComponent, TableBodyComponent, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, HeaderComponent, i58.CustomMessagesComponent, i58.PagerInfoComponent, i58.PagerInputComponent, i58.PagerNextButtonsComponent, i58.PagerNumericButtonsComponent, i58.PagerPageSizesComponent, i58.PagerPrevButtonsComponent, i58.PagerComponent, i58.PagerSpacerComponent, i59.ToolBarComponent, i59.ToolbarCustomMessagesComponent, i59.ToolBarButtonComponent, i59.ToolBarButtonGroupComponent, i59.ToolBarDropDownButtonComponent, i59.ToolBarSeparatorComponent, i59.ToolBarSpacerComponent, i59.ToolBarSplitButtonComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, FilterCellOperatorsComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, ColumnListComponent, ColumnChooserComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, FormComponent, DialogFormComponent, FormFormFieldComponent, i59.ToolBarComponent, i59.ToolbarCustomMessagesComponent, i59.ToolBarButtonComponent, i59.ToolBarButtonGroupComponent, i59.ToolBarDropDownButtonComponent, i59.ToolBarSeparatorComponent, i59.ToolBarSpacerComponent, i59.ToolBarSplitButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
@@ -47280,5 +47918,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, GridSmartBoxResponseErrorEvent, GridSmartBoxResponseSuccessEvent, GridSmartBoxSearchEvent, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowPinColumnComponent, RowPinService, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SmartBoxToolbarToolComponent, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };
+export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, GridSmartBoxResponseErrorEvent, GridSmartBoxResponseSuccessEvent, GridSmartBoxSearchEvent, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupColumnGroupHeaderTemplateDirective, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowPinColumnComponent, RowPinService, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SmartBoxToolbarToolComponent, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };