@acorex/components 21.0.1-next.11 → 21.0.1-next.13

package/loading-dialog/index.d.ts

@@ -1,9 +1,8 @@
 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 { OnInit, WritableSignal } from '@angular/core';
+import { WritableSignal } from '@angular/core';
 
 interface AXLoadingDialogConfig {
     title: string;
@@ -29,36 +28,22 @@ interface AXLoadingDialogButtonItem {
         handled?: boolean;
     }) => void;
 }
-interface AXLoadingDialogRef {
+interface AXDialogRef {
     close(): void;
-    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;
+    setProgressValue(value: number): any;
+    setProgressText(text: string): any;
+    setDialogTitle(text: string): any;
+    setProgressColor(color: AXStyleColorType): any;
+    setProgressStatus(status: string): any;
 }
 
 /**
  * Represents a loading dialog component with custom styles and encapsulation.
  * @category components
  */
-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>;
+declare class AXLoadingDialogComponent extends MXBaseComponent {
+    data: AXLoadingDialogConfig;
+    private dialogRef;
     /** @ignore */
     protected progressText: WritableSignal<string>;
     /** @ignore */
@@ -69,7 +54,6 @@ declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit
     protected dialogTitle: WritableSignal<string>;
     /** @ignore */
     protected progressValue: WritableSignal<number>;
-    ngOnInit(): void;
     /**
      * Closes the loading dialog.
      *
@@ -116,7 +100,7 @@ declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit
     /** @ignore */
     protected _hasAutoFocus(button: AXLoadingDialogButtonItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDialogComponent, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, {}, {}, never, never, true, never>;
 }
 
 declare class AXLoadingDialogModule {
@@ -126,17 +110,17 @@ declare class AXLoadingDialogModule {
 }
 
 declare class AXLoadingDialogService {
-    private overlayService;
+    private dialog;
     /**
      * Opens a loading dialog with the specified configuration.
      *
      * @param options Configuration for the loading dialog, including title, progress mode, and optional initial values.
-     * @returns AXLoadingDialogRef - A reference with helper methods to control the dialog lifecycle and UI (close, setProgressValue, setProgressText, setDialogTitle, setProgressColor, setProgressStatus).
+     * @returns AXDialogRef - A reference with helper methods to control the dialog lifecycle and UI (close, setProgressValue, setProgressText, setDialogTitle, setProgressColor, setProgressStatus).
      */
-    show(options: AXLoadingDialogConfig): AXLoadingDialogRef;
+    show(options: AXLoadingDialogConfig): AXDialogRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingDialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXLoadingDialogService>;
 }
 
 export { AXLoadingDialogComponent, AXLoadingDialogModule, AXLoadingDialogService };
-export type { AXDialogRef, AXLoadingDialogButtonItem, AXLoadingDialogConfig, AXLoadingDialogInternalRef, AXLoadingDialogRef };
+export type { AXDialogRef, AXLoadingDialogButtonItem, AXLoadingDialogConfig };

package/menu/index.d.ts

@@ -65,8 +65,6 @@ declare class AXContextMenuComponent extends NXComponent {
     private renderer;
     private document;
     private platformID;
-    private zIndexService;
-    private zToken;
     /** @ignore */
     constructor();
     ngOnDestroy(): void;
@@ -129,8 +127,6 @@ 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,8 +33,6 @@ 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 {
@@ -43,7 +41,6 @@ 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>;
 }
@@ -120,10 +117,6 @@ 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,9 +1,10 @@
-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';
+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';
 
-type AXNotificationContentType = string | TemplateRef<unknown> | Type<unknown>;
+type AXNotificationContentType = string | TemplateRef<unknown> | ComponentType<unknown>;
 interface AXNotificationButtonItem {
     color?: AXStyleColorType;
     look?: AXStyleLookType;
@@ -42,16 +43,6 @@ 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
@@ -59,40 +50,33 @@ interface AXNotificationInternalRef {
  * @category Components
  */
 declare class AXNotificationComponent extends MXBaseComponent implements OnInit {
-    /** Notification configuration data */
-    config: _angular_core.InputSignal<AXNotificationData>;
-    /** @internal Callback function to close the notification */
-    onClose: _angular_core.InputSignal<() => void>;
-    private notificationService;
+    config: AXNotificationData;
+    dialogRef: DialogRef<AXComponentCloseEvent, unknown>;
     /** @ignore */
-    protected _icon: string;
+    _selectedPortal: Portal<unknown>;
+    /** @ignore */
+    _icon: string;
     private intervalId;
     private isPaused;
-    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>;
+    protected remainingTime: i0.WritableSignal<number>;
+    protected transitionDuration: i0.WritableSignal<number>;
     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 notification.
+     * Closes the dialog and provides the component and HTML element for reference.
      */
     close(): void;
-    /**
-     * 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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNotificationComponent, "ax-notification", never, {}, {}, never, never, true, never>;
 }
 
 interface AXNotificationConfig {
@@ -110,18 +94,18 @@ type PartialNotificationConfig = Partial<AXNotificationConfig>;
 declare function notificationConfig(config?: PartialNotificationConfig): AXNotificationConfig;
 
 declare class 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>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNotificationModule, never, [typeof AXNotificationComponent], [typeof AXNotificationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXNotificationModule>;
 }
 
 declare class AXNotificationService {
-    private overlayService;
+    private dialog;
     private translationService;
     private defaultConfig;
     private activeNotifications;
     private reservedNotifications;
-    private notificationCounterRef;
+    private notificationCounterElement;
     private moreNotificationsColor;
     private moreNotificationsLocation;
     private reserveCounter;
@@ -130,15 +114,14 @@ declare class AXNotificationService {
     hideAll(): void;
     private handleShowReservedNotification;
     private handleReservedNotificationCounter;
-    private createReservedCounterNotification;
-    private positionNotification;
+    private createReservedCounternotification;
     private reposition;
     private getRepositionPosition;
-    private applyRepositionPosition;
     private getPosition;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNotificationService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXNotificationService>;
+    private getPositionStrategy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXNotificationService>;
 }
 
 export { AXNotificationComponent, AXNotificationDefaultConfig, AXNotificationModule, AXNotificationService, AX_NOTIFICATION_CONFIG, notificationConfig };
-export type { AXNotificationButtonItem, AXNotificationConfig, AXNotificationContentType, AXNotificationData, AXNotificationInternalRef, AXNotificationOptions, AXNotificationRef, PartialNotificationConfig };
+export type { AXNotificationButtonItem, AXNotificationConfig, AXNotificationContentType, AXNotificationData, AXNotificationOptions, AXNotificationRef, PartialNotificationConfig };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.0.1-next.11",
+  "version": "21.0.1-next.13",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.11",
-    "@acorex/cdk": "21.0.1-next.11",
+    "@acorex/core": "21.0.1-next.13",
+    "@acorex/cdk": "21.0.1-next.13",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
@@ -241,14 +241,14 @@
       "types": "./image-editor/index.d.ts",
       "default": "./fesm2022/acorex-components-image-editor.mjs"
     },
-    "./kanban": {
-      "types": "./kanban/index.d.ts",
-      "default": "./fesm2022/acorex-components-kanban.mjs"
-    },
     "./json-viewer": {
       "types": "./json-viewer/index.d.ts",
       "default": "./fesm2022/acorex-components-json-viewer.mjs"
     },
+    "./kanban": {
+      "types": "./kanban/index.d.ts",
+      "default": "./fesm2022/acorex-components-kanban.mjs"
+    },
     "./kbd": {
       "types": "./kbd/index.d.ts",
       "default": "./fesm2022/acorex-components-kbd.mjs"

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/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 { AXComponentType } from '@acorex/core/components';
+import { ComponentType } from '@angular/cdk/portal';
 import * as i1 from '@angular/common';
 
 type AXPopoverOpenTrigger = 'manual' | 'click' | 'hover' | 'toggle';
@@ -11,19 +11,27 @@ type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
  * A popover component with custom encapsulation and change detection settings.
  */
 declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
-    private platform;
+    #private;
     private document;
     private platformID;
-    private overlayService;
-    private onKeyDownHandler;
+    private renderer;
+    private onKeyDownListenerFn;
+    /** @ignore */
+    private _platform;
+    /** @ignore */
+    private _overlay;
     /** @ignore */
     private _overlayRef;
     /** @ignore */
+    private _isMouseOverButton;
+    /** @ignore */
+    private _isMouseOverTooltip;
+    /** @ignore */
     private _lastActiveElement;
     /** @ignore */
     private _targetEvents;
     /** @ignore */
-    private _outsideClickHandler;
+    private _overlayEvents;
     /** @ignore */
     private resizeObserver;
     /** @ignore */
@@ -68,7 +76,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     set target(v: Element | ElementRef | MXBaseComponent);
     /** @ignore */
-    private _defaultPlacements;
+    private _defautPlacements;
     /** @ignore */
     private _placements;
     /** @ignore */
@@ -82,11 +90,13 @@ 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> | null;
+    get componentRef(): ComponentRef<unknown>;
     /**
      * Holds the context data for the component.
      */
@@ -96,7 +106,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> | AXComponentType<unknown>;
+    content: TemplateRef<unknown> | ComponentType<unknown>;
     /** @ignore */
     private _openOn;
     /**
@@ -115,6 +125,7 @@ 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);
     /**
@@ -134,7 +145,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      */
     backdropClass: string;
     /**
-     * CSS class to apply to the panel element.
+     * CSS class to apply to the backdrop element.
      */
     panelClass: string;
     /**
@@ -156,6 +167,10 @@ 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;
@@ -163,8 +178,6 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private bindOverlayEvents;
     /** @ignore */
     private removeOverlayEvents;
-    /** @ignore */
-    private handleOverlayDisposed;
     /**
      * Toggles the component's open state.
      */
@@ -176,11 +189,7 @@ 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(): Promise<void>;
-    /** @ignore */
-    private addKeyDownListener;
-    /** @ignore */
-    private removeKeyDownListener;
+    open(): void;
     /** @ignore */
     private saveFocus;
     /** @ignore */
@@ -198,6 +207,8 @@ 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.
@@ -207,10 +218,6 @@ 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,14 +1,17 @@
-import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
+import * as i5 from '@angular/cdk/portal';
+import { ComponentType, Portal, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs';
+import { TemplateRef, ViewContainerRef, StaticProvider, OnInit } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
-import * as i3 from '@acorex/components/decorators';
-import * as i4 from '@acorex/core/translation';
+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';
 
-type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
+type AXPopupContentType = TemplateRef<unknown> | ComponentType<unknown>;
 type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
 interface AXPopupConfig {
     title?: string;
@@ -16,9 +19,7 @@ interface AXPopupConfig {
     header?: boolean;
     maximizable?: boolean;
     size?: AXPopupSizeType;
-    /** @deprecated Use `inputs` instead to pass data to the popup component. */
     data?: unknown;
-    inputs?: unknown;
     draggable?: boolean;
     hasBackdrop?: boolean;
     backdropClass?: string;
@@ -38,76 +39,19 @@ 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 Popup is a component which displays content in a dialog overlay
+ * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
+declare class AXPopupComponent extends MXBaseComponent implements OnInit {
     private _zone;
+    private _viewContainerRef;
     private loadingService;
     private _platform;
-    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>;
+    protected data: AXPopupData;
+    private dialogRef;
     /**
      * Indicates whether the component is loading.
      * @defaultValue true
@@ -116,28 +60,19 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
     /** @ignore */
     private _loadingId;
     /** @ignore */
-    private _componentRef;
-    /** Current title */
-    protected title: i0.WritableSignal<string>;
-    /** @ignore */
-    protected isDragging: i0.WritableSignal<boolean>;
+    protected _selectedPortal: Portal<unknown>;
     /** @ignore */
-    protected dragOffset: i0.WritableSignal<{
-        x: number;
-        y: number;
-    }>;
+    protected _footerPortal: Portal<unknown>;
     /** @ignore */
-    private dragStartPos;
+    protected _headerPortal: Portal<unknown>;
     /** @ignore */
-    private elementStartPos;
+    private _componentRef;
     /** @ignore */
     ngOnInit(): void;
     /** @ignore */
-    private renderContent;
+    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     /** @ignore */
-    private handleContentRendered;
-    /** @ignore */
-    onKeydownHandler(): void;
+    onKeydownHandler(event: KeyboardEvent): void;
     /** @ignore */
     protected _handleCloseClick(): void;
     /** @ignore */
@@ -147,30 +82,17 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
      */
     focus(): void;
     /**
-     * Closes the popup, emitting component reference, host element, and optional data.
+     * Closes the dialog, 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, { "__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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopupComponent, "ax-popup", never, {}, {}, 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.AXDecoratorModule, typeof i4.AXTranslationModule, typeof AXPopupComponent], [typeof AXPopupComponent]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<AXPopupModule>;
 }
 
@@ -180,7 +102,8 @@ declare class AXPopupModule {
  * @category Components
  */
 declare class AXPopupService {
-    private stateService;
+    #private;
+    private dialog;
     /**
      *  Open popup 1
      */
@@ -193,5 +116,5 @@ declare class AXPopupService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPopupService>;
 }
 
-export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService, AXPopupStateService };
-export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupRef, AXPopupSizeType };
+export { AXPopupComponent, AXPopupModule, AXPopupService };
+export type { AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupSizeType };