@acorex/components 22.4.22 → 22.4.23

package/fesm2022/acorex-components-data-table.mjs

@@ -2375,6 +2375,8 @@ class AXDataTableComponent extends AXBaseDataTable {
          */
         this.treeFillResolvedWidths = signal(new Map(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "treeFillResolvedWidths" }] : /* istanbul ignore next */ []));
+        /** Coalesces tree remeasure until expanded rows are in the DOM. */
+        this.treeFillAfterExpandTimer = null;
         /** @ignore */
         this.resizeObserver = null;
         /**
@@ -2758,6 +2760,13 @@ class AXDataTableComponent extends AXBaseDataTable {
                 this.displayedRows.update((prev) => this.toggleExpanded(prev, expandedItem, children));
             }
             this.scheduleTextHighlight();
+            this.scheduleTreeFillAfterExpand();
+        });
+        this.destroyRef.onDestroy(() => {
+            if (this.treeFillAfterExpandTimer != null) {
+                clearTimeout(this.treeFillAfterExpandTimer);
+                this.treeFillAfterExpandTimer = null;
+            }
         });
         this.dataSource.onItemRefreshChildren.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {
             const { id } = data;
@@ -2837,9 +2846,10 @@ class AXDataTableComponent extends AXBaseDataTable {
     }
     /**
      * Tree expand columns keep a content minimum and grow into leftover table space for nested indent.
+     * `expandHandler` opts any column in, including hosts that extend the base column instead of `ax-text-column`.
      */
     isTreeFillColumn(column) {
-        return column instanceof AXDataTableTextColumnComponent && column.expandHandler === true;
+        return column.expandHandler === true;
     }
     /**
      * Tree fill columns must never keep a pixel width from auto-fit; they absorb remaining table width.
@@ -3315,9 +3325,7 @@ class AXDataTableComponent extends AXBaseDataTable {
                 console.error(`Failed to auto-fit column ${index}:`, error);
             }
         });
-        this.measureTreeFillColumns(headerOnly);
-        this.enforceTreeFillColumnWidths();
-        this.updateColumnLayoutWidths();
+        this.refreshTreeFillLayout(headerOnly);
     }
     /**
      * Auto-fits all resizable columns to their content width.
@@ -3350,9 +3358,7 @@ class AXDataTableComponent extends AXBaseDataTable {
                 console.error(`Failed to auto-fit column ${index}:`, error);
             }
         });
-        this.measureTreeFillColumns(false);
-        this.enforceTreeFillColumnWidths();
-        this.updateColumnLayoutWidths();
+        this.refreshTreeFillLayout(false);
     }
     /**
      * Auto-fits a single column to its content width.
@@ -3371,6 +3377,8 @@ class AXDataTableComponent extends AXBaseDataTable {
             return;
         }
         if (this.isTreeFillColumn(column)) {
+            // Keep `width: 'auto'` and do not emit a resize. Hosts persist pixel widths from that event.
+            this.refreshTreeFillLayout(options.headerOnly ?? false);
             return;
         }
         const finalWidth = this.measureColumnContentWidth(columnIndex, options);
@@ -3586,6 +3594,28 @@ class AXDataTableComponent extends AXBaseDataTable {
             el.style.flex = '0 0 auto';
         });
     }
+    /**
+     * Re-measures tree-expander columns and assigns leftover wrapper width.
+     * Does not write a pixel `column.width` or emit `onColumnSizeChanged`.
+     */
+    refreshTreeFillLayout(headerOnly) {
+        this.measureTreeFillColumns(headerOnly);
+        this.enforceTreeFillColumnWidths();
+        this.updateColumnLayoutWidths();
+    }
+    /** Nested rows paint after `onItemExpanded`; measure indent once they are in the DOM. */
+    scheduleTreeFillAfterExpand() {
+        if (!isPlatformBrowser(this.platformID) || !this.columnsList().some((column) => this.isTreeFillColumn(column))) {
+            return;
+        }
+        if (this.treeFillAfterExpandTimer != null) {
+            clearTimeout(this.treeFillAfterExpandTimer);
+        }
+        this.treeFillAfterExpandTimer = setTimeout(() => {
+            this.treeFillAfterExpandTimer = null;
+            this.refreshTreeFillLayout(false);
+        }, 0);
+    }
     /**
      * Stores the content width of tree-expander columns, including visible nested indent.
      */
@@ -3716,6 +3746,7 @@ class AXDataTableComponent extends AXBaseDataTable {
     /**
      * Auto-fits a single column by its `name` / data field.
      * Call after async cell content has rendered when `width` is `'auto'`.
+     * A tree expand column keeps `width: 'auto'` and refreshes the shared tree layout instead of pinning a pixel width.
      *
      * @param columnName - Column `name` / data field.
      * @param options - Measurement options; programmatic calls default to `isUserInteraction: false`.