@progress/kendo-angular-grid 25.3.0-develop.3 → 25.3.0-develop.5

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

@@ -3490,12 +3490,15 @@ class ColumnResizingService {
         zip$1(...observables)
             .pipe(take(1))
             .subscribe(widths => {
-            this.changes.emit({
-                columns: info.map(i => i.column),
-                type: 'autoFitComplete',
-                widths,
-                locked
-            });
+            const allZero = widths.every((tableWidths) => tableWidths.every(w => w === 0));
+            if (!allZero) {
+                this.changes.emit({
+                    columns: info.map(i => i.column),
+                    type: 'autoFitComplete',
+                    widths,
+                    locked
+                });
+            }
             if (onComplete) {
                 onComplete();
             }
@@ -8911,6 +8914,12 @@ class ScrollSyncService {
         this.subscriptions.add(this.changes.subscribe(args => this.scrollLeft(args)));
     }
     registerEmitter(el, sourceType) {
+        if (sourceType === "body" || sourceType === "header") {
+            this.unregisterSourceType(sourceType);
+            if (this.source === sourceType) {
+                this.source = undefined;
+            }
+        }
         this.unregister(el);
         this.elements.push({ element: el, sourceType });
         if (sourceType === "body" || sourceType === "header") {
@@ -8953,6 +8962,12 @@ class ScrollSyncService {
             this.elements.splice(index, 1);
         }
     }
+    unregisterSourceType(sourceType) {
+        this.elements
+            .filter(x => x.sourceType === sourceType)
+            .map(x => x.element)
+            .forEach(element => this.unregister(element));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ScrollSyncService });
 }
@@ -25185,8 +25200,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1790842457,
-    version: '25.3.0-develop.3',
+    publishDate: 1790942299,
+    version: '25.3.0-develop.5',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -37231,6 +37246,7 @@ class GridComponent {
     selectionSubscription;
     stateChangeSubscription;
     groupExpandCollapseSubscription;
+    autoSizeVisibilityObserver;
     editServiceSubscription;
     detailsServiceSubscription;
     filterSubscription;
@@ -37498,7 +37514,7 @@ class GridComponent {
                 sort: Boolean(this.sortable)
             }, this.columnMenu);
         }
-        if (isChanged$1("scrollable", changes) && this.isScrollable) {
+        if ((isChanged$1("scrollable", changes) || (isChanged$1("hideHeader", changes) && !this.hideHeader)) && this.isScrollable) {
             this.ngZone.onStable.pipe(take(1)).subscribe(() => this.attachScrollSync());
         }
         if (isChanged$1("pinnable", changes) || isChanged$1("pinnedTopRows", changes) || isChanged$1("pinnedBottomRows", changes)) {
@@ -37586,6 +37602,10 @@ class GridComponent {
         if (this.selectionSubscription) {
             this.selectionSubscription.unsubscribe();
         }
+        if (this.autoSizeVisibilityObserver) {
+            this.autoSizeVisibilityObserver.disconnect();
+            this.autoSizeVisibilityObserver = null;
+        }
         if (this.rowReorderSubscription) {
             this.rowReorderSubscription.unsubscribe();
         }
@@ -37691,6 +37711,7 @@ class GridComponent {
         }
         if (this.header) {
             this.scrollSyncService.registerEmitter(this.header.nativeElement, "header");
+            this.header.nativeElement.scrollLeft = this.wrapper.nativeElement.querySelector('.k-grid-content')?.scrollLeft;
         }
         if (this.pinnedContainers) {
             if (this.pinnedContainersChangeSubscription) {
@@ -38698,9 +38719,44 @@ class GridComponent {
     }
     applyAutoSize() {
         const cols = this.columns.filter((c) => this.autoSize ? c.autoSize !== false : c.autoSize);
-        if (cols.length > 0) {
-            this.ngZone.onStable.pipe(take(1)).subscribe(() => this.autoFitColumns(cols));
+        if (cols.length === 0) {
+            return;
+        }
+        const element = this.wrapper.nativeElement;
+        const tryAutoFit = () => {
+            if (element.offsetWidth === 0 || !this.hasRenderedDataRows()) {
+                return false;
+            }
+            this.autoFitColumns(cols);
+            return true;
+        };
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            if (tryAutoFit()) {
+                return;
+            }
+            if (!(isDocumentAvailable() && typeof ResizeObserver !== 'undefined')) {
+                return;
+            }
+            this.ngZone.runOutsideAngular(() => {
+                this.autoSizeVisibilityObserver = new ResizeObserver(() => {
+                    this.ngZone.run(() => {
+                        if (tryAutoFit()) {
+                            this.autoSizeVisibilityObserver?.disconnect();
+                            this.autoSizeVisibilityObserver = null;
+                        }
+                    });
+                });
+                this.autoSizeVisibilityObserver.observe(element);
+            });
+        });
+    }
+    hasRenderedDataRows() {
+        const element = this.wrapper?.nativeElement;
+        if (!element) {
+            return false;
         }
+        const dataRowSelector = 'tbody > tr:not(.k-grouping-row):not(.k-group-footer):not(.k-detail-row):not(.k-grid-norecords)';
+        return !!element.querySelector(dataRowSelector);
     }
     onColumnRangeChange(range) {
         const viewportColumns = this.viewportColumns = [];

package/index.d.ts

@@ -3090,6 +3090,7 @@ declare class ScrollSyncService {
     destroy(): void;
     private scrollLeft;
     private unregister;
+    private unregisterSourceType;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollSyncService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScrollSyncService>;
 }
@@ -6030,6 +6031,7 @@ declare class GridComponent implements AfterContentInit, AfterViewInit, OnDestro
     private selectionSubscription;
     private stateChangeSubscription;
     private groupExpandCollapseSubscription;
+    private autoSizeVisibilityObserver;
     private editServiceSubscription;
     private detailsServiceSubscription;
     private filterSubscription;
@@ -6391,6 +6393,7 @@ declare class GridComponent implements AfterContentInit, AfterViewInit, OnDestro
     private _rowClass;
     private navigationMetadata;
     private applyAutoSize;
+    private hasRenderedDataRows;
     private onColumnRangeChange;
     private toggleDetailRowLegacy;
     private toggleGroupRowLegacy;

package/package-metadata.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "25.3.0-develop.3",
+  "version": "25.3.0-develop.5",
   "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": 1790842457,
+      "publishDate": 1790942299,
       "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.3.0-develop.3",
-    "@progress/kendo-angular-common": "25.3.0-develop.3",
-    "@progress/kendo-angular-dateinputs": "25.3.0-develop.3",
-    "@progress/kendo-angular-layout": "25.3.0-develop.3",
-    "@progress/kendo-angular-navigation": "25.3.0-develop.3",
-    "@progress/kendo-angular-dropdowns": "25.3.0-develop.3",
-    "@progress/kendo-angular-excel-export": "25.3.0-develop.3",
-    "@progress/kendo-angular-icons": "25.3.0-develop.3",
-    "@progress/kendo-angular-indicators": "25.3.0-develop.3",
-    "@progress/kendo-angular-inputs": "25.3.0-develop.3",
-    "@progress/kendo-angular-conversational-ui": "25.3.0-develop.3",
-    "@progress/kendo-angular-intl": "25.3.0-develop.3",
-    "@progress/kendo-angular-l10n": "25.3.0-develop.3",
-    "@progress/kendo-angular-label": "25.3.0-develop.3",
-    "@progress/kendo-angular-menu": "25.3.0-develop.3",
-    "@progress/kendo-angular-pager": "25.3.0-develop.3",
-    "@progress/kendo-angular-pdf-export": "25.3.0-develop.3",
-    "@progress/kendo-angular-popup": "25.3.0-develop.3",
-    "@progress/kendo-angular-toolbar": "25.3.0-develop.3",
-    "@progress/kendo-angular-upload": "25.3.0-develop.3",
-    "@progress/kendo-angular-utils": "25.3.0-develop.3",
+    "@progress/kendo-angular-buttons": "25.3.0-develop.5",
+    "@progress/kendo-angular-common": "25.3.0-develop.5",
+    "@progress/kendo-angular-dateinputs": "25.3.0-develop.5",
+    "@progress/kendo-angular-layout": "25.3.0-develop.5",
+    "@progress/kendo-angular-navigation": "25.3.0-develop.5",
+    "@progress/kendo-angular-dropdowns": "25.3.0-develop.5",
+    "@progress/kendo-angular-excel-export": "25.3.0-develop.5",
+    "@progress/kendo-angular-icons": "25.3.0-develop.5",
+    "@progress/kendo-angular-indicators": "25.3.0-develop.5",
+    "@progress/kendo-angular-inputs": "25.3.0-develop.5",
+    "@progress/kendo-angular-conversational-ui": "25.3.0-develop.5",
+    "@progress/kendo-angular-intl": "25.3.0-develop.5",
+    "@progress/kendo-angular-l10n": "25.3.0-develop.5",
+    "@progress/kendo-angular-label": "25.3.0-develop.5",
+    "@progress/kendo-angular-menu": "25.3.0-develop.5",
+    "@progress/kendo-angular-pager": "25.3.0-develop.5",
+    "@progress/kendo-angular-pdf-export": "25.3.0-develop.5",
+    "@progress/kendo-angular-popup": "25.3.0-develop.5",
+    "@progress/kendo-angular-toolbar": "25.3.0-develop.5",
+    "@progress/kendo-angular-upload": "25.3.0-develop.5",
+    "@progress/kendo-angular-utils": "25.3.0-develop.5",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.3.0-develop.3",
+    "@progress/kendo-angular-schematics": "25.3.0-develop.5",
     "@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.3.0-develop.3',
-            '@progress/kendo-angular-navigation': '25.3.0-develop.3',
+            '@progress/kendo-angular-treeview': '25.3.0-develop.5',
+            '@progress/kendo-angular-navigation': '25.3.0-develop.5',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '25.3.0-develop.3',
+            '@progress/kendo-angular-dialog': '25.3.0-develop.5',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '25.3.0-develop.3',
+            '@progress/kendo-angular-progressbar': '25.3.0-develop.5',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '25.3.0-develop.3',
+            '@progress/kendo-angular-indicators': '25.3.0-develop.5',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '25.3.0-develop.3',
-            '@progress/kendo-angular-upload': '25.3.0-develop.3'
+            '@progress/kendo-angular-menu': '25.3.0-develop.5',
+            '@progress/kendo-angular-upload': '25.3.0-develop.5'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }