@progress/kendo-angular-grid 24.2.0-develop.1 → 24.2.0-develop.10

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

@@ -3625,7 +3625,7 @@ class NavigationService {
             const columnGroup = column.parent;
             const columnGroupChildren = Array.from(columnGroup.children).sort((a, b) => a.orderIndex - b.orderIndex);
             const columnIndexInsideGroup = columnGroupChildren.indexOf(column);
-            if (column.isReordered || column.orderIndex > 0 || (column.isReordered && column.orderIndex === 0)) {
+            if (column.isReordered || column.orderIndex > 0) {
                 return (column.orderIndex - columnGroupChildren[0]['orderIndex']) !== columnGroupChildren.length - 1;
             }
             return columnIndexInsideGroup !== columnGroupChildren.length - 1;
@@ -4514,7 +4514,7 @@ class NavigationService {
         if (!cellSelectionEnabled || this.cursor.cell?.detailExpandCell) {
             return;
         }
-        const selectionService = this.ctx.grid[cellSelectionEnabled ? 'cellSelectionService' : 'selectionService'];
+        const selectionService = this.ctx.grid.cellSelectionService;
         const row = this.activeRow;
         const colIdx = this.cursor.cell ? this.cursor.cell.colIndex : 0;
         const dataColIdx = colIdx - (this.metadata.hasDetailTemplate ? 1 : 0); // exclude the expand/collapse column in master-detail
@@ -11349,8 +11349,9 @@ class MultiCheckboxFilterComponent {
         return this.ctx.localization.get(key);
     }
     getUniqueDateValues(data) {
+        const fieldGetter = getter(this.column.field);
         return data.reduce((acc, current) => {
-            const value = current[this.column.field];
+            const value = fieldGetter(current);
             if (value instanceof Date && acc.findIndex(d => d.getTime() === value.getTime()) === -1) {
                 acc.push(value);
             }
@@ -11370,7 +11371,8 @@ class MultiCheckboxFilterComponent {
         }
         else {
             const field = this.column.field;
-            const mapped = this.gridData.map(item => item?.[field]);
+            const fieldGetter = getter(field);
+            const mapped = this.gridData.map(item => fieldGetter(item));
             this.baseListData = [...new Set(mapped)].sort((a, b) => {
                 if (a > b) {
                     return 1;
@@ -18933,7 +18935,7 @@ class ColumnHandleDirective {
         if (column.parent) {
             const groupChildren = Array.from(column.parent.children);
             const indexOfCurrentColumn = groupChildren.indexOf(column);
-            if (column.isReordered || column.orderIndex > 0 || (column.isReordered && column.orderIndex === 0)) {
+            if (column.isReordered || column.orderIndex > 0) {
                 return (column.orderIndex - groupChildren[0].orderIndex) === groupChildren.length - 1;
             }
             else {
@@ -19672,6 +19674,7 @@ class CellSelectionService {
         if (settings.selectable && settings.selectable.enabled !== false && !settings.isStacked) {
             const iterator = this.getIterator();
             let item = iterator.next();
+            const seenItems = new Set();
             while (!item.done) {
                 if (item.value?.type === "data") {
                     const rowArgs = {
@@ -19679,9 +19682,16 @@ class CellSelectionService {
                         index: item.value.index
                     };
                     settings.columns.forEach(col => {
+                        if (col.isColumnGroup) {
+                            return;
+                        }
                         const selectedCellArgs = settings.cellSelected(rowArgs, col, col.leafIndex);
                         if (selectedCellArgs.selected) {
-                            this.currentSelection.push(selectedCellArgs.item);
+                            const key = `${selectedCellArgs.item.itemKey}-${selectedCellArgs.item.columnKey}`;
+                            if (!seenItems.has(key)) {
+                                seenItems.add(key);
+                                this.currentSelection.push(selectedCellArgs.item);
+                            }
                         }
                         if (!settings.isRowSelectable(rowArgs)) {
                             this.nonSelectableRows.set(rowArgs.index, rowArgs.dataItem);
@@ -19733,7 +19743,7 @@ class CellSelectionService {
             ev = this.select(item);
             this.currentSelection = [this.lastSelectionItem];
         }
-        if (!ev.selectedCells.length && !ev.deselectedCells.length) {
+        if (!ev || (!ev.selectedCells.length && !ev.deselectedCells.length)) {
             return;
         }
         ev.ctrlKey = ctrlKey;
@@ -19835,6 +19845,9 @@ class CellSelectionService {
                     index: idx
                 };
                 this.settings.columns.forEach(col => {
+                    if (col.isColumnGroup) {
+                        return;
+                    }
                     const { item } = this.settings.cellSelected(rowArgs, col, col.leafIndex);
                     const selected = this.isCellSelected(next.value, col);
                     const isInRowRange = selectionStartRow <= idx && idx <= selectionEndRow;
@@ -23254,7 +23267,7 @@ class TableBodyComponent {
     }
     @if (!rowsToRender?.length) {
         <tr class="k-grid-norecords" role="row">
-            <td [attr.colspan]="colSpan" class="k-table-td">
+            <td [attr.colspan]="colSpan" class="k-table-td" role="gridcell">
                 @if (noRecordsTemplate?.templateRef) {
                     <ng-template
                         [templateContext]="{
@@ -23605,7 +23618,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
     }
     @if (!rowsToRender?.length) {
         <tr class="k-grid-norecords" role="row">
-            <td [attr.colspan]="colSpan" class="k-table-td">
+            <td [attr.colspan]="colSpan" class="k-table-td" role="gridcell">
                 @if (noRecordsTemplate?.templateRef) {
                     <ng-template
                         [templateContext]="{
@@ -24812,8 +24825,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1781868600,
-    version: '24.2.0-develop.1',
+    publishDate: 1782305817,
+    version: '24.2.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -29832,6 +29845,18 @@ class ListComponent {
             if (this.pendingToggleScroll && this.virtualPageSize) {
                 this.scroller.virtualSkip = this.pendingToggleScroll.virtualSkip;
             }
+            else if (this.skipScroll && this.virtualPageSize && this.scroller.virtualSkip >= this.allItems.length) {
+                const clampedSkip = Math.max(0, this.allItems.length - this.virtualPageSize);
+                this.scroller.virtualSkip = clampedSkip;
+                this.scroller.firstToLoad = clampedSkip;
+                this.scroller.lastLoaded = this.allItems.length - 1;
+                const rowH = this.rowHeight || this.minRowHeight || 0;
+                const newOffset = clampedSkip * rowH;
+                this.scroller.tableTransformOffset = newOffset;
+                [this.table?.nativeElement, this.lockedTable?.nativeElement]
+                    .filter(isPresent)
+                    .forEach(el => this.renderer.setStyle(el, 'transform', `translateY(${newOffset}px)`));
+            }
             this.itemsToRender = this.allItems.slice(this.scroller.virtualSkip, this.scroller.virtualSkip + this.virtualPageSize);
         }
         else if (totalChanged && !this.ctx.grid?.group?.length) {

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1781868600,
-  "version": "24.2.0-develop.1",
+  "publishDate": 1782305817,
+  "version": "24.2.0-develop.10",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "24.2.0-develop.1",
+  "version": "24.2.0-develop.10",
   "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",
@@ -94,7 +94,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1781868600,
+      "publishDate": 1782305817,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -107,32 +107,32 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.2.0-develop.1",
-    "@progress/kendo-angular-common": "24.2.0-develop.1",
-    "@progress/kendo-angular-dateinputs": "24.2.0-develop.1",
-    "@progress/kendo-angular-layout": "24.2.0-develop.1",
-    "@progress/kendo-angular-navigation": "24.2.0-develop.1",
-    "@progress/kendo-angular-dropdowns": "24.2.0-develop.1",
-    "@progress/kendo-angular-excel-export": "24.2.0-develop.1",
-    "@progress/kendo-angular-icons": "24.2.0-develop.1",
-    "@progress/kendo-angular-indicators": "24.2.0-develop.1",
-    "@progress/kendo-angular-inputs": "24.2.0-develop.1",
-    "@progress/kendo-angular-conversational-ui": "24.2.0-develop.1",
-    "@progress/kendo-angular-intl": "24.2.0-develop.1",
-    "@progress/kendo-angular-l10n": "24.2.0-develop.1",
-    "@progress/kendo-angular-label": "24.2.0-develop.1",
-    "@progress/kendo-angular-menu": "24.2.0-develop.1",
-    "@progress/kendo-angular-pager": "24.2.0-develop.1",
-    "@progress/kendo-angular-pdf-export": "24.2.0-develop.1",
-    "@progress/kendo-angular-popup": "24.2.0-develop.1",
-    "@progress/kendo-angular-toolbar": "24.2.0-develop.1",
-    "@progress/kendo-angular-upload": "24.2.0-develop.1",
-    "@progress/kendo-angular-utils": "24.2.0-develop.1",
+    "@progress/kendo-angular-buttons": "24.2.0-develop.10",
+    "@progress/kendo-angular-common": "24.2.0-develop.10",
+    "@progress/kendo-angular-dateinputs": "24.2.0-develop.10",
+    "@progress/kendo-angular-layout": "24.2.0-develop.10",
+    "@progress/kendo-angular-navigation": "24.2.0-develop.10",
+    "@progress/kendo-angular-dropdowns": "24.2.0-develop.10",
+    "@progress/kendo-angular-excel-export": "24.2.0-develop.10",
+    "@progress/kendo-angular-icons": "24.2.0-develop.10",
+    "@progress/kendo-angular-indicators": "24.2.0-develop.10",
+    "@progress/kendo-angular-inputs": "24.2.0-develop.10",
+    "@progress/kendo-angular-conversational-ui": "24.2.0-develop.10",
+    "@progress/kendo-angular-intl": "24.2.0-develop.10",
+    "@progress/kendo-angular-l10n": "24.2.0-develop.10",
+    "@progress/kendo-angular-label": "24.2.0-develop.10",
+    "@progress/kendo-angular-menu": "24.2.0-develop.10",
+    "@progress/kendo-angular-pager": "24.2.0-develop.10",
+    "@progress/kendo-angular-pdf-export": "24.2.0-develop.10",
+    "@progress/kendo-angular-popup": "24.2.0-develop.10",
+    "@progress/kendo-angular-toolbar": "24.2.0-develop.10",
+    "@progress/kendo-angular-upload": "24.2.0-develop.10",
+    "@progress/kendo-angular-utils": "24.2.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.2.0-develop.1",
+    "@progress/kendo-angular-schematics": "24.2.0-develop.10",
     "@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': '24.2.0-develop.1',
-            '@progress/kendo-angular-navigation': '24.2.0-develop.1',
+            '@progress/kendo-angular-treeview': '24.2.0-develop.10',
+            '@progress/kendo-angular-navigation': '24.2.0-develop.10',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '24.2.0-develop.1',
+            '@progress/kendo-angular-dialog': '24.2.0-develop.10',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '24.2.0-develop.1',
+            '@progress/kendo-angular-progressbar': '24.2.0-develop.10',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '24.2.0-develop.1',
+            '@progress/kendo-angular-indicators': '24.2.0-develop.10',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '24.2.0-develop.1',
-            '@progress/kendo-angular-upload': '24.2.0-develop.1'
+            '@progress/kendo-angular-menu': '24.2.0-develop.10',
+            '@progress/kendo-angular-upload': '24.2.0-develop.10'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }