@acorex/components 22.4.0 → 22.4.2

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "22.4.0",
+  "version": "22.4.2",
   "peerDependencies": {
-    "@acorex/core": "22.4.0",
-    "@acorex/cdk": "22.4.0",
+    "@acorex/core": "22.4.2",
+    "@acorex/cdk": "22.4.2",
     "@angular/aria": ">=22.1.0",
     "polytype": ">=0.17.0",
     "hammerjs": ">=2.0.8",

package/types/acorex-components-data-table.d.ts

@@ -1,7 +1,7 @@
 import * as i2 from '@acorex/cdk/common';
 import { AXSortOrder, MXBaseComponent, AXDataSource, AXStyleColorType, AXEvent, AXButtonClickEvent, AXStyleLookType, AXClickEvent, AXItemClickEvent, AXValueChangedEvent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { QueryList, TemplateRef, EventEmitter, WritableSignal, ChangeDetectorRef, OnInit, AfterViewInit, Signal } from '@angular/core';
+import { QueryList, TemplateRef, EventEmitter, WritableSignal, DestroyRef, ChangeDetectorRef, OnInit, AfterViewInit, Signal } from '@angular/core';
 import * as i11 from '@acorex/core/format';
 import { AXFormatOptions } from '@acorex/core/format';
 import * as i8 from '@acorex/components/button';
@@ -44,6 +44,10 @@ declare abstract class AXDataTableColumnComponent {
     effectiveFixed: 'start' | 'end' | undefined;
     get isBand(): boolean;
     getLeafColumns(): AXDataTableColumnComponent[];
+    /**
+     * Column used for multi-level header layout. Single-child bands are skipped so the child is promoted.
+     */
+    getHeaderColumn(): AXDataTableColumnComponent;
     getHeaderDepth(): number;
     abstract get renderCellTemplate(): TemplateRef<unknown>;
     abstract get renderHeaderTemplate(): TemplateRef<unknown>;
@@ -170,7 +174,7 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
     private readonly cellCssClassCache;
     private readonly highlightService;
     private readonly platformId;
-    private readonly destroyRef;
+    protected readonly destroyRef: DestroyRef;
     private _highlightText?;
     private highlightOrder;
     private textHighlightFrame?;
@@ -489,6 +493,13 @@ declare abstract class AXBaseRowCommandColumnComponent extends AXDataTableColumn
     allowSorting: boolean;
     get loadingEnabled(): boolean;
     get cssClass(): string;
+    /**
+     * Command cells already include their own padding in measurement.
+     * Extra fit padding would leave empty space around the icon buttons.
+     */
+    get autoFitPadding(): number;
+    /** One icon button plus the command cell's horizontal padding. */
+    get minAutoWidth(): number;
     protected resolveCommandId(rowData: unknown, commandName: string): string;
     protected setCommandLoadingState(commandId: string, loading: boolean): void;
     onItemClick: EventEmitter<AXRowCommandItemClickEvent>;
@@ -535,8 +546,6 @@ declare class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumn
      * Returns the name identifier for the column component.
      */
     get name(): string;
-    get autoFitPadding(): number;
-    get minAutoWidth(): number;
     /**
      *  @ignore
      */
@@ -860,8 +869,10 @@ interface DataTableBandHeaderCell {
     colspan: number;
     /** Index of the last leaf column covered by this band within the current header section. */
     endLeafIndex: number;
-    /** Top-level column used for drag-reorder on the first header row. */
+    /** Band column rendered in this header cell. */
     column: AXDataTableColumnComponent;
+    /** Top-level column for drag-reorder on the first header row; otherwise the rendered column. */
+    ownerColumn: AXDataTableColumnComponent;
 }
 interface DataTableLeafHeaderCell {
     type: 'leaf';
@@ -869,6 +880,8 @@ interface DataTableLeafHeaderCell {
     rowspan: number;
     /** Leaf column index within the current header section. */
     endLeafIndex: number;
+    /** Top-level column for drag-reorder on the first header row; otherwise the rendered column. */
+    ownerColumn: AXDataTableColumnComponent;
 }
 interface DataTableGapHeaderCell {
     type: 'gap';
@@ -971,10 +984,24 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      */
     protected normalColumnsList: Signal<AXDataTableColumnComponent[]>;
     /**
-     * True when a text column owns the tree expander. That column stays `width: auto`
-     * so leftover table space is used for nested indent instead of the empty spacer.
+     * True when a text column owns the tree expander. Leftover table space is added
+     * to that column for nested indent. Its content width is a minimum, so the table
+     * scrolls horizontally instead of collapsing the column.
      */
     protected hasTreeFillColumn: Signal<boolean>;
+    /**
+     * Pixel width of the table. At least the sum of column content widths, and at least
+     * the wrapper width so a short table still fills the container.
+     *
+     * @ignore
+     */
+    protected readonly tableWidth: WritableSignal<string>;
+    /**
+     * Minimum table width in pixels. Wider than the wrapper, this produces horizontal scroll.
+     *
+     * @ignore
+     */
+    protected readonly tableMinWidth: WritableSignal<string>;
     /**
      *  @ignore
      */
@@ -1065,6 +1092,19 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      * @ignore
      */
     private userResizedColumns;
+    /**
+     * Content width of tree-expander columns. Used as a floor so those columns are not
+     * squeezed when the other columns are wider than the wrapper.
+     * @ignore
+     */
+    private treeFillContentWidths;
+    /**
+     * Rendered width of tree-expander columns: content width, plus leftover wrapper space.
+     * @ignore
+     */
+    private readonly treeFillResolvedWidths;
+    /** @ignore */
+    private resizeObserver;
     /**
      *  @ignore
      */
@@ -1243,7 +1283,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     ngAfterViewInit(): void;
     private captureAutoFitIntentColumns;
     /**
-     * Tree expand columns must keep `width: auto` so nested indent can use leftover table space.
+     * Tree expand columns keep a content minimum and grow into leftover table space for nested indent.
      */
     private isTreeFillColumn;
     /**
@@ -1394,6 +1434,37 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      * @param columnIndex - 0-based index in the columns `QueryList`.
      */
     autoFitColumn(columnIndex: number, options?: AXDataTableAutoFitColumnOptions): void;
+    /**
+     * Measures a column's content width without writing it back.
+     * Tree-expander columns use the result as a minimum so they can still grow.
+     */
+    private measureColumnContentWidth;
+    private isCommandColumn;
+    /**
+     * Command buttons are a fixed icon size inside the table. Cloning them outside
+     * `ax-data-table` drops that size and measures default button padding instead.
+     * Read the live controls, then add the cell's own horizontal padding and border.
+     */
+    private measureCommandColumnWidth;
+    private readCommandControlsWidth;
+    /** Horizontal padding and borders already painted inside the command cell. */
+    private readCommandCellChrome;
+    /** Lets cloned header/cells report their text width instead of the collapsed column width. */
+    private prepareMeasuredCell;
+    /**
+     * Stores the content width of tree-expander columns, including visible nested indent.
+     */
+    private measureTreeFillColumns;
+    /** Deepest visible nested-row indent, which content measurement does not include. */
+    private readTreeIndentPadding;
+    private readPixelWidth;
+    /**
+     * Sizes the table to the sum of column widths so columns keep their content width
+     * and the wrapper scrolls horizontally when that sum exceeds the container.
+     * Tree-expander columns receive any leftover container width.
+     */
+    private updateColumnLayoutWidths;
+    private observeTableWrapper;
     /**
      * Auto-fits a single column by its `name` / data field.
      */