@progress/kendo-angular-grid 23.0.0-develop.5 → 23.0.0-develop.7

package/common/column-info.service.d.ts

@@ -16,7 +16,7 @@ export declare class ColumnInfoService {
     stickyChange: EventEmitter<any>;
     columnRangeChange: EventEmitter<any>;
     columnsContainer: ColumnsContainer;
-    private list;
+    list: () => ColumnList;
     private stickyColumns;
     get lockedLeafColumns(): QueryList<ColumnBase>;
     get nonLockedLeafColumns(): QueryList<ColumnBase>;

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

@@ -12683,9 +12683,11 @@ class FilterRowComponent {
         const columnName = column.title || column.field;
         return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
     }
-    getLogicalColIndex(columnIndex) {
-        const colIndex = this.lockedColumnsCount + columnIndex;
-        return this.detailTemplate?.templateRef ? colIndex + 1 : colIndex;
+    getLogicalColIndex(column) {
+        if (!isPresent$1(column.leafIndex)) {
+            return -1;
+        }
+        return column.leafIndex + (this.detailTemplate?.templateRef ? 1 : 0);
     }
     get isStacked() {
         return this.ctx.grid?.isStacked;
@@ -12716,7 +12718,7 @@ class FilterRowComponent {
             [filter]="filter"
             kendoGridLogicalCell
             [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="getLogicalColIndex(columnIndex)"
+            [logicalColIndex]="getLogicalColIndex(column)"
           ></td>
         }
         `, isInline: true, dependencies: [{ kind: "component", type: FilterCellComponent, selector: "[kendoGridFilterCell]", inputs: ["column", "filter", "size"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoGridLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "colIndex", "colSpan", "rowSpan", "groupItem", "dataRowIndex", "dataItem", "detailExpandCell", "headerLabelText"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
@@ -12750,7 +12752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [filter]="filter"
             kendoGridLogicalCell
             [logicalRowIndex]="logicalRowIndex"
-            [logicalColIndex]="getLogicalColIndex(columnIndex)"
+            [logicalColIndex]="getLogicalColIndex(column)"
           ></td>
         }
         `,
@@ -19952,14 +19954,15 @@ class HeaderComponent {
     }
     onHeaderKeydown(column, args) {
         const code = normalizeKeys(args);
-        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu && this.isFilterable(column)) {
+        const isColumnGroupComponent = this.isColumnGroupComponent(column);
+        if (code === Keys.ArrowDown && args.altKey && this.showFilterMenu && this.isFilterable(column) && !isColumnGroupComponent) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const filterMenu = this.filterMenus.find(fm => fm.column === column);
             filterMenu.toggle(filterMenu.anchor.nativeElement, filterMenu.template);
             return;
         }
-        if (code === Keys.ArrowDown && args.altKey && this.showColumnMenu(column)) {
+        if (code === Keys.ArrowDown && args.altKey && this.showColumnMenu(column) && !isColumnGroupComponent) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const columnMenu = this.columnMenus.find(cm => cm.column === column);
@@ -19968,7 +19971,7 @@ class HeaderComponent {
         }
         const isCtrlOrMeta = args.ctrlKey || args.metaKey;
         const isGroupingKeyShortcut = (code === Keys.Enter || code === Keys.Space) && isCtrlOrMeta;
-        if (isGroupingKeyShortcut && this.isGroupable(column)) {
+        if (isGroupingKeyShortcut && this.isGroupable(column) && !isColumnGroupComponent) {
             args.preventDefault();
             args.stopImmediatePropagation();
             const isGroupedByField = this.groups.some(gr => gr.field === column.field);
@@ -19987,22 +19990,29 @@ class HeaderComponent {
         const isReorderingKeyShortcut = isLeftOrRightArrow && isCtrlOrMeta;
         if (isReorderingKeyShortcut && this.isReorderable(column)) {
             args.preventDefault();
-            const columnsCount = this.columnInfoService.leafNamedColumns.length;
+            const allColumns = sortColumns(this.columnInfoService.list().toArray()).filter(col => col.level === column.level);
+            const columnsCount = allColumns.length;
             const reorderDirection = code === Keys.ArrowLeft ? -1 : 1;
             const rtlMultiplier = this.contextService.localization.rtl ? -1 : 1;
             const reorderDirectionOffset = reorderDirection * rtlMultiplier;
-            const newIndex = column.leafIndex + reorderDirectionOffset;
+            const oldIndex = allColumns.indexOf(column);
+            let newIndex = oldIndex + reorderDirectionOffset;
+            let targetColumn = allColumns[newIndex];
+            while (isPresent(targetColumn) && targetColumn.hidden) {
+                targetColumn = allColumns[newIndex + reorderDirectionOffset];
+                newIndex += reorderDirectionOffset;
+            }
             const normalizedNewIndex = Math.min(Math.max(0, newIndex), columnsCount - 1);
             const gridInstance = this.contextService.grid;
             gridInstance.reorderColumn(column, normalizedNewIndex, { before: reorderDirectionOffset < 0 });
             gridInstance.columnReorder.emit(new ColumnReorderEvent({
                 column,
                 newIndex: normalizedNewIndex,
-                oldIndex: column.leafIndex
+                oldIndex
             }));
             return;
         }
-        if (!this.sortable || args.defaultPrevented || column.sortable === false) {
+        if (!this.sortable || args.defaultPrevented || column.sortable === false || isColumnGroupComponent) {
             return;
         }
         if (code === Keys.Enter && isPresent(column.field)) {
@@ -20296,7 +20306,7 @@ class HeaderComponent {
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track $index; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -20443,6 +20453,7 @@ class HeaderComponent {
                   [rowSpan]="column.rowspan(totalColumnLevels)"
                   [colSpan]="column.colspan"
                   [headerLabelText]="column.title || getColumnComponent(column).field"
+                  (keydown)="onHeaderKeydown(getColumnComponent(column), $event)"
                   kendoDropTarget
                   kendoDraggable
                   kendoDraggableColumn
@@ -20544,7 +20555,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track $index; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -20691,6 +20702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   [rowSpan]="column.rowspan(totalColumnLevels)"
                   [colSpan]="column.colspan"
                   [headerLabelText]="column.title || getColumnComponent(column).field"
+                  (keydown)="onHeaderKeydown(getColumnComponent(column), $event)"
                   kendoDropTarget
                   kendoDraggable
                   kendoDraggableColumn
@@ -24124,7 +24136,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.0-develop.5',
+    version: '23.0.0-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -34982,6 +34994,7 @@ class GridComponent {
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -35331,6 +35344,7 @@ class GridComponent {
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -35403,7 +35417,8 @@ class GridComponent {
             <kendo-pager-page-sizes
               [size]="size"
               [pageSizes]="normalizedPageableSettings.pageSizes"
-              [showItemsText]="showPagerItemsText">
+              [showItemsText]="showPagerItemsText"
+              [adaptiveMode]="adaptiveMode">
             </kendo-pager-page-sizes>
           }
           @if (normalizedPageableSettings.info) {
@@ -35953,6 +35968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -36302,6 +36318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             [skip]="skip"
             [size]="size"
             [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [adaptiveMode]="adaptiveMode"
             [buttonCount]="normalizedPageableSettings.buttonCount"
             [info]="normalizedPageableSettings.info"
             [pageSizeValues]="normalizedPageableSettings.pageSizes"
@@ -36374,7 +36391,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             <kendo-pager-page-sizes
               [size]="size"
               [pageSizes]="normalizedPageableSettings.pageSizes"
-              [showItemsText]="showPagerItemsText">
+              [showItemsText]="showPagerItemsText"
+              [adaptiveMode]="adaptiveMode">
             </kendo-pager-page-sizes>
           }
           @if (normalizedPageableSettings.info) {

package/filtering/filter-row.component.d.ts

@@ -27,7 +27,7 @@ export declare class FilterRowComponent {
         [key: string]: any;
     };
     filterLabel(column: ColumnComponent): string;
-    getLogicalColIndex(columnIndex: number): number;
+    getLogicalColIndex(column: any): number;
     get isStacked(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterRowComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilterRowComponent, "[kendoGridFilterRow]", never, { "columns": { "alias": "columns"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; }; "logicalRowIndex": { "alias": "logicalRowIndex"; "required": false; }; "lockedColumnsCount": { "alias": "lockedColumnsCount"; "required": false; }; }, {}, never, never, true, never>;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770309279,
-  "version": "23.0.0-develop.5",
+  "publishDate": 1770380201,
+  "version": "23.0.0-develop.7",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "23.0.0-develop.5",
+  "version": "23.0.0-develop.7",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -73,7 +73,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770309279,
+      "publishDate": 1770380201,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -86,32 +86,32 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.24.0",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.0.0-develop.5",
-    "@progress/kendo-angular-common": "23.0.0-develop.5",
-    "@progress/kendo-angular-dateinputs": "23.0.0-develop.5",
-    "@progress/kendo-angular-layout": "23.0.0-develop.5",
-    "@progress/kendo-angular-navigation": "23.0.0-develop.5",
-    "@progress/kendo-angular-dropdowns": "23.0.0-develop.5",
-    "@progress/kendo-angular-excel-export": "23.0.0-develop.5",
-    "@progress/kendo-angular-icons": "23.0.0-develop.5",
-    "@progress/kendo-angular-indicators": "23.0.0-develop.5",
-    "@progress/kendo-angular-inputs": "23.0.0-develop.5",
-    "@progress/kendo-angular-conversational-ui": "23.0.0-develop.5",
-    "@progress/kendo-angular-intl": "23.0.0-develop.5",
-    "@progress/kendo-angular-l10n": "23.0.0-develop.5",
-    "@progress/kendo-angular-label": "23.0.0-develop.5",
-    "@progress/kendo-angular-menu": "23.0.0-develop.5",
-    "@progress/kendo-angular-pager": "23.0.0-develop.5",
-    "@progress/kendo-angular-pdf-export": "23.0.0-develop.5",
-    "@progress/kendo-angular-popup": "23.0.0-develop.5",
-    "@progress/kendo-angular-toolbar": "23.0.0-develop.5",
-    "@progress/kendo-angular-upload": "23.0.0-develop.5",
-    "@progress/kendo-angular-utils": "23.0.0-develop.5",
+    "@progress/kendo-angular-buttons": "23.0.0-develop.7",
+    "@progress/kendo-angular-common": "23.0.0-develop.7",
+    "@progress/kendo-angular-dateinputs": "23.0.0-develop.7",
+    "@progress/kendo-angular-layout": "23.0.0-develop.7",
+    "@progress/kendo-angular-navigation": "23.0.0-develop.7",
+    "@progress/kendo-angular-dropdowns": "23.0.0-develop.7",
+    "@progress/kendo-angular-excel-export": "23.0.0-develop.7",
+    "@progress/kendo-angular-icons": "23.0.0-develop.7",
+    "@progress/kendo-angular-indicators": "23.0.0-develop.7",
+    "@progress/kendo-angular-inputs": "23.0.0-develop.7",
+    "@progress/kendo-angular-conversational-ui": "23.0.0-develop.7",
+    "@progress/kendo-angular-intl": "23.0.0-develop.7",
+    "@progress/kendo-angular-l10n": "23.0.0-develop.7",
+    "@progress/kendo-angular-label": "23.0.0-develop.7",
+    "@progress/kendo-angular-menu": "23.0.0-develop.7",
+    "@progress/kendo-angular-pager": "23.0.0-develop.7",
+    "@progress/kendo-angular-pdf-export": "23.0.0-develop.7",
+    "@progress/kendo-angular-popup": "23.0.0-develop.7",
+    "@progress/kendo-angular-toolbar": "23.0.0-develop.7",
+    "@progress/kendo-angular-upload": "23.0.0-develop.7",
+    "@progress/kendo-angular-utils": "23.0.0-develop.7",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.0.0-develop.5",
+    "@progress/kendo-angular-schematics": "23.0.0-develop.7",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0",
     "@progress/kendo-csv": "^1.0.0"

package/schematics/ngAdd/index.js

@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '23.0.0-develop.5',
-            '@progress/kendo-angular-navigation': '23.0.0-develop.5',
+            '@progress/kendo-angular-treeview': '23.0.0-develop.7',
+            '@progress/kendo-angular-navigation': '23.0.0-develop.7',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '23.0.0-develop.5',
+            '@progress/kendo-angular-dialog': '23.0.0-develop.7',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '23.0.0-develop.5',
+            '@progress/kendo-angular-progressbar': '23.0.0-develop.7',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '23.0.0-develop.5',
+            '@progress/kendo-angular-indicators': '23.0.0-develop.7',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '23.0.0-develop.5',
-            '@progress/kendo-angular-upload': '23.0.0-develop.5'
+            '@progress/kendo-angular-menu': '23.0.0-develop.7',
+            '@progress/kendo-angular-upload': '23.0.0-develop.7'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }