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

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/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,33 +59,40 @@ interface AXNotificationRef {
  * @category Components
  */
 declare class AXNotificationComponent extends MXBaseComponent implements OnInit {
-    config: AXNotificationData;
-    dialogRef: DialogRef<AXComponentCloseEvent, unknown>;
+    /** Notification configuration data */
+    config: _angular_core.InputSignal<AXNotificationData>;
+    /** @internal Callback function to close the notification */
+    onClose: _angular_core.InputSignal<() => void>;
+    private notificationService;
     /** @ignore */
-    _selectedPortal: Portal<unknown>;
-    /** @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;
     /**
-     * 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 {
@@ -94,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;
@@ -114,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.7",
+  "version": "21.0.1-next.9",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.7",
-    "@acorex/cdk": "21.0.1-next.7",
+    "@acorex/core": "21.0.1-next.9",
+    "@acorex/cdk": "21.0.1-next.9",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -177,10 +177,6 @@
       "types": "./data-table/index.d.ts",
       "default": "./fesm2022/acorex-components-data-table.mjs"
     },
-    "./datetime-box": {
-      "types": "./datetime-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-datetime-box.mjs"
-    },
     "./datetime-input": {
       "types": "./datetime-input/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-input.mjs"
@@ -189,6 +185,10 @@
       "types": "./datetime-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-picker.mjs"
     },
+    "./datetime-box": {
+      "types": "./datetime-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-datetime-box.mjs"
+    },
     "./decorators": {
       "types": "./decorators/index.d.ts",
       "default": "./fesm2022/acorex-components-decorators.mjs"

package/paint/index.d.ts

@@ -98,6 +98,11 @@ 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>>;
@@ -129,7 +134,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, { "paintBackgroundColor": { "alias": "paintBackgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, 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>;
 }
 
 declare class AXPaintToolsSelectorComponent {

package/popover/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, ElementRef, ComponentRef, TemplateRef, EventEmitter } from '@angular/core';
 import { MXBaseComponent, AXPlacementType, AXEvent } from '@acorex/cdk/common';
-import { ComponentType } from '@angular/cdk/portal';
+import { AXComponentType } from '@acorex/core/components';
 import * as i1 from '@angular/common';
 
 type AXPopoverOpenTrigger = 'manual' | 'click' | 'hover' | 'toggle';
@@ -11,27 +11,19 @@ type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
  * A popover component with custom encapsulation and change detection settings.
  */
 declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
-    #private;
+    private platform;
     private document;
     private platformID;
-    private renderer;
-    private onKeyDownListenerFn;
-    /** @ignore */
-    private _platform;
-    /** @ignore */
-    private _overlay;
+    private overlayService;
+    private onKeyDownHandler;
     /** @ignore */
     private _overlayRef;
     /** @ignore */
-    private _isMouseOverButton;
-    /** @ignore */
-    private _isMouseOverTooltip;
-    /** @ignore */
     private _lastActiveElement;
     /** @ignore */
     private _targetEvents;
     /** @ignore */
-    private _overlayEvents;
+    private _outsideClickHandler;
     /** @ignore */
     private resizeObserver;
     /** @ignore */
@@ -76,7 +68,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set target(v: Element | ElementRef | MXBaseComponent);
     /** @ignore */
-    private _defautPlacements;
+    private _defaultPlacements;
     /** @ignore */
     private _placements;
     /** @ignore */
@@ -90,13 +82,11 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set placement(v: AXPlacementType);
     /** @ignore */
-    private _portal;
-    /** @ignore */
     private _componentRef;
     /**
      * Gets the reference to the component.
      */
-    get componentRef(): ComponentRef<unknown>;
+    get componentRef(): ComponentRef<unknown> | null;
     /**
      * Holds the context data for the component.
      */
@@ -106,7 +96,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Defines the content to be displayed, which can be a template or a component.
      */
-    content: TemplateRef<unknown> | ComponentType<unknown>;
+    content: TemplateRef<unknown> | AXComponentType<unknown>;
     /** @ignore */
     private _openOn;
     /**
@@ -125,7 +115,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     get closeOn(): AXPopoverCloseTrigger;
     /**
      * Sets the trigger for closing the popover and rebinds target events.
-     * @param v
      */
     set closeOn(v: AXPopoverCloseTrigger);
     /**
@@ -145,7 +134,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     backdropClass: string;
     /**
-     * CSS class to apply to the backdrop element.
+     * CSS class to apply to the panel element.
      */
     panelClass: string;
     /**
@@ -167,10 +156,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _emitOnClosedEvent;
     /** @ignore */
-    protected _handleMouseEnter(e: MouseEvent): void;
-    /** @ignore */
-    protected _handleMouseLeave(e: MouseEvent): void;
-    /** @ignore */
     private removeTargetEvents;
     /** @ignore */
     private bindTargetEvents;
@@ -178,6 +163,8 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private bindOverlayEvents;
     /** @ignore */
     private removeOverlayEvents;
+    /** @ignore */
+    private handleOverlayDisposed;
     /**
      * Toggles the component's open state.
      */
@@ -189,7 +176,11 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /**
      * Opens the component if it's not already open, saves focus, opens the overlay, and emits the opened event.
      */
-    open(): void;
+    open(): Promise<void>;
+    /** @ignore */
+    private addKeyDownListener;
+    /** @ignore */
+    private removeKeyDownListener;
     /** @ignore */
     private saveFocus;
     /** @ignore */
@@ -207,8 +198,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     get isActionsheetStyle(): boolean;
     /** @ignore */
-    private updatePositionStrategy;
-    /** @ignore */
     private updateOffset;
     /**
      * Updates the position of the overlay and focuses on it.
@@ -218,6 +207,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      * Focuses the overlay element.
      */
     focus(): void;
+    /**
+     * Brings this popover to the front of all other overlays.
+     */
+    bringToFront(): void;
     /** @ignore */
     private initializeResizeObserver;
     /** @ignore */

package/popup/index.d.ts

@@ -1,17 +1,14 @@
-import * as i5 from '@angular/cdk/portal';
-import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
+import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, StaticProvider, OnInit } from '@angular/core';
+import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
 import * as i2 from '@acorex/cdk/common';
 import { MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
-import * as i3 from '@angular/cdk/drag-drop';
-import * as i4 from '@angular/cdk/a11y';
-import * as i6 from '@acorex/components/decorators';
-import * as i7 from '@angular/cdk/dialog';
-import * as i8 from '@acorex/core/translation';
+import * as i3 from '@acorex/components/decorators';
+import * as i4 from '@acorex/core/translation';
 
-type AXPopupContentType = TemplateRef<unknown> | ComponentType<unknown>;
+type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
 type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
 interface AXPopupConfig {
     title?: string;
@@ -39,19 +36,77 @@ interface AXPopupData {
     draggable: boolean;
     content: AXPopupContentType;
 }
+interface AXPopupRef<TResult = any> {
+    close: (data?: TResult) => void;
+    setInputs: (values: AXComponentInputs) => void;
+    setTitle: (title: string) => void;
+    /** Brings this popup to the front of all other overlays */
+    bringToFront: () => void;
+    onClose: Subject<TResult>;
+}
+declare abstract class AXPopupComponentBase {
+    __popup__: i0.InputSignal<AXPopupRef<any>>;
+    close(data?: any): void;
+    setTitle(title: string): void;
+    bringToFront(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupComponentBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPopupComponentBase, never, never, { "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXPopupStateService {
+    private popupList;
+    private overlayService;
+    /**
+     * Opens a popup with the specified content and configuration.
+     * @param content - Component or template to display
+     * @param config - Configuration options for the popup
+     * @returns Promise<AXPopupRef> - Reference to the opened popup
+     */
+    open<TResult = any>(content: AXPopupContentType, config: AXPopupConfig): Promise<AXPopupRef<TResult>>;
+    /**
+     * Closes a popup by its ID.
+     * @param id - The popup ID to close
+     * @param data - Optional data to pass to the close event
+     */
+    close<TResult = any>(id: number, data?: TResult): Promise<void>;
+    /**
+     * Sets input values for a popup by its ID.
+     * @param id - The popup ID
+     * @param values - Object containing input values to set
+     */
+    setInputs(id: number, values: AXComponentInputs): Promise<void>;
+    /**
+     * Sets the title for a popup by its ID.
+     * @param id - The popup ID
+     * @param title - The new title
+     */
+    setTitle(id: number, title: string): Promise<void>;
+    /**
+     * Brings a popup to the front of all other overlays.
+     * @param id - The popup ID to bring to front
+     */
+    bringToFront(id: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupStateService>;
+}
 
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
+ * The Popup is a component which displays content in a dialog overlay
  *
  * @category Components
  */
-declare class AXPopupComponent extends MXBaseComponent implements OnInit {
+declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
     private _zone;
-    private _viewContainerRef;
+    private _document;
     private loadingService;
     private _platform;
-    protected data: AXPopupData;
-    private dialogRef;
+    private componentService;
+    private contentContainerRef;
+    private contentContainerEl;
+    readonly __content__: i0.InputSignal<AXPopupContentType>;
+    readonly __config__: i0.InputSignal<AXPopupConfig>;
+    readonly __popupRef__: i0.InputSignal<AXPopupRef<any>>;
+    readonly __id__: i0.InputSignal<number>;
     /**
      * Indicates whether the component is loading.
      * @defaultValue true
@@ -60,19 +115,28 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit {
     /** @ignore */
     private _loadingId;
     /** @ignore */
-    protected _selectedPortal: Portal<unknown>;
+    private _componentRef;
+    /** Current title */
+    protected title: i0.WritableSignal<string>;
     /** @ignore */
-    protected _footerPortal: Portal<unknown>;
+    protected isDragging: i0.WritableSignal<boolean>;
     /** @ignore */
-    protected _headerPortal: Portal<unknown>;
+    protected dragOffset: i0.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
     /** @ignore */
-    private _componentRef;
+    private dragStartPos;
+    /** @ignore */
+    private elementStartPos;
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
-    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
+    private renderContent;
     /** @ignore */
-    onKeydownHandler(event: KeyboardEvent): void;
+    private handleContentRendered;
+    /** @ignore */
+    onKeydownHandler(): void;
     /** @ignore */
     protected _handleCloseClick(): void;
     /** @ignore */
@@ -82,17 +146,30 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit {
      */
     focus(): void;
     /**
-     * Closes the dialog, emitting component reference, host element, and optional data.
+     * Closes the popup, emitting component reference, host element, and optional data.
      * @param {unknown} [data]
      */
     close(data?: unknown): void;
+    /**
+     * Sets inputs on the content component.
+     * @param values - Object containing input values to set
+     */
+    setContentInputs(values: AXComponentInputs): void;
+    /**
+     * Sets the popup title.
+     * @param title - The new title
+     */
+    setTitle(title: string): void;
+    protected onDragStart(event: MouseEvent): void;
+    onDragMove(event: MouseEvent): void;
+    onDragEnd(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, { "__content__": { "alias": "__content__"; "required": false; "isSignal": true; }; "__config__": { "alias": "__config__"; "required": false; "isSignal": true; }; "__popupRef__": { "alias": "__popupRef__"; "required": false; "isSignal": true; }; "__id__": { "alias": "__id__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPopupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.PortalModule, typeof i6.AXDecoratorModule, typeof i7.DialogModule, typeof i8.AXTranslationModule, typeof AXPopupComponent], [typeof AXPopupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPopupModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.AXDecoratorModule, typeof i4.AXTranslationModule, typeof AXPopupComponent], [typeof AXPopupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
 }
 
@@ -102,8 +179,7 @@ declare class AXPopupModule {
  * @category Components
  */
 declare class AXPopupService {
-    #private;
-    private dialog;
+    private stateService;
     /**
      *  Open popup 1
      */
@@ -116,5 +192,5 @@ declare class AXPopupService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
 }
 
-export { AXPopupComponent, AXPopupModule, AXPopupService };
-export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupSizeType };
+export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService, AXPopupStateService };
+export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupRef, AXPopupSizeType };