@acorex/components 21.0.1-next.12 → 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.12",
+  "version": "21.0.1-next.13",
   "peerDependencies": {
-    "@acorex/core": "21.0.1-next.12",
-    "@acorex/cdk": "21.0.1-next.12",
+    "@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",
@@ -137,14 +137,14 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
-    "./color-palette": {
-      "types": "./color-palette/index.d.ts",
-      "default": "./fesm2022/acorex-components-color-palette.mjs"
-    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "default": "./fesm2022/acorex-components-color-box.mjs"
     },
+    "./color-palette": {
+      "types": "./color-palette/index.d.ts",
+      "default": "./fesm2022/acorex-components-color-palette.mjs"
+    },
     "./command": {
       "types": "./command/index.d.ts",
       "default": "./fesm2022/acorex-components-command.mjs"
@@ -217,18 +217,22 @@
       "types": "./editor/index.d.ts",
       "default": "./fesm2022/acorex-components-editor.mjs"
     },
-    "./flow-chart": {
-      "types": "./flow-chart/index.d.ts",
-      "default": "./fesm2022/acorex-components-flow-chart.mjs"
-    },
     "./file-explorer": {
       "types": "./file-explorer/index.d.ts",
       "default": "./fesm2022/acorex-components-file-explorer.mjs"
     },
+    "./flow-chart": {
+      "types": "./flow-chart/index.d.ts",
+      "default": "./fesm2022/acorex-components-flow-chart.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/acorex-components-form.mjs"
     },
+    "./grid-layout-builder": {
+      "types": "./grid-layout-builder/index.d.ts",
+      "default": "./fesm2022/acorex-components-grid-layout-builder.mjs"
+    },
     "./image": {
       "types": "./image/index.d.ts",
       "default": "./fesm2022/acorex-components-image.mjs"
@@ -241,10 +245,6 @@
       "types": "./json-viewer/index.d.ts",
       "default": "./fesm2022/acorex-components-json-viewer.mjs"
     },
-    "./grid-layout-builder": {
-      "types": "./grid-layout-builder/index.d.ts",
-      "default": "./fesm2022/acorex-components-grid-layout-builder.mjs"
-    },
     "./kanban": {
       "types": "./kanban/index.d.ts",
       "default": "./fesm2022/acorex-components-kanban.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 */