@progress/kendo-angular-grid 25.4.0-develop.2 → 25.4.0-develop.3

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

@@ -3350,6 +3350,7 @@ class ColumnResizingService {
     draggedGroupColumn;
     resizedColumns;
     autoFitResize = false;
+    autoSizedHiddenColumns = new Map();
     column;
     tables = [];
     batch = null;
@@ -18991,6 +18992,7 @@ class ColumnHandleDirective {
         if (!this.column.resizeStartWidth) {
             this.column.resizeStartWidth = headerWidth(this.element) || this.column.width;
         }
+        this.setHiddenColumnsWidth();
         if (this.isConstrainedMode && !this.service.adjacentColumn) {
             this.setAdjacentColumn();
         }
@@ -19027,14 +19029,41 @@ class ColumnHandleDirective {
             this.updateWidthsOfResizedColumns(column, width);
         }
         column.width = width;
-        this.columnInfoService.hiddenColumns.forEach((col) => {
-            if (isBlank(col.width) && isPresent(col.implicitWidth)) {
-                // Resize hidden columns to their implicit width so they
-                // can be displayed with the same width if made visible.
-                col.width = col.implicitWidth;
+        this.setHiddenColumnsWidth();
+        this.cdr.markForCheck();
+    }
+    setHiddenColumnsWidth() {
+        const remainingWidth = this.remainingGridWidth();
+        const hiddenColumns = this.columnInfoService.hiddenColumns;
+        const autoSized = this.service.autoSizedHiddenColumns;
+        autoSized.forEach((_, col) => {
+            if (hiddenColumns.indexOf(col) === -1) {
+                autoSized.delete(col);
+            }
+        });
+        hiddenColumns.forEach((col) => {
+            // A width that differs from the last assigned one was set externally and must be preserved.
+            const isAutoSized = autoSized.has(col) && autoSized.get(col) === col.width;
+            if (isBlank(col.width) || isAutoSized) {
+                // Prefer the remaining grid space so a shown column doesn't introduce
+                // unnecessary horizontal scroll; otherwise fall back to its implicit
+                // width, the resized column's pre-resize width, or its minimum width.
+                const minWidth = col.minResizableWidth || 10;
+                col.width = remainingWidth > 0 ?
+                    Math.max(remainingWidth, minWidth) :
+                    col.implicitWidth || this.column.resizeStartWidth || col.minResizableWidth;
+                autoSized.set(col, col.width);
             }
         });
-        this.cdr.markForCheck(); //force CD cycle
+    }
+    remainingGridWidth() {
+        const gridElement = this.ctx.grid?.wrapper?.nativeElement;
+        if (!isDocumentAvailable() || !gridElement) {
+            return 0;
+        }
+        const visibleColumns = this.columnInfoService.list().filter(col => !col.isColumnGroup && col.isVisible);
+        const availableWidth = gridElement.clientWidth - this.ctx.grid.scrollbarWidth;
+        return availableWidth - sumColumnWidths(visibleColumns);
     }
     updateWidthsOfResizedColumns(column, width) {
         let adjacentColumnNewWidth = column.resizeStartWidth + this.service.adjacentColumn.resizeStartWidth - width;
@@ -25205,8 +25234,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791979034,
-    version: '25.4.0-develop.2',
+    publishDate: 1792066427,
+    version: '25.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

package/index.d.ts

@@ -3241,6 +3241,7 @@ declare class ColumnResizingService {
     draggedGroupColumn: ColumnGroupComponent;
     resizedColumns: Array<ColumnResizeArgs>;
     autoFitResize: boolean;
+    autoSizedHiddenColumns: Map<ColumnBase, number>;
     private column;
     private tables;
     private batch;
@@ -11068,6 +11069,8 @@ declare class ColumnHandleDirective implements OnInit, OnDestroy {
     private resize;
     private sizeToFit;
     private updateWidth;
+    private setHiddenColumnsWidth;
+    private remainingGridWidth;
     private updateWidthsOfResizedColumns;
     private calcNewColumnWidth;
     private setAdjacentColumn;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791979034,
-  "version": "25.4.0-develop.2",
+  "publishDate": 1792066427,
+  "version": "25.4.0-develop.3",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

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