@acorex/components 21.0.1-next.3 → 21.0.1-next.30

package/kanban/index.d.ts

@@ -21,6 +21,7 @@ declare class AXKanbanComponent extends NXComponent {
     footerTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
     contentFooterTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
     tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
+    onBeforeDrop: _angular_core.OutputEmitterRef<AXKanbanBeforeDropEvent>;
     onSortChanged: _angular_core.OutputEmitterRef<AXKanbanSortEvent>;
     onItemClick: _angular_core.OutputEmitterRef<AXKanbanMouseEvent>;
     onActionClick: _angular_core.OutputEmitterRef<AXKanbanMouseEvent>;
@@ -35,9 +36,57 @@ declare class AXKanbanComponent extends NXComponent {
      * the updated data source.
      *
      * @param event AXDropListDroppedEvent - The drag-and-drop event including indices and container information.
-     * @returns void
+     * @returns Promise<void>
      */
-    drop(event: AXDropListDroppedEvent): void;
+    drop(event: AXDropListDroppedEvent): Promise<void>;
+    /**
+     * Programmatically move an item to a different status or reorder within the same status.
+     * @param itemId The ID of the item to move (using keyField)
+     * @param targetStatusKey The target status key to move the item to
+     * @param targetIndex Optional target index within the target status. If not provided, item will be appended to the end.
+     * @returns Promise<boolean> - true if the move was successful, false otherwise
+     */
+    moveItem(itemId: any, targetStatusKey: any, targetIndex?: number): Promise<boolean>;
+    /**
+     * Programmatically reorder an item within the same status.
+     * @param itemId The ID of the item to reorder (using keyField)
+     * @param newIndex The new index position within the same status
+     * @returns Promise<boolean> - true if the reorder was successful, false otherwise
+     */
+    reorderItem(itemId: any, newIndex: number): Promise<boolean>;
+    /**
+     * Programmatically move an item to a different status.
+     * @param itemId The ID of the item to move (using keyField)
+     * @param targetStatusKey The target status key to move the item to
+     * @param targetIndex Optional target index within the target status. If not provided, item will be appended to the end.
+     * @returns Promise<boolean> - true if the move was successful, false otherwise
+     */
+    moveItemToStatus(itemId: any, targetStatusKey: any, targetIndex?: number): Promise<boolean>;
+    /**
+     * Core method that performs the move operation, handles re-indexing, and emits events.
+     * This is used by both drag-and-drop operations and programmatic moves.
+     *
+     * @param originalItem 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
+     * @param previousIndex The index the item is moving from
+     * @param currentIndex The index the item is moving to
+     * @param nativeEvent The native mouse event (null for programmatic moves)
+     * @returns Promise<boolean> - true if the move was successful, false otherwise
+     */
+    private performMove;
+    /**
+     * Emit beforeDrop event and return whether to continue with the drop operation.
+     * 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
+     * @param previousIndex The index the item is moving from
+     * @param currentIndex The index the item is moving to
+     * @param nativeEvent The native mouse event (null for programmatic moves)
+     * @returns Promise<boolean> - true if the drop should proceed, false if it should be canceled
+     */
+    private emitBeforeDropEvent;
     protected getItemsById(key: any): AXKanbanItem[];
     protected getOriginalItemsById(key: any): any[];
     protected stringify(value: any): string;
@@ -46,7 +95,7 @@ declare class AXKanbanComponent extends NXComponent {
     protected handleDblClick(event: MouseEvent, item: AXKanbanItem): void;
     protected handleRightClick(event: MouseEvent, item: AXKanbanItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKanbanComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKanbanComponent, "ax-kanban", never, { "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "statuses": { "alias": "statuses"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "indexField": { "alias": "indexField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "cssClassField": { "alias": "cssClassField"; "required": false; "isSignal": true; }; "priorityField": { "alias": "priorityField"; "required": false; "isSignal": true; }; "statusKeyField": { "alias": "statusKeyField"; "required": false; "isSignal": true; }; "descriptionField": { "alias": "descriptionField"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "contentFooterTemplate": { "alias": "contentFooterTemplate"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "onSortChanged": "onSortChanged"; "onItemClick": "onItemClick"; "onActionClick": "onActionClick"; "onItemDblClick": "onItemDblClick"; "onItemRightClick": "onItemRightClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKanbanComponent, "ax-kanban", never, { "hasActions": { "alias": "hasActions"; "required": false; "isSignal": true; }; "dragStartDelay": { "alias": "dragStartDelay"; "required": false; "isSignal": true; }; "statuses": { "alias": "statuses"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "keyField": { "alias": "keyField"; "required": false; "isSignal": true; }; "indexField": { "alias": "indexField"; "required": false; "isSignal": true; }; "titleField": { "alias": "titleField"; "required": false; "isSignal": true; }; "cssClassField": { "alias": "cssClassField"; "required": false; "isSignal": true; }; "priorityField": { "alias": "priorityField"; "required": false; "isSignal": true; }; "statusKeyField": { "alias": "statusKeyField"; "required": false; "isSignal": true; }; "descriptionField": { "alias": "descriptionField"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "contentFooterTemplate": { "alias": "contentFooterTemplate"; "required": false; "isSignal": true; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; "isSignal": true; }; }, { "onBeforeDrop": "onBeforeDrop"; "onSortChanged": "onSortChanged"; "onItemClick": "onItemClick"; "onActionClick": "onActionClick"; "onItemDblClick": "onItemDblClick"; "onItemRightClick": "onItemRightClick"; }, never, never, true, never>;
 }
 
 type AXKanbanItem = {
@@ -75,6 +124,15 @@ interface AXKanbanSortEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent>
 interface AXKanbanMouseEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent> {
     item: any;
 }
+interface AXKanbanBeforeDropEvent extends NXNativeEvent<AXKanbanComponent, MouseEvent> {
+    item: any;
+    previousStatusKey: any;
+    currentStatusKey: any;
+    previousIndex: number;
+    currentIndex: number;
+    canceled: boolean;
+    wait: (promise: Promise<any>) => void;
+}
 
 export { AXKanbanComponent };
-export type { AXKanbanItem, AXKanbanMouseEvent, AXKanbanSortEvent, AXKanbanStatus };
+export type { AXKanbanBeforeDropEvent, AXKanbanItem, AXKanbanMouseEvent, AXKanbanSortEvent, AXKanbanStatus };

package/kbd/index.d.ts

@@ -1,9 +1,12 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { NXComponent } from '@acorex/cdk/common';
 
 declare class AXKBDItemComponent extends NXComponent {
-    keys: i0.InputSignal<string | string[]>;
-    modifierKeys: i0.WritableSignal<string[]>;
+    keys: _angular_core.InputSignal<string | string[]>;
+    modifierKeys: _angular_core.WritableSignal<string[]>;
+    join: _angular_core.InputSignal<"split" | "joined">;
+    look: _angular_core.ModelSignal<"fill" | "solid">;
+    lookClass: _angular_core.Signal<string>;
     /**
      * Capitalizes the first letter of the provided text.
      *
@@ -11,13 +14,16 @@ declare class AXKBDItemComponent extends NXComponent {
      * @returns The text with its first character uppercased
      */
     protected capitalizeFirstLetter(text: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; "join": { "alias": "join"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; }, never, never, true, never>;
 }
 
 declare class AXKBDComponent extends NXComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, {}, {}, never, ["ax-kbd-item"], true, never>;
+    #private;
+    private kbdItem;
+    look: _angular_core.InputSignal<"fill" | "solid">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXKBDComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, ["kbdItem"], ["ax-kbd-item"], true, never>;
 }
 
 export { AXKBDComponent, AXKBDItemComponent };

package/loading/index.d.ts

@@ -81,7 +81,7 @@ declare class AXLoadingComponent extends MXBaseComponent implements OnInit {
     /**
      *  @ignore
      */
-    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingComponent, "ax-loading", never, { "visible": { "alias": "visible"; "required": false; }; "type": { "alias": "type"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, never, true, never>;
 }

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

@@ -69,8 +69,9 @@ declare class AXMediaViewerContainerComponent implements OnDestroy {
     ngOnDestroy(): void;
     next(): void;
     prev(): void;
-    interVal: any;
+    private interVal?;
     goToIndex(index: number, speed?: number): void;
+    private init;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerContainerComponent, "ax-media-viewer-container", never, { "dataArray": { "alias": "dataArray"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; }, {}, ["fullScreenButton"], ["ax-header", "ax-suffix", "ax-prefix"], true, never>;
 }

package/menu/index.d.ts

@@ -65,6 +65,8 @@ declare class AXContextMenuComponent extends NXComponent {
     private renderer;
     private document;
     private platformID;
+    private zIndexService;
+    private zToken;
     /** @ignore */
     constructor();
     ngOnDestroy(): void;
@@ -127,6 +129,8 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private scrollableParents;
     private unsuscriber;
     private renderer;
+    private zIndexService;
+    private zToken;
     protected arrowIcon: _angular_core.Signal<string>;
     onClick: _angular_core.OutputEmitterRef<AXMenuItemClickEvent>;
     name: _angular_core.InputSignal<string>;

package/modal/index.d.ts

@@ -33,6 +33,8 @@ interface AXModalRef<TResult = any> {
     restore: () => void;
     close: (data?: TResult) => void;
     setInputs: (values: AXComponentInputs) => void;
+    /** Brings this modal to the front of all other overlays */
+    bringToFront: () => void;
     onClose: Subject<TResult>;
 }
 declare abstract class AXModalComponentBase {
@@ -41,6 +43,7 @@ declare abstract class AXModalComponentBase {
     minimize(): void;
     restore(): void;
     maximize(): void;
+    bringToFront(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXModalComponentBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXModalComponentBase, never, never, { "__modal__": { "alias": "__modal__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -117,6 +120,10 @@ declare class AXModalService {
      * Restores the modal from minimized or maximized state.
      */
     restore(): Promise<void>;
+    /**
+     * Brings the modal to the front of all other overlays.
+     */
+    bringToFront(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXModalService>;
 }

package/notification/index.d.ts

@@ -1,10 +1,9 @@
-import { AXStyleColorType, AXStyleLookType, AXLocation, MXBaseComponent, AXComponentCloseEvent } from '@acorex/cdk/common';
-import { ComponentType, Portal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, InjectionToken } from '@angular/core';
-import { DialogRef } from '@angular/cdk/dialog';
+import { AXStyleColorType, AXStyleLookType, AXLocation, MXBaseComponent } from '@acorex/cdk/common';
+import { AXOverlayRef } from '@acorex/cdk/overlay';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Type, OnInit, InjectionToken } from '@angular/core';
 
-type AXNotificationContentType = string | TemplateRef<unknown> | ComponentType<unknown>;
+type AXNotificationContentType = string | TemplateRef<unknown> | Type<unknown>;
 interface AXNotificationButtonItem {
     color?: AXStyleColorType;
     look?: AXStyleLookType;
@@ -43,6 +42,16 @@ interface AXNotificationData {
 interface AXNotificationRef {
     close(): void;
 }
+/**
+ * @internal
+ * Internal reference used by notification service to manage overlay instances
+ */
+interface AXNotificationInternalRef {
+    id: string;
+    overlayRef: AXOverlayRef<unknown>;
+    config: AXNotificationData;
+    close: () => void;
+}
 
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
@@ -50,35 +59,40 @@ interface AXNotificationRef {
  * @category Components
  */
 declare class AXNotificationComponent extends MXBaseComponent implements OnInit {
-    config: AXNotificationData;
-    dialogRef: DialogRef<AXComponentCloseEvent, unknown>;
-    /** @ignore */
-    _selectedPortal: Portal<unknown>;
+    /** Notification configuration data */
+    config: _angular_core.InputSignal<AXNotificationData>;
+    /** @internal Callback function to close the notification */
+    onClose: _angular_core.InputSignal<() => void>;
+    private notificationService;
     /** @ignore */
-    _icon: string;
+    protected _icon: string;
     private intervalId;
     private isPaused;
-    protected remainingTime: i0.WritableSignal<number>;
-    protected transitionDuration: i0.WritableSignal<number>;
+    protected remainingTime: _angular_core.WritableSignal<number>;
+    protected transitionDuration: _angular_core.WritableSignal<number>;
+    /** Template content if config.content is a TemplateRef */
+    protected templateContent: _angular_core.Signal<TemplateRef<unknown>>;
+    /** Component content if config.content is a component Type */
+    protected componentContent: _angular_core.Signal<Type<unknown>>;
+    /** String content if config.content is a string */
+    protected stringContent: _angular_core.Signal<string>;
     ngOnInit(): void;
     private pauseAnimation;
     private _handleTimeOut;
     /** @ignore */
-    private _initContent;
-    /** @ignore */
     private _initIcon;
     /** @ignore */
-    protected get _stringContent(): string;
-    /** @ignore */
     protected _handleButtonClick(button: AXNotificationButtonItem): void;
-    /** @ignore */
-    private get __hostClass();
     /**
-     * Closes the dialog and provides the component and HTML element for reference.
+     * Closes the notification.
      */
     close(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNotificationComponent, "ax-notification", never, {}, {}, never, never, true, never>;
+    /**
+     * Closes all notifications.
+     */
+    closeAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNotificationComponent, "ax-notification", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface AXNotificationConfig {
@@ -96,18 +110,18 @@ type PartialNotificationConfig = Partial<AXNotificationConfig>;
 declare function notificationConfig(config?: PartialNotificationConfig): AXNotificationConfig;
 
 declare class AXNotificationModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNotificationModule, never, [typeof AXNotificationComponent], [typeof AXNotificationComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXNotificationModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNotificationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXNotificationModule, never, [typeof AXNotificationComponent], [typeof AXNotificationComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXNotificationModule>;
 }
 
 declare class AXNotificationService {
-    private dialog;
+    private overlayService;
     private translationService;
     private defaultConfig;
     private activeNotifications;
     private reservedNotifications;
-    private notificationCounterElement;
+    private notificationCounterRef;
     private moreNotificationsColor;
     private moreNotificationsLocation;
     private reserveCounter;
@@ -116,14 +130,15 @@ declare class AXNotificationService {
     hideAll(): void;
     private handleShowReservedNotification;
     private handleReservedNotificationCounter;
-    private createReservedCounternotification;
+    private createReservedCounterNotification;
+    private positionNotification;
     private reposition;
     private getRepositionPosition;
+    private applyRepositionPosition;
     private getPosition;
-    private getPositionStrategy;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXNotificationService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXNotificationService>;
 }
 
 export { AXNotificationComponent, AXNotificationDefaultConfig, AXNotificationModule, AXNotificationService, AX_NOTIFICATION_CONFIG, notificationConfig };
-export type { AXNotificationButtonItem, AXNotificationConfig, AXNotificationContentType, AXNotificationData, AXNotificationOptions, AXNotificationRef, PartialNotificationConfig };
+export type { AXNotificationButtonItem, AXNotificationConfig, AXNotificationContentType, AXNotificationData, AXNotificationInternalRef, AXNotificationOptions, AXNotificationRef, PartialNotificationConfig };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.1-next.3",
+  "version": "21.0.1-next.30",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.3",
-    "@acorex/cdk": "21.0.1-next.3",
+    "@acorex/core": "21.0.1-next.30",
+    "@acorex/cdk": "21.0.1-next.30",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",

package/paint/index.d.ts

@@ -98,11 +98,6 @@ declare class AXPaintViewComponent implements OnDestroy {
     protected hostElem: ElementRef<any>;
     /** @ignore */
     private resizeEvent;
-    /**
-     * Specifies the class that pass to component.
-     *
-     */
-    readonly customClass: _angular_core.InputSignal<string>;
     readonly paintBackgroundColor: _angular_core.InputSignal<"black" | "white">;
     /** @ignore */
     protected canvasElem: _angular_core.Signal<ElementRef<HTMLCanvasElement>>;
@@ -134,7 +129,7 @@ declare class AXPaintViewComponent implements OnDestroy {
     getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
     get __hostClass(): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPaintToolsSelectorComponent {

package/phone-box/index.d.ts

@@ -1,6 +1,6 @@
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
-import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXInputBaseValueComponent, MXLookComponent, AXValueChangedEvent, AXDataSource } from '@acorex/cdk/common';
 import { CountryItem } from '@acorex/core/constants';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -56,7 +56,8 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
     /** @ignore */
     protected selectedCountry: _angular_core.WritableSignal<CountryItem>;
     /** @ignore */
-    protected _handleModelChange(value: string | null): void;
+    protected _handleModelChange(e: AXValueChangedEvent<any>): void;
+    protected internalValueChanged(value: any): void;
     /** @ignore */
     protected dataSource: AXDataSource<CountryItem>;
     /** @ignore */
@@ -74,16 +75,20 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
      * @returns void - No return value. Updates the internal countries list.
      */
     setCountries(): void;
+    protected handleKeyDown(e: KeyboardEvent): void;
+    private parsePhoneNumber;
     /**
-     * Sets the default selected country based on the provided country code or the first country in the list.
+     * Formats a national phone number according to the country's format pattern.
+     * The format pattern uses '0' as digit placeholders and preserves other characters (like spaces).
      *
-     * @returns void - No return value. Updates the selected country.
+     * @param number - The raw national number (digits only)
+     * @param format - The country's phone number format pattern (e.g., '000 000 0000')
+     * @returns The formatted national number with spaces according to the format
      */
-    setDefaultValue(): void;
-    protected handleKeyDown(e: KeyboardEvent): void;
-    private parsePhoneNumber;
+    private formatNationalNumber;
     /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
+    private removeValidation;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "country": "countryChange"; }, never, ["ax-validation-rule", "ax-clear-button "], true, never>;