@acorex/components 22.1.0-next.31 → 22.1.0-next.32

package/types/acorex-components-cron-job.d.ts

@@ -119,7 +119,7 @@ declare class DayService implements IExpression {
     reversExpressionBasedOnWeek(regex: string): void;
     reversExpressionBasedOnMonth(regex: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DayService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DayService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class Hours {
@@ -134,7 +134,7 @@ declare class HoursService implements IExpression {
     getExpression(): string;
     reversExpression(cronExpressionPattern: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HoursService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<HoursService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class Minutes {
@@ -149,7 +149,7 @@ declare class MinutesService implements IExpression {
     getExpression(): string;
     reversExpression(cronExpressionPattern: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MinutesService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MinutesService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class Month {
@@ -165,7 +165,7 @@ declare class MonthService implements IExpression {
     getExpression(): string;
     reversExpression(cronExpressionPattern: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MonthService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class Seconds {
@@ -180,7 +180,7 @@ declare class SecondsService implements IExpression {
     getExpression(): string;
     reversExpression(cronExpressionPattern: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SecondsService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SecondsService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class Year {
@@ -206,7 +206,7 @@ declare class YearService {
     getExpression(): string;
     reversExpression(cronExpressionPattern: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<YearService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<YearService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXCronJobContainerComponent extends MXInputBaseValueComponent<string> {

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

@@ -54,7 +54,7 @@ declare abstract class AXDataPagerParentComponent {
     abstract goPrevPage(): void;
     abstract goToPage(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerParentComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerParentComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXDataPagerChild extends MXInteractiveComponent {
     protected _parent: AXDataPagerParentComponent;
@@ -73,7 +73,7 @@ declare abstract class AXDataPagerChild extends MXInteractiveComponent {
      */
     protected abstract applyParent(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerChild, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerChild>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**

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 { TemplateRef, EventEmitter, WritableSignal, ChangeDetectorRef, OnInit, AfterViewInit, Signal, QueryList } from '@angular/core';
+import { QueryList, TemplateRef, EventEmitter, WritableSignal, 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';
@@ -39,6 +39,12 @@ declare abstract class AXDataTableColumnComponent {
     hasTitle: boolean;
     sortIndex: number | undefined;
     sortOrder: AXSortOrder | undefined;
+    childColumns: QueryList<AXDataTableColumnComponent>;
+    /** Set by the data table when this leaf sits under a fixed top-level band. */
+    effectiveFixed: 'start' | 'end' | undefined;
+    get isBand(): boolean;
+    getLeafColumns(): AXDataTableColumnComponent[];
+    getHeaderDepth(): number;
     abstract get renderCellTemplate(): TemplateRef<unknown>;
     abstract get renderHeaderTemplate(): TemplateRef<unknown>;
     abstract get renderFooterTemplate(): TemplateRef<unknown>;
@@ -46,7 +52,7 @@ declare abstract class AXDataTableColumnComponent {
     abstract get name(): string;
     get cssClass(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableColumnComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXDataTableColumnComponent>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataTableColumnComponent, never, never, { "caption": { "alias": "caption"; "required": false; }; "width": { "alias": "width"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "sortIndex": { "alias": "sortIndex"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; }, {}, ["childColumns"], never, true, never>;
 }
 
 type AXDataTableCssClassValue = string | null | undefined;
@@ -215,6 +221,10 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
      * Returns the CSS class of a highlighted column, applied to its header and body cells.
      */
     getColumnCssClass(column: AXDataTableColumnComponent): string;
+    /**
+     * Header `<th>` classes: column highlight + column `cssClass` (e.g. `ax-select-column`).
+     */
+    getHeadColumnCssClass(column: AXDataTableColumnComponent): string;
     /**
      * Returns the temporary highlight state for a row, if any.
      */
@@ -304,7 +314,7 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
      */
     abstract autoFitColumnByName(columnName: string, options?: AXDataTableAutoFitColumnOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBaseDataTable, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXBaseDataTable>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXDataTableColumnResizableDirective {
@@ -382,6 +392,10 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      * @defaultValue false
      */
     wrapText: boolean;
+    /**
+     * When `true`, cell values are resolved as i18n expressions (e.g. `@acorex:common.actions.cancel`).
+     */
+    translate: boolean;
     /**
      * Provides a custom template for rendering cells within the column.
      */
@@ -441,6 +455,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      *  @ignore
      */
     private formatService;
+    private translationService;
     protected getDisplayText(rowData: unknown, dataField: string): string;
     /**
      * Defines the format string for displaying values in the component.
@@ -451,7 +466,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     formatOptions: AXFormatOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableTextColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "translate": { "alias": "translate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 type AXRowCommandItem = AXButtonItemListItem & {
@@ -537,7 +552,7 @@ declare class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumn
      */
     protected handleOnItemClick(e: AXItemClickEvent<AXButtonItemComponent>, data: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowDropdownCommandColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowDropdownCommandColumnComponent, "ax-dropdown-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "emptyStateTemplate": { "alias": "emptyStateTemplate"; "required": false; }; "emptyStateText": { "alias": "emptyStateText"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowDropdownCommandColumnComponent, "ax-dropdown-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "emptyStateTemplate": { "alias": "emptyStateTemplate"; "required": false; }; "emptyStateText": { "alias": "emptyStateText"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, ["*"], true, never>;
 }
 /**
  * A column for displaying command buttons in a data table.
@@ -599,7 +614,7 @@ declare class AXRowCommandColumnComponent extends AXBaseRowCommandColumnComponen
     protected getCommandId(rowData: unknown, item: AXRowCommandItem): string;
     protected handleOnItemClick(e: AXClickEvent, item: AXRowCommandItem, data: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowCommandColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowCommandColumnComponent, "ax-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowCommandColumnComponent, "ax-command-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onItemClick": "onItemClick"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -647,7 +662,7 @@ declare class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
      */
     get loadingEnabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowExpandColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowExpandColumnComponent, "ax-expand-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowExpandColumnComponent, "ax-expand-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -719,16 +734,24 @@ declare class AXRowIndexColumnComponent extends AXDataTableColumnComponent imple
      */
     get cssClass(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowIndexColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowIndexColumnComponent, "ax-index-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "padZero": { "alias": "padZero"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowIndexColumnComponent, "ax-index-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "padZero": { "alias": "padZero"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
  * Column component that provides checkboxes for row selection in a data table.
+ * The header shows a split control: the checkbox selects all visible rows; the chevron opens
+ * a menu with reverse selection and unselect actions for visible rows.
  *
  * @category Components
  */
 declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     private grid;
+    /**
+     * When enabled, shows a header dropdown with reverse and unselect actions for visible rows.
+     *
+     * @defaultValue `false`
+     */
+    advanceSelect: i0.InputSignal<boolean>;
     /**
      *  @ignore
      */
@@ -743,6 +766,7 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     private _contentHeaderTemplate;
     /**
      * Gets the template used to render the column header.
+     * Renders the header checkbox; when {@link advanceSelect} is enabled, a chevron opens a menu with Reverse and Unselect actions scoped to visible rows.
      */
     get renderHeaderTemplate(): TemplateRef<unknown>;
     /**
@@ -761,14 +785,37 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
      *  @ignore
      */
     private getDataSourceKey;
+    /**
+     *  @ignore
+     */
+    private resolveSelectableRows;
     /**
      *  @ignore
      */
     protected isSelected(item: unknown): boolean;
+    /**
+     * Header checkbox model: `true` when every visible row is selected, `false` when none are,
+     * and `null` for a partial (indeterminate) selection.
+     *
+     * @ignore
+     */
+    headerCheckboxValue(rows: unknown[] | null | undefined, selectedRows?: unknown[]): boolean;
+    /**
+     *  @ignore
+     */
+    onHeaderSelectAll(e: AXValueChangedEvent, rows: unknown[] | null | undefined): void;
+    /**
+     *  @ignore
+     */
+    onHeaderReverseSelect(rows: unknown[] | null | undefined): void;
+    /**
+     *  @ignore
+     */
+    onHeaderUnselect(rows: unknown[] | null | undefined): void;
     /**
      *  @ignore
      */
-    protected checkAllSelected(rows: any): boolean;
+    protected checkAllSelected(rows: unknown[] | null | undefined, selectedRows?: unknown[]): boolean | null;
     /**
      *  @ignore
      */
@@ -776,7 +823,15 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     /**
      *  @ignore
      */
-    protected handleSelectAll(e: AXValueChangedEvent, rows: any): void;
+    protected handleSelectAll(e: AXValueChangedEvent, rows: unknown[] | null | undefined): void;
+    /**
+     *  @ignore
+     */
+    protected handleReverseSelect(rows: unknown[] | null | undefined): void;
+    /**
+     *  @ignore
+     */
+    protected handleUnselect(rows: unknown[] | null | undefined): void;
     /**
      * Indicates whether loading is enabled for the column.
      */
@@ -786,7 +841,34 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
      */
     get cssClass(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRowSelectColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowSelectColumnComponent, "ax-select-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRowSelectColumnComponent, "ax-select-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "advanceSelect": { "alias": "advanceSelect"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface DataTableBandHeaderCell {
+    type: 'band';
+    caption: string;
+    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. */
+    column: AXDataTableColumnComponent;
+}
+interface DataTableLeafHeaderCell {
+    type: 'leaf';
+    column: AXDataTableColumnComponent;
+    rowspan: number;
+    /** Leaf column index within the current header section. */
+    endLeafIndex: number;
+}
+interface DataTableGapHeaderCell {
+    type: 'gap';
+}
+type DataTableHeaderCell = DataTableBandHeaderCell | DataTableLeafHeaderCell | DataTableGapHeaderCell;
+interface DataTableHeaderRowModel {
+    start: DataTableHeaderCell[];
+    normal: DataTableHeaderCell[];
+    end: DataTableHeaderCell[];
+    includeSpacer: boolean;
 }
 
 /**
@@ -840,33 +922,109 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     /**
      *  @ignore
      */
-    protected columnsList: WritableSignal<any[]>;
+    protected columnsList: WritableSignal<AXDataTableColumnComponent[]>;
+    /**
+     * Top-level column tree (bands and leaves) in display order.
+     * @ignore
+     */
+    protected topLevelColumnsList: WritableSignal<AXDataTableColumnComponent[]>;
+    /**
+     *  @ignore
+     */
+    protected headerDepth: Signal<number>;
+    /**
+     *  @ignore
+     */
+    protected headerRows: Signal<DataTableHeaderRowModel[]>;
     /**
      *  @ignore
      */
-    protected endFixedColumnsList: Signal<any[]>;
+    protected topLevelEndFixedColumnsList: Signal<AXDataTableColumnComponent[]>;
     /**
      *  @ignore
      */
-    protected startFixedColumnsList: Signal<any[]>;
+    protected topLevelStartFixedColumnsList: Signal<AXDataTableColumnComponent[]>;
     /**
      *  @ignore
      */
-    protected normalColumnsList: Signal<any[]>;
+    protected topLevelNormalColumnsList: Signal<AXDataTableColumnComponent[]>;
+    /**
+     *  @ignore
+     */
+    protected endFixedColumnsList: Signal<AXDataTableColumnComponent[]>;
+    /**
+     *  @ignore
+     */
+    protected startFixedColumnsList: Signal<AXDataTableColumnComponent[]>;
+    /**
+     *  @ignore
+     */
+    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.
      */
     protected hasTreeFillColumn: Signal<boolean>;
+    /**
+     *  @ignore
+     */
+    protected isSelectColumn(column: AXDataTableColumnComponent): column is AXRowSelectColumnComponent;
+    /**
+     * @ignore
+     */
+    protected getEffectiveFixed(column: AXDataTableColumnComponent): 'start' | 'end' | undefined;
+    /**
+     * Last scrollable (non–start/end-fixed) leaf column — the cell immediately before the spacer col.
+     *
+     * @ignore
+     */
+    protected isLastNormalLeafColumn(column: AXDataTableColumnComponent): boolean;
+    /**
+     * Header band/leaf whose inline-end edge aligns with the last scrollable leaf column.
+     *
+     * @ignore
+     */
+    protected isNormalHeaderCellAtLastScrollableEdge(cell: DataTableHeaderCell): boolean;
+    /**
+     * Whether leaf cells for this column draw a trailing (inline-end) vertical border.
+     * Must stay aligned with `data-table.component.css` border-e rules.
+     *
+     * @ignore
+     */
+    protected columnHasTrailingVerticalBorder(column: AXDataTableColumnComponent): boolean;
+    /**
+     * @ignore
+     */
+    protected shouldShowColumnResizeHandle(column: AXDataTableColumnComponent): boolean;
+    /**
+     * @ignore
+     */
+    protected isHeaderBandCell(cell: DataTableHeaderCell): cell is DataTableBandHeaderCell;
+    /**
+     * @ignore
+     */
+    protected isHeaderGapCell(cell: DataTableHeaderCell): boolean;
+    /**
+     * @ignore
+     */
+    protected asLeafHeaderCell(cell: DataTableHeaderCell): DataTableLeafHeaderCell;
+    /**
+     * @ignore
+     */
+    protected isTopLevelColumn(column: AXDataTableColumnComponent): boolean;
+    private refreshColumnStructure;
+    private watchBandChildren;
     /**
      *  @ignore
      */
     protected resizeColumnProp: {
         startX: number;
         startWidth: number;
-        columnIndex: number;
-        newColumnWidth: number;
-        thElement: any;
+        column: AXDataTableColumnComponent | null;
+        thElement: HTMLElement | null;
+        colElement: HTMLElement | null;
+        /** True when the resize handle sits on the column's trailing edge in screen coordinates. */
+        resizeFromTrailingEdge: boolean;
     };
     /**
      * Columns that used `width="auto"` and received header-only sizing before rows were available.
@@ -1082,10 +1240,20 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     protected toggleExpanded(rows: any[], expandedItem: any, children: any[]): any[];
     protected refreshExpandedItem(id: string | number): Promise<void>;
     private updateChildren;
+    /**
+     * CDK sort-predicate indices follow physical left-to-right order; map them to `columnsList` order.
+     * @ignore
+     */
+    private cdkSortIndexToColumnIndex;
+    /**
+     * Restricts column reordering to non-fixed columns only.
+     * @ignore
+     */
+    protected columnReorderSortPredicate: (index: number) => boolean;
     /**
      *  @ignore
      */
-    protected drop(event: CdkDragDrop<any, any, any>): void;
+    protected drop(event: CdkDragDrop<AXDataTableColumnComponent>): void;
     /**
      *  @ignore
      */
@@ -1149,11 +1317,11 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      * @param columnIndex - The index of the column to auto-fit
      * @ignore
      */
-    protected onResizeHandlerDoubleClick(event: MouseEvent, columnIndex: number): void;
+    protected onResizeHandlerDoubleClick(event: MouseEvent, column: AXDataTableColumnComponent): void;
     /**
      *  @ignore
      */
-    protected onResizeColumnStart(event: MouseEvent, columnIndex: number): void;
+    protected onResizeColumnStart(event: MouseEvent, column: AXDataTableColumnComponent): void;
     /**
      *  @ignore
      */
@@ -1166,6 +1334,11 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     private resetResizingProcess;
+    /**
+     * Index of a leaf column in `<colgroup>` (start → normal → spacer → end).
+     */
+    private getColumnColIndex;
+    private resolveColElementForColumn;
     /**
      *  @ignore
      */

package/types/acorex-components-datetime-box.d.ts

@@ -29,7 +29,7 @@ declare const AX_DATETIME_BOX_CLASSIC_TIME_FIELDS: AXDateTimeBoxClassicField[];
 declare const AXDateTimeBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<Date>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXCalendarBaseComponent, typeof MXDropdownBoxBaseComponent, typeof MXLookComponent, typeof AXDecoratorGenericComponent]>;
 /**
  * Represents a date and time input component that allows user interaction and triggers events.

package/types/acorex-components-datetime-picker.d.ts

@@ -9,7 +9,7 @@ import { AXDateTimeParts, AXDateTime } from '@acorex/core/date-time';
 declare const AXDateTimePickerComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXCalendarBaseComponent, {
     new (): MXValueComponent<Date>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }]>;
 /**
  * allows users to select a date and time from a calendar and time picker interface.

package/types/acorex-components-decorators.d.ts

@@ -1,5 +1,6 @@
 import { MXBaseComponent, AXSurfaceType } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
+import { AXFullScreenMode } from '@acorex/core/full-screen';
 import * as i1 from '@angular/common';
 
 /**
@@ -76,10 +77,21 @@ declare class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {
     #private;
     private readonly fullScreenService;
     private readonly elementRef;
+    /**
+     * Target element to fullscreen. Falls back to the closest decorated parent when omitted.
+     */
     element: i0.ModelSignal<HTMLElement>;
+    /**
+     * Whether fullscreen mode is active.
+     */
     isActive: i0.ModelSignal<boolean>;
+    /**
+     * Fullscreen implementation mode.
+     * @defaultValue 'overlay'
+     */
+    mode: i0.InputSignal<AXFullScreenMode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorFullScreenButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFullScreenButtonComponent, "ax-fullscreen-button", never, { "element": { "alias": "element"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, { "element": "elementChange"; "isActive": "isActiveChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFullScreenButtonComponent, "ax-fullscreen-button", never, { "element": { "alias": "element"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "element": "elementChange"; "isActive": "isActiveChange"; }, never, never, true, never>;
 }
 
 /**

package/types/acorex-components-dialog.d.ts

@@ -154,7 +154,7 @@ declare class AXDialogService {
      */
     open(config: AXDialogConfig): AXDialogRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXDialogService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXDialogComponent, AXDialogModule, AXDialogService };

package/types/acorex-components-dropdown.d.ts

@@ -153,7 +153,7 @@ declare abstract class MXDropdownBoxBaseComponent extends MXInteractiveComponent
      */
     get isOpen(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXDropdownBoxBaseComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXDropdownBoxBaseComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**

package/types/acorex-components-editor.d.ts

@@ -50,7 +50,7 @@ type ImageToolConfig = {
 declare const AXEditorComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<OutputData>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 declare class AXEditorComponent extends AXEditorComponent_base {
     #private;

package/types/acorex-components-emoji.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+/**
+ * Renders a single emoji using its Unicode character from metadata.
+ *
+ * @category Components
+ */
+declare class AXEmojiComponent {
+    /**
+     * Emoji metadata to render.
+     */
+    readonly emoji: _angular_core.InputSignal<AXEmoji>;
+    /**
+     * Emoji rendering style.
+     * - `google`: Noto Color Emoji (Android/Google look) on all platforms, including Windows.
+     * - `native`: OS default fonts (Segoe UI Emoji on Windows).
+     *
+     * @defaultValue 'google'
+     */
+    readonly appearance: _angular_core.InputSignal<"google" | "native">;
+    /**
+     * Rendered size in pixels.
+     *
+     * @defaultValue 20
+     */
+    readonly size: _angular_core.InputSignal<number>;
+    /** Unicode glyph to display. */
+    protected readonly glyph: _angular_core.Signal<string>;
+    /** Accessible label sourced from emoji metadata. */
+    protected readonly ariaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXEmojiComponent, "ax-emoji", never, { "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXEmojiModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXEmojiModule, never, [typeof AXEmojiComponent], [typeof AXEmojiComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXEmojiModule>;
+}
+
+export { AXEmojiComponent, AXEmojiModule };