@acorex/components 21.0.1-next.7 → 21.0.1-next.70

package/{data-pager/index.d.ts → types/acorex-components-data-pager.d.ts}

@@ -1,4 +1,4 @@
-import { AXEvent, AXOptionChangedEvent, MXInteractiveComponent, AXValueChangedEvent, AXClickEvent, MXValueComponent } from '@acorex/cdk/common';
+import { AXEvent, MXInteractiveComponent, AXOptionChangedEvent, AXValueChangedEvent, AXClickEvent, MXValueComponent } from '@acorex/cdk/common';
 import { AXUnsubscriber } from '@acorex/core/utils';
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';

package/{data-table/index.d.ts → types/acorex-components-data-table.d.ts}

@@ -1,5 +1,5 @@
 import * as i2 from '@acorex/cdk/common';
-import { AXEvent, MXBaseComponent, AXDataSource, AXSortOrder, AXStyleLookType, AXButtonClickEvent, AXItemClickEvent, AXClickEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXBaseComponent, AXDataSource, AXEvent, AXSortOrder, AXButtonClickEvent, AXStyleLookType, AXClickEvent, AXItemClickEvent, AXValueChangedEvent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { TemplateRef, EventEmitter, ChangeDetectorRef, OnInit, AfterViewInit, WritableSignal, Signal, QueryList } from '@angular/core';
 import * as i11 from '@acorex/core/format';
@@ -42,6 +42,12 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
      * @defaultValue `parentId`
      */
     parentField: string | undefined;
+    /**
+     * Field name on each row that indicates whether the row has children (for showing expand icon).
+     *
+     * @defaultValue `hasChild`
+     */
+    hasChildrenField: string;
     /**
      * Template for expanded custom row content.
      */
@@ -166,7 +172,7 @@ declare class AXDataTableColumnResizableDirective {
  * @category Components
  */
 declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
-    private grid;
+    protected grid: AXBaseDataTable;
     protected loadingRow: i0.WritableSignal<any>;
     protected initialWidth: string;
     customExpandIcon: string;
@@ -240,6 +246,10 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      * Generates a unique name based on the `dataField` value.
      */
     get name(): string;
+    /**
+     * Returns the display text for a row cell. Used for cell tooltip when title is enabled on the table.
+     */
+    getCellDisplayText(rowData: unknown): string;
     /**
      *  @ignore
      */
@@ -411,7 +421,7 @@ declare class AXRowCommandColumnComponent extends AXBaseRowCommandColumnComponen
  * @category Components
  */
 declare class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
-    private grid;
+    protected grid: AXBaseDataTable;
     protected loadingRow: i0.WritableSignal<any>;
     /**
      *  @ignore
@@ -611,6 +621,10 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     customDataPager: AXDataPagerComponent;
+    /**
+     * When true, shows the cell content as tooltip (title attribute) on hover.
+     */
+    title: boolean;
     /**
      *  @ignore
      */
@@ -827,6 +841,10 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     ngAfterViewInit(): void;
+    /**
+     * Returns the display text for a cell. Used for the native title (tooltip) on each cell.
+     */
+    protected getCellTooltipText(column: AXDataTableColumnComponent, rowData: unknown): string;
     /**
      * Toggles the expanded state of a row without managing children.
      * Used for row details template without nested hierarchy.
@@ -855,6 +873,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     protected handleChangePage(event: AXDataPagerChangedEvent): void;
+    private goToPage;
     /**
      *  @ignore
      */
@@ -953,7 +972,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
         maxWidth?: number;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
 }
 
 declare class AXDataTableModule {

package/{datetime-input/index.d.ts → types/acorex-components-datetime-input.d.ts}

@@ -94,7 +94,7 @@ declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
     /**
      *  @ignore
      */
-    _handleKeyUpEvent(e: KeyboardEvent): void;
+    _handleKeyUpEvent(): void;
     /**
      *  @ignore
      */

package/{dialog/index.d.ts → types/acorex-components-dialog.d.ts}

@@ -1,5 +1,6 @@
 import * as i2 from '@acorex/cdk/common';
 import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/cdk/drag-drop';
@@ -7,8 +8,7 @@ import * as i4 from '@angular/cdk/a11y';
 import * as i5 from '@acorex/components/button';
 import * as i6 from '@acorex/components/decorators';
 import * as i7 from '@acorex/components/loading';
-import * as i8 from '@angular/cdk/dialog';
-import * as i9 from '@acorex/core/translation';
+import * as i8 from '@acorex/core/translation';
 
 interface AXDialogButtonItem {
     text: string;
@@ -48,14 +48,24 @@ interface AXDialogData {
     icon?: string | 'none';
     draggable?: boolean;
 }
+/**
+ * @internal
+ * Internal reference used by dialog service to manage overlay instances
+ */
+interface AXDialogInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: () => void;
+}
 
 /**
  * A dialog component that provides a modal interface for user interactions.
  * @category Components
  */
 declare class AXDialogComponent extends MXBaseComponent {
-    protected data: AXDialogData;
-    private dialogRef;
+    /** Dialog configuration data */
+    data: i0.InputSignal<AXDialogData>;
+    /** @internal Callback function to close the dialog */
+    onClose: i0.InputSignal<() => void>;
     /**
      *  @ignore
      */
@@ -74,19 +84,13 @@ declare class AXDialogComponent extends MXBaseComponent {
      * @returns void - No return value. The dialog is closed and removed from the DOM.
      */
     close(): void;
-    /**
-     *  @ignore
-     */
-    get tabIndex(): string;
-    /** @ignore */
-    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.DialogModule, typeof i9.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDialogModule>;
 }
 
@@ -96,7 +100,7 @@ declare class AXDialogModule {
  * @category Components
  */
 declare class AXDialogService {
-    private dialog;
+    private overlayService;
     private defaultConfig;
     private detectIcon;
     /**
@@ -109,7 +113,7 @@ declare class AXDialogService {
      * @param draggable - Whether the dialog can be dragged.
      * @returns Promise<void> - Promise that resolves when the dialog is closed.
      */
-    alert(title: string, content: string, type?: AXStyleColorType, orientation?: 'horizontal' | 'vertical', draggable?: boolean, buttonLook?: AXStyleLookType): Promise<void>;
+    alert(title: string, content: string, type?: AXStyleColorType, orientation?: 'horizontal' | 'vertical', draggable?: boolean): Promise<void>;
     /**
      * Show a confirm box with 'Okay' & 'Cancel' buttons.
      *
@@ -145,4 +149,4 @@ declare class AXDialogService {
 }
 
 export { AXDialogComponent, AXDialogModule, AXDialogService };
-export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogRef };
+export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogInternalRef, AXDialogRef };

package/{dropdown-button/index.d.ts → types/acorex-components-dropdown-button.d.ts}

@@ -1,5 +1,5 @@
 import * as i2 from '@acorex/cdk/common';
-import { MXButtonBaseComponent, AXClickEvent, AXClosableComponent } from '@acorex/cdk/common';
+import { MXButtonBaseComponent, AXStyleColorType, AXStyleLookType, AXClickEvent, AXClosableComponent } from '@acorex/cdk/common';
 import * as i6 from '@acorex/components/button';
 import { AXButtonType } from '@acorex/components/button';
 import * as i0 from '@angular/core';
@@ -15,6 +15,8 @@ import * as i5 from '@acorex/components/dropdown';
  * @category Components
  */
 declare class AXDropdownButtonComponent extends MXButtonBaseComponent implements AfterViewInit {
+    dropdownColor: AXStyleColorType;
+    dropdownLook: AXStyleLookType;
     /**
      *  Fires each time the user clicks the button.
      *  @event
@@ -75,7 +77,7 @@ declare class AXDropdownButtonComponent extends MXButtonBaseComponent implements
     close(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownButtonComponent, "ax-dropdown-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-button-item-list", "ax-prefix, ax-loading, ax-loading-spinner"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownButtonComponent, "ax-dropdown-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "text": { "alias": "text"; "required": false; }; "dropdownColor": { "alias": "color"; "required": false; }; "dropdownLook": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-button-item-list", "ax-prefix, ax-loading, ax-loading-spinner"], true, never>;
 }
 
 declare class AXDropdownButtonModule {

package/{dropdown/index.d.ts → types/acorex-components-dropdown.d.ts}

@@ -3,23 +3,19 @@ import { MXInteractiveComponent, MXLookComponent, AXEvent } from '@acorex/cdk/co
 import * as i0 from '@angular/core';
 import { OnInit, EventEmitter, OnDestroy } from '@angular/core';
 import * as polytype from 'polytype';
-import * as i6 from '@acorex/components/popover';
+import * as i5 from '@acorex/components/popover';
 import { AXPopoverComponent } from '@acorex/components/popover';
+import { AXPlatform } from '@acorex/core/platform';
 import { Subscription } from 'rxjs';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/cdk/a11y';
-import * as i4 from '@angular/cdk/overlay';
-import * as i5 from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/decorators';
 
 declare const AXDropdownBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
 declare class AXDropdownBoxComponent extends AXDropdownBoxComponent_base implements OnInit {
     readonly hasInput: i0.InputSignal<boolean>;
     readonly popoverWidth: i0.InputSignal<string>;
     private _platform;
-    /**
-     *  @ignore
-     */
-    protected _isMobile: boolean;
     /**
      *  @ignore
      */
@@ -167,7 +163,7 @@ declare abstract class MXDropdownBoxBaseComponent extends MXInteractiveComponent
  */
 declare class AXDropdownPanelComponent extends MXInteractiveComponent implements OnDestroy {
     #private;
-    private _platform;
+    protected _platform: AXPlatform;
     /**
      *  @ignore
      */
@@ -263,11 +259,6 @@ declare class AXDropdownPanelComponent extends MXInteractiveComponent implements
      * @ignore
      */
     get isOpen(): boolean;
-    /**
-     * Gets whether the popover is styled as an actionsheet.
-     * @ignore
-     */
-    get isActionsheetStyle(): boolean;
     /**
      *  @ignore
      */
@@ -278,7 +269,7 @@ declare class AXDropdownPanelComponent extends MXInteractiveComponent implements
 
 declare class AXDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, never, [typeof i1.CommonModule, typeof _acorex_cdk_common.AXCommonModule, typeof i3.A11yModule, typeof i4.OverlayModule, typeof i5.AXDecoratorModule, typeof i6.AXPopoverModule, typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent], [typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, never, [typeof i1.CommonModule, typeof _acorex_cdk_common.AXCommonModule, typeof i3.A11yModule, typeof i4.AXDecoratorModule, typeof i5.AXPopoverModule, typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent], [typeof AXDropdownPanelComponent, typeof AXDropdownBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
 }
 

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

@@ -0,0 +1,50 @@
+import * as _angular_core from '@angular/core';
+import { AXPlacementType, AXClickEvent, AXEvent } from '@acorex/cdk/common';
+import { AXPopoverComponent } from '@acorex/components/popover';
+
+declare class AXFabComponent {
+    #private;
+    label: _angular_core.InputSignal<string>;
+    popupStyle: _angular_core.InputSignal<"bubble" | "box">;
+    popupPlacement: _angular_core.ModelSignal<AXPlacementType>;
+    size: _angular_core.InputSignal<"xs" | "sm" | "md" | "lg" | "xl">;
+    protected popoverRef: _angular_core.Signal<AXPopoverComponent>;
+    protected offsetPopover: _angular_core.WritableSignal<number>;
+    /**
+     *  Fires each time the user clicks the button.
+     *  @event
+     */
+    onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    /**
+     * Emits when the popover is opened.
+     * @event
+     */
+    onOpened: _angular_core.OutputEmitterRef<AXEvent>;
+    /**
+     * Emits when the popover is closed.
+     * @event
+     */
+    onClosed: _angular_core.OutputEmitterRef<AXEvent>;
+    private addStyleClass;
+    protected openPopover(): void;
+    protected closePopover(): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabComponent, "ax-fab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "popupStyle": { "alias": "popupStyle"; "required": false; "isSignal": true; }; "popupPlacement": { "alias": "popupPlacement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "popupPlacement": "popupPlacementChange"; "onClick": "onClick"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-icon", "ax-fab-item"], true, never>;
+}
+
+declare class AXFabItemComponent {
+    label: _angular_core.InputSignal<string>;
+    protected parent: AXFabComponent;
+    protected buttonSize: _angular_core.Signal<"xs" | "sm" | "md" | "lg">;
+    /**
+     *  Fires each time the user clicks the button.
+     *  @event
+     */
+    onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    protected clickHandler(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabItemComponent, "ax-fab-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["ax-icon"], true, never>;
+}
+
+export { AXFabComponent, AXFabItemComponent };

package/{form/index.d.ts → types/acorex-components-form.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, WritableSignal, InjectionToken } from '@angular/core';
-import { AXEvent, MXValueComponent, AXStyleLookType, MXBaseComponent } from '@acorex/cdk/common';
+import { MXValueComponent, AXStyleLookType, AXEvent, MXBaseComponent } from '@acorex/cdk/common';
 import * as i5 from '@acorex/core/validation';
 import { AXValidationSummary, AXValidationRuleOptions } from '@acorex/core/validation';
 import * as i1 from '@angular/common';
@@ -67,6 +67,7 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      * @param v The criteria to set (e.g., 'change', 'blur').
      */
     set updateOn(v: AXFormUpdateOn);
+    inUserInteractionActive: i0.InputSignal<boolean>;
     /**
      *  @ignore
      */
@@ -121,7 +122,7 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "messageStyle": { "alias": "messageStyle"; "required": false; "isSignal": true; }; "updateOn": { "alias": "updateOn"; "required": false; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "messageStyle": { "alias": "messageStyle"; "required": false; "isSignal": true; }; "updateOn": { "alias": "updateOn"; "required": false; }; "inUserInteractionActive": { "alias": "inUserInteractionActive"; "required": false; "isSignal": true; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
 }
 
 /**

package/{grid-layout-builder/index.d.ts → types/acorex-components-grid-layout-builder.d.ts}

@@ -138,6 +138,14 @@ declare class AXGridLayoutWidgetComponent {
      * @returns AXGridLayoutNode - The current widget options.
      */
     getOptions(): AXGridLayoutNode;
+    /**
+     * Returns the widget options from the Angular input binding (stored/desired positions),
+     * bypassing the live gridstackNode which may have been auto-reflowed.
+     * Used by the container to load correct per-breakpoint layouts after column changes.
+     *
+     * @returns AXGridLayoutNode - The widget options from the input signal.
+     */
+    getInputOptions(): AXGridLayoutNode;
     /**
      * Returns the native DOM element of the widget.
      *
@@ -170,6 +178,13 @@ declare class AXGridLayoutContainerComponent extends NXComponent implements OnDe
     protected _sub: Subscription | undefined;
     private isInitialized;
     ngOnDestroy(): void;
+    /**
+     * Synchronizes the grid layout with the current widget list.
+     *
+     * @param useInputValues - When true, reads positions from Angular input bindings
+     * (stored per-breakpoint positions). When false, reads from live gridstackNode
+     * (preserving user drag/resize state). Use true after column/breakpoint changes.
+     */
     private updateAll;
     private checkEmpty;
     private hookEvents;

package/{kanban/index.d.ts → types/acorex-components-kanban.d.ts}

@@ -77,7 +77,7 @@ declare class AXKanbanComponent extends NXComponent {
     private performMove;
     /**
      * Emit beforeDrop event and return whether to continue with the drop operation.
-     * Supports both synchronous and asynchronous event handlers.
+     * Supports both synchronous and asynchronous event handlers via the `wait()` method.
      * @param item The original item from dataSource that is being moved
      * @param previousStatusKey The status key the item is moving from
      * @param currentStatusKey The status key the item is moving to
@@ -131,6 +131,7 @@ interface AXKanbanBeforeDropEvent extends NXNativeEvent<AXKanbanComponent, Mouse
     previousIndex: number;
     currentIndex: number;
     canceled: boolean;
+    wait: (promise: Promise<any>) => void;
 }
 
 export { AXKanbanComponent };

package/{list/index.d.ts → types/acorex-components-list.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, WritableSignal, TemplateRef, EventEmitter } from '@angular/core';
-import { AXEvent, MXSelectionValueComponent, AXDataSource, AXListDataSource } from '@acorex/cdk/common';
+import { MXSelectionValueComponent, AXDataSource, AXEvent, AXListDataSource } from '@acorex/cdk/common';
 
 interface AXListScrollIndexChanged extends AXEvent {
     index: number;
@@ -11,6 +11,7 @@ interface AXListScrollIndexChanged extends AXEvent {
  * @category Components
  */
 declare class AXListComponent extends MXSelectionValueComponent implements OnInit {
+    private tooltipRef;
     /**
      * Determines if an item is truncated.
      *
@@ -23,12 +24,21 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      * @defaultValue false
      */
     showItemTooltip: i0.InputSignal<boolean>;
+    /** @ignore */
+    private _dataSource;
+    /** @ignore */
+    private _isInitialized;
+    /** @ignore */
+    private _onChangedSub?;
+    /** @ignore */
+    private _onLoadingChangedSub?;
     /**
      * Defines the data source for the list.
      *
      *  @defaultValue convertArrayToDataSource([])
      */
-    dataSource: AXDataSource<unknown>;
+    set dataSource(v: AXDataSource<unknown>);
+    get dataSource(): AXDataSource<unknown>;
     /**
      *  @ignore
      */
@@ -90,6 +100,18 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      *  @ignore
      */
     ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    protected ngOnDestroy(): void;
+    /**
+     * (Re)creates the internal `AXListDataSource` wrapper used by `cdkVirtualFor`
+     * and (re)subscribes to the underlying source's events. This is invoked
+     * whenever the `dataSource` input changes so that the list properly reflects
+     * the new source.
+     * @ignore
+     */
+    private _setupListDataSource;
     /**
      *  @ignore
      */

package/{loading-dialog/index.d.ts → types/acorex-components-loading-dialog.d.ts}

@@ -1,8 +1,9 @@
 import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import { AXDialogButtonItem } from '@acorex/components/dialog';
 import { AXProgressMode } from '@acorex/components/progress-bar';
 import * as i0 from '@angular/core';
-import { WritableSignal } from '@angular/core';
+import { OnInit, WritableSignal } from '@angular/core';
 
 interface AXLoadingDialogConfig {
     title: string;
@@ -28,22 +29,36 @@ interface AXLoadingDialogButtonItem {
         handled?: boolean;
     }) => void;
 }
-interface AXDialogRef {
+interface AXLoadingDialogRef {
     close(): void;
-    setProgressValue(value: number): any;
-    setProgressText(text: string): any;
-    setDialogTitle(text: string): any;
-    setProgressColor(color: AXStyleColorType): any;
-    setProgressStatus(status: string): any;
+    setProgressValue(value: number): void;
+    setProgressText(text: string): void;
+    setDialogTitle(text: string): void;
+    setProgressColor(color: AXStyleColorType): void;
+    setProgressStatus(status: string): void;
+}
+/**
+ * @deprecated Use AXLoadingDialogRef instead
+ */
+type AXDialogRef = AXLoadingDialogRef;
+/**
+ * @internal
+ * Internal reference used by loading dialog service to manage overlay instances
+ */
+interface AXLoadingDialogInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: () => void;
 }
 
 /**
  * Represents a loading dialog component with custom styles and encapsulation.
  * @category components
  */
-declare class AXLoadingDialogComponent extends MXBaseComponent {
-    data: AXLoadingDialogConfig;
-    private dialogRef;
+declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit {
+    /** Loading dialog configuration data */
+    data: i0.InputSignal<AXLoadingDialogConfig>;
+    /** @internal Callback function to close the dialog */
+    onClose: i0.InputSignal<() => void>;
     /** @ignore */
     protected progressText: WritableSignal<string>;
     /** @ignore */
@@ -54,6 +69,7 @@ declare class AXLoadingDialogComponent extends MXBaseComponent {
     protected dialogTitle: WritableSignal<string>;
     /** @ignore */
     protected progressValue: WritableSignal<number>;
+    ngOnInit(): void;
     /**
      * Closes the loading dialog.
      *
@@ -100,7 +116,7 @@ declare class AXLoadingDialogComponent extends MXBaseComponent {
     /** @ignore */
     protected _hasAutoFocus(button: AXLoadingDialogButtonItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXLoadingDialogModule {
@@ -110,17 +126,17 @@ declare class AXLoadingDialogModule {
 }
 
 declare class AXLoadingDialogService {
-    private dialog;
+    private overlayService;
     /**
      * Opens a loading dialog with the specified configuration.
      *
      * @param options Configuration for the loading dialog, including title, progress mode, and optional initial values.
-     * @returns AXDialogRef - A reference with helper methods to control the dialog lifecycle and UI (close, setProgressValue, setProgressText, setDialogTitle, setProgressColor, setProgressStatus).
+     * @returns AXLoadingDialogRef - A reference with helper methods to control the dialog lifecycle and UI (close, setProgressValue, setProgressText, setDialogTitle, setProgressColor, setProgressStatus).
      */
-    show(options: AXLoadingDialogConfig): AXDialogRef;
+    show(options: AXLoadingDialogConfig): AXLoadingDialogRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXLoadingDialogService>;
 }
 
 export { AXLoadingDialogComponent, AXLoadingDialogModule, AXLoadingDialogService };
-export type { AXDialogRef, AXLoadingDialogButtonItem, AXLoadingDialogConfig };
+export type { AXDialogRef, AXLoadingDialogButtonItem, AXLoadingDialogConfig, AXLoadingDialogInternalRef, AXLoadingDialogRef };

package/{loading/index.d.ts → types/acorex-components-loading.d.ts}

@@ -99,7 +99,9 @@ type LoaderId = string | number;
 declare class AXLoadingService {
     protected loadingStates: WeakMap<object, Map<LoaderId, boolean>>;
     protected loadingStates$: WeakMap<object, Map<LoaderId, BehaviorSubject<boolean>>>;
-    private dialog;
+    private overlayService;
+    private document;
+    private activeOverlays;
     /**
      * Shows a modal loading overlay.
      *