@acorex/components 21.0.1-next.0 → 21.0.1-next.2

package/accordion/index.d.ts

@@ -10,6 +10,7 @@ declare class AXAccordionGroupComponent {
     activeIndex: _angular_core.ModelSignal<number | number[]>;
     look: _angular_core.InputSignal<string>;
     collapsedOnItemClick: _angular_core.InputSignal<boolean>;
+    private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAccordionGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionGroupComponent, "ax-accordion-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["content"], ["ax-accordion-item"], true, never>;
 }

package/action-sheet/index.d.ts

@@ -1,7 +1,7 @@
-import { AXStyleColorType, MXBaseComponent } from '@acorex/cdk/common';
-import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import { AXStyleColorType, AXComponentCloseEvent, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, Type, OnInit, OnDestroy, ComponentRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 
@@ -21,7 +21,7 @@ interface AXActionSheetItem {
         title?: string;
     };
 }
-type AXActionSheetContentType = TemplateRef<unknown> | ComponentType<unknown>;
+type AXActionSheetContentType = TemplateRef<unknown> | Type<unknown>;
 interface AXActionSheetConfig {
     title?: string;
     subTitle?: string;
@@ -35,13 +35,21 @@ interface AXActionSheetConfig {
     dragUp?: boolean;
 }
 interface AXActionSheetEvent {
-    dialogRef: any;
+    overlayRef?: AXOverlayRef<unknown>;
     nativeEvent?: Event;
     isUserInteraction: boolean;
     data: {
         state: 'open' | 'close' | 'dragStart' | 'dragEnd' | 'fullScreen' | 'normalSize';
     };
 }
+/**
+ * @internal
+ * Internal reference used by action sheet service to manage overlay instances
+ */
+interface AXActionSheetInternalRef {
+    overlayRef: AXOverlayRef<unknown>;
+    close: (result?: AXComponentCloseEvent) => void;
+}
 
 /**
  * A component for displaying an action sheet, which is a menu that slides up from the bottom of the screen.
@@ -49,8 +57,12 @@ interface AXActionSheetEvent {
  * @category Components
  */
 declare class AXActionSheetComponent extends MXBaseComponent implements OnInit, OnDestroy {
-    protected data: AXActionSheetConfig;
-    private dialogRef;
+    /** Action sheet configuration data */
+    data: i0.InputSignal<AXActionSheetConfig>;
+    /** @internal Callback function to close the action sheet */
+    onClose: i0.InputSignal<(result?: AXComponentCloseEvent) => void>;
+    /** @internal Overlay reference for event tracking */
+    overlayRef: i0.InputSignal<AXOverlayRef<unknown>>;
     private document;
     private platformID;
     private renderer;
@@ -65,14 +77,19 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private actionSheetHeight;
     private isActionSheetHeightSet;
     private transitionDuration;
-    /**
-     *  @ignore
-     */
-    protected _selectedPortal: Portal<any>;
     /**
      *  @ignore
      */
     private _componentRef;
+    /** Template content if data.content is a TemplateRef */
+    protected templateContent: i0.Signal<TemplateRef<unknown>>;
+    /** Component content if data.content is a component Type */
+    protected componentContent: i0.Signal<Type<unknown>>;
+    /** Template context for ngTemplateOutlet */
+    protected templateContext: i0.Signal<{
+        $implicit: AXActionSheetConfig;
+        ref: AXActionSheetComponent;
+    }>;
     /**
      *  @ignore
      */
@@ -83,7 +100,10 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
     private handleDown;
     private snapToFinalPosition;
     private heightCalculator;
-    protected handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    /**
+     * Handles component attachment from ngComponentOutlet
+     */
+    protected handleComponentCreated(componentRef: ComponentRef<unknown>): void;
     /**
      * Handles click events on action sheet items.
      * This method is called when a user clicks on an action sheet item. It closes the action sheet
@@ -104,13 +124,13 @@ declare class AXActionSheetComponent extends MXBaseComponent implements OnInit,
      *                           This affects how the action sheet handles accessibility and event tracking.
      * @returns void
      */
-    close(e?: any, isUserInteraction?: boolean): void;
+    close(e?: unknown, isUserInteraction?: boolean): void;
     /**
      *  @ignore
      */
     protected onKeydownHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; "overlayRef": { "alias": "overlayRef"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXActionSheetModule {
@@ -120,11 +140,13 @@ declare class AXActionSheetModule {
 }
 
 interface AXActionSheetDialogRef {
-    close: (e?: any) => void;
-    closed: Subject<any>;
+    close: (e?: unknown) => void;
+    closed: Subject<{
+        data?: unknown;
+    }>;
 }
 declare class AXActionSheetService {
-    private dialog;
+    private overlayService;
     private readonly actionSheetEvent;
     actionSheetEvent$: rxjs.Observable<AXActionSheetEvent>;
     /**
@@ -162,7 +184,7 @@ declare class AXActionSheetService {
      * observable for external subscribers to monitor action sheet state changes.
      *
      * @param event - The action sheet event to emit. Contains information about the event type,
-     *               associated data, user interaction status, and dialog reference.
+     *               associated data, user interaction status, and overlay reference.
      * @returns void
      */
     setActionSheetEventState(event: AXActionSheetEvent): void;
@@ -171,4 +193,4 @@ declare class AXActionSheetService {
 }
 
 export { AXActionSheetComponent, AXActionSheetModule, AXActionSheetService };
-export type { AXActionSheetConfig, AXActionSheetContentType, AXActionSheetDialogRef, AXActionSheetEvent, AXActionSheetItem };
+export type { AXActionSheetConfig, AXActionSheetContentType, AXActionSheetDialogRef, AXActionSheetEvent, AXActionSheetInternalRef, AXActionSheetItem };

package/button-group/index.d.ts

@@ -1,7 +1,7 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
 import * as polytype from 'polytype';
 import { MXInteractiveComponent, MXColorLookComponent, AXClickEvent, AXSelectionMode, AXStyleColorType, MXColorComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
 
 declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
 /**
@@ -12,7 +12,6 @@ declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructo
 declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
     #private;
     readonly fitParent: i0.InputSignal<boolean>;
-    readonly customClass: i0.InputSignal<string>;
     /**
      * Fires when any button in the group is clicked.
      *
@@ -83,7 +82,7 @@ declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
      */
     private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
 }
 
 interface AXButtonItemListItem {
@@ -110,7 +109,6 @@ declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base
      *  @ignore
      */
     private _selected;
-    readonly customClass: i0.ModelSignal<string>;
     /**
      * Indicates whether the button item is selected.
      *
@@ -159,7 +157,7 @@ declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base
      */
     tabindex: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; "customClass": "classChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["*"], true, never>;
 }
 
 declare class AXButtonGroupModule {

package/chips/index.d.ts

@@ -1,25 +1,29 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@acorex/cdk/common';
-import { MXColorLookComponent } from '@acorex/cdk/common';
+import { AXStyleLookType, AXStyleSizeType, MXColorComponent } from '@acorex/cdk/common';
 
+type AXChipsLookType = Extract<AXStyleLookType, 'solid' | 'outline' | 'twotone'>;
+type AXChipsSizeType = Exclude<AXStyleSizeType, 'ax-xs' | 'ax-xl'>;
 /**
  * A component for displaying and managing a set of chips.
  *
  * @category Components
  */
-declare class AXChipsComponent extends MXColorLookComponent {
+declare class AXChipsComponent extends MXColorComponent {
     /**
      * The text displayed on the chips.
      *
      * @defaultValue ''
      */
     text: i0.ModelSignal<string>;
+    look: i0.ModelSignal<AXChipsLookType>;
+    size: i0.ModelSignal<AXChipsSizeType>;
     /**
      *  @ignore
      */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "text": "textChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "look": "lookChange"; "size": "sizeChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class AXChipsModule {
@@ -29,3 +33,4 @@ declare class AXChipsModule {
 }
 
 export { AXChipsComponent, AXChipsModule };
+export type { AXChipsLookType, AXChipsSizeType };

package/collapse/index.d.ts

@@ -5,8 +5,9 @@ import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef } from '@angular/co
 
 declare const AXCollapseGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXBaseComponent, typeof MXLookComponent]>;
 /**
- * @deprecated Use `accordion` instead.
- * This component deprecated and no longer support.
+ * Container for collapsible items with configurable styling.
+ *
+ * @category Components
  */
 declare class AXCollapseGroupComponent extends AXCollapseGroupComponent_base implements AfterViewInit, OnDestroy {
     /**
@@ -72,8 +73,9 @@ declare class AXCollapseClickEvent extends AXClickEvent {
 }
 declare const AXCollapseComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
 /**
- * @deprecated Use `accordion` instead.
- * This component deprecated and no longer support.
+ * A component that provides a collapsible section with animated transitions.
+ *
+ * @category Components
  */
 declare class AXCollapseComponent extends AXCollapseComponent_base {
     private parent;

package/data-table/index.d.ts

@@ -1,7 +1,7 @@
 import * as i2 from '@acorex/cdk/common';
-import { AXEvent, MXBaseComponent, AXDataSource, AXSortOrder, AXStyleLookType, AXButtonClickEvent, AXItemClickEvent, AXClickEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { AXEvent, MXBaseComponent, AXDataSource, AXSortOrder, AXStyleLookType, AXButtonClickEvent, AXItemClickEvent, AXClickEvent, AXValueChangedEvent, AXListDataSource } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, ChangeDetectorRef, OnInit, AfterViewInit, WritableSignal, Signal, QueryList } from '@angular/core';
+import { TemplateRef, EventEmitter, ChangeDetectorRef, OnInit, DoCheck, QueryList, WritableSignal, ElementRef, 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';
@@ -592,6 +592,255 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     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>;
 }
 
+/**
+ * Component for a data table with infinite scrolling capabilities.
+ *
+ * @category Components
+ */
+declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable implements OnInit, DoCheck {
+    private document;
+    private platformID;
+    private ngZone;
+    /**
+     *  @ignore
+     */
+    protected columns: QueryList<AXDataTableColumnComponent>;
+    /**
+     *  @ignore
+     */
+    protected startFixedColumn(): AXDataTableColumnComponent[];
+    /**
+     *  @ignore
+     */
+    protected endFixedColumn(): AXDataTableColumnComponent[];
+    /**
+     *  @ignore
+     */
+    protected notFixedColumn(): AXDataTableColumnComponent[];
+    /**
+     *  @ignore
+     */
+    protected notFixedColumnCount(): number;
+    /**
+     *  @ignore
+     */
+    protected fixedColumnCount(): number;
+    /**
+     * Emits an event when the page changes.
+     *
+     * @event
+     */
+    onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+    /**
+     *  @ignore
+     */
+    private clickSubject;
+    /**
+     * Emits an event when a row is clicked.
+     *
+     * @event
+     */
+    onRowClick: EventEmitter<AXDataTableRowClick>;
+    /**
+     * Emits an event when a row is double-clicked.
+     *
+     * @event
+     */
+    onRowDbClick: EventEmitter<AXDataTableRowDbClick>;
+    /**
+     * Template for rendering rows in the data table.
+     */
+    rowTemplate?: TemplateRef<unknown>;
+    /**
+     * Template to display when the data table is empty.
+     */
+    emptyTemplate?: TemplateRef<unknown>;
+    /**
+     * Controls the visibility of the table header.
+     *
+     * @defaultValue true
+     */
+    showHeader: boolean;
+    /**
+     * Defines the mode for fetching data.
+     *
+     * @defaultValue 'auto'
+     */
+    fetchDataMode: 'auto' | 'manual';
+    /**
+     * Configuration for the loading state of the data table.
+     *
+     * @defaultValue { enabled: true, animation: true }
+     */
+    loading: {
+        enabled: boolean;
+        animation: boolean;
+        loadingTemplate?: TemplateRef<unknown>;
+    };
+    /**
+     *  @ignore
+     */
+    protected listDataSource: AXListDataSource<unknown>;
+    /**
+     *  @ignore
+     */
+    protected isLoading: WritableSignal<boolean>;
+    /**
+     *  @ignore
+     */
+    protected hasItems: boolean;
+    /**
+     *  @ignore
+     */
+    protected totalRows: number;
+    /**
+     *  @ignore
+     */
+    protected currentPage: number;
+    /**
+     *  @ignore
+     */
+    protected totalPages: number;
+    /**
+     *  @ignore
+     */
+    protected startRowIndex: number;
+    /**
+     *  @ignore
+     */
+    private lastIndex;
+    /**
+     * Event emitted when the focused row changes.
+     *
+     * @event
+     */
+    focusedRowChange: EventEmitter<unknown>;
+    /**
+     *  @ignore
+     */
+    private _focusedRow;
+    /**
+     * Retrieves the currently focused row.
+     */
+    get focusedRow(): unknown;
+    /**
+     * Sets the currently focused row and emits a change event.
+     *
+     * @param v - The row data to be set as focused.
+     */
+    set focusedRow(v: unknown);
+    /**
+     * Defines the height of each item in the table.
+     *
+     * @default 40
+     */
+    itemHeight: number | 'auto';
+    /**
+     *  @ignore
+     */
+    protected width: string;
+    /**
+     *  @ignore
+     */
+    protected height: string;
+    /**
+     *  @ignore
+     */
+    private viewport;
+    /**
+     * Emitted when the scroll index changes in the table.
+     *
+     * @event
+     */
+    onScrolledIndexChanged: EventEmitter<AXDataTableScrollIndexChanged>;
+    trackByIdx(i: any): any;
+    /**
+     *  @ignore
+     */
+    ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    headerContainer: ElementRef<HTMLDivElement>;
+    /**
+     *  @ignore
+     */
+    footerContainer: ElementRef;
+    /**
+     *  @ignore
+     */
+    scrollableContainer: ElementRef<HTMLDivElement>;
+    /**
+     *  @ignore
+     */
+    protected _handleOnscrolledIndexChange(e: number): void;
+    /**
+     *  @ignore
+     */
+    ngDoCheck(): void;
+    /**
+     *  @ignore
+     */
+    private updateTotalCount;
+    /**
+     *  @ignore
+     */
+    private updateHeight;
+    /**
+     *  @ignore
+     */
+    private updateWidth;
+    /**
+     *  @ignore
+     */
+    private updateHScroll;
+    /**
+     *  @ignore
+     */
+    private copyFixedColumns;
+    /**
+     * Updates the viewport by checking its size and scrolling to the last index.
+     * Marks the component for change detection.
+     * @ignore
+     */
+    render(): void;
+    /**
+     * Resets the index to zero and refreshes the data source.
+     * @ignore
+     */
+    refresh(): void;
+    /**
+     *  @ignore
+     */
+    protected handleRowClick(event: MouseEvent, item: unknown): void;
+    /**
+     *  @ignore
+     */
+    private handleRowSingleClick;
+    /**
+     *  @ignore
+     */
+    protected handleRowDoubleClick(e: MouseEvent, item: unknown): void;
+    /**
+     * Handles column header clicks to toggle sorting on the column.
+     *
+     * @param e - The mouse event triggered by the click.
+     * @param column - The column that was clicked.
+     * @ignore
+     */
+    handleColumnClick(e: MouseEvent, column: AXDataTableColumnComponent): void;
+    /**
+     *  @ignore
+     */
+    protected getSort(column: AXDataTableColumnComponent): string | undefined;
+    /**
+     *  @ignore
+     */
+    protected _handleOnScroll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInfiniteScrollDataTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXInfiniteScrollDataTableComponent, "ax-infinite-scroll-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "onPageChanged": "onPageChanged"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "focusedRowChange": "focusedRowChange"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, ["columns"], ["ax-header", "ax-footer"], true, never>;
+}
+
 /**
  * Component for displaying and managing a data table with advanced features.
  *
@@ -958,9 +1207,9 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
 
 declare class AXDataTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.ScrollingModule, typeof i4.AXTranslationModule, typeof i5.AXResultModule, typeof i6.AXLoadingModule, typeof i7.AXSkeletonModule, typeof i8.AXButtonModule, typeof i9.AXDecoratorModule, typeof i10.AXDropdownModule, typeof i11.AXFormatModule, typeof i2.AXRippleDirective, typeof i12.AXDataPagerModule, typeof i13.CdkDropList, typeof i13.CdkDrag, typeof i13.CdkDragPlaceholder, typeof i13.CdkDragHandle, typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective], [typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.ScrollingModule, typeof i4.AXTranslationModule, typeof i5.AXResultModule, typeof i6.AXLoadingModule, typeof i7.AXSkeletonModule, typeof i8.AXButtonModule, typeof i9.AXDecoratorModule, typeof i10.AXDropdownModule, typeof i11.AXFormatModule, typeof i2.AXRippleDirective, typeof i12.AXDataPagerModule, typeof i13.CdkDropList, typeof i13.CdkDrag, typeof i13.CdkDragPlaceholder, typeof i13.CdkDragHandle, typeof AXInfiniteScrollDataTableComponent, typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective], [typeof AXInfiniteScrollDataTableComponent, typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataTableModule>;
 }
 
-export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
+export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXInfiniteScrollDataTableComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
 export type { AXColumnsOrderChangedEvent, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };

package/dialog/index.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/index.d.ts

@@ -3,13 +3,12 @@ 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 { 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 {
@@ -278,7 +277,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>;
 }