@acorex/components 22.1.7 → 22.2.0-next.0

package/types/acorex-components-message-status.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import * as i1 from '@angular/common';
+
+type MessageStatus = 'pending' | 'send' | 'delivered' | 'failed';
+
+declare class AXMessageStatusComponent {
+    #private;
+    status: i0.InputSignal<MessageStatus>;
+    private sanetizer;
+    protected htmlContent: i0.WritableSignal<SafeHtml>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMessageStatusComponent, "ax-message-status", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXMessageStatusModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageStatusModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMessageStatusModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXMessageStatusModule>;
+}
+
+export { AXMessageStatusComponent, AXMessageStatusModule };
+export type { MessageStatus };

package/types/acorex-components-message-time.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i1 from '@angular/common';
+
+declare class AXMessageTimeComponent implements OnInit {
+    constructor();
+    time: i0.InputSignal<string>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageTimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMessageTimeComponent, "ax-message-time", never, { "time": { "alias": "time"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXMessageTimeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageTimeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMessageTimeModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXMessageTimeModule>;
+}
+
+export { AXMessageTimeComponent, AXMessageTimeModule };

package/types/acorex-components-message.d.ts

@@ -0,0 +1,59 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { AXMenuItem, AXContextMenuOpeningEvent, AXContextMenuItemsClickEvent } from '@acorex/components/menu';
+import { AXEmoji } from '@acorex/core/constants';
+import { MessageStatus } from '@acorex/components/message-status';
+
+type AXMessageLayout = 'ping-pong' | 'stack';
+type AXBubbleTail = 'none' | 'start' | 'end';
+/** @deprecated Use AXMessageLayout. Kept for backward compatibility in data models. */
+type AXMessageAlign = 'start' | 'end';
+interface AXMessageTemplateContext<T> {
+    $implicit: T;
+}
+
+declare class AXMessageComponent<T = unknown> {
+    templateData: _angular_core.InputSignal<T>;
+    itemTemplate: _angular_core.InputSignal<TemplateRef<AXMessageTemplateContext<T>>>;
+    layout: _angular_core.InputSignal<AXMessageLayout>;
+    /** Own message: aligned end in ping-pong and styled via inner ax-bubble. */
+    isown: _angular_core.InputSignal<boolean>;
+    text: _angular_core.InputSignal<string>;
+    avatarSrc: _angular_core.InputSignal<string>;
+    avatarSize: _angular_core.InputSignal<number>;
+    showAvatar: _angular_core.InputSignal<boolean>;
+    status: _angular_core.InputSignal<MessageStatus>;
+    time: _angular_core.InputSignal<string>;
+    /** Quick reactions shown in the context menu header. */
+    quickReactions: _angular_core.InputSignal<readonly AXEmoji[]>;
+    /** Context menu action items. Parent can also append via `contextMenuOpening`. */
+    contextMenuItems: _angular_core.InputSignal<readonly AXMenuItem[]>;
+    /** Whether right-click context menu is enabled on the bubble. */
+    contextMenuEnabled: _angular_core.InputSignal<boolean>;
+    /** Emoji size in pixels inside the context menu reaction bar. */
+    reactionSize: _angular_core.InputSignal<number>;
+    /** Emits when a quick reaction or picker emoji is selected from the context menu. */
+    reactionSelected: _angular_core.OutputEmitterRef<AXEmoji>;
+    /** Emits while the context menu opens so the parent can customize `event.items`. */
+    contextMenuOpening: _angular_core.OutputEmitterRef<AXContextMenuOpeningEvent>;
+    /** Emits when a context menu action item is clicked. */
+    menuItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
+    private readonly contextMenu;
+    protected readonly hasTemplate: _angular_core.Signal<boolean>;
+    protected readonly showReactionBar: _angular_core.Signal<boolean>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    protected onContextMenuOpening(event: AXContextMenuOpeningEvent): void;
+    protected onReactionSelected(emoji: AXEmoji): void;
+    protected onMenuItemClick(event: AXContextMenuItemsClickEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMessageComponent<any>, "ax-message", never, { "templateData": { "alias": "templateData"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "isown": { "alias": "isown"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showAvatar": { "alias": "showAvatar"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "quickReactions": { "alias": "quickReactions"; "required": false; "isSignal": true; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; "isSignal": true; }; "contextMenuEnabled": { "alias": "contextMenuEnabled"; "required": false; "isSignal": true; }; "reactionSize": { "alias": "reactionSize"; "required": false; "isSignal": true; }; }, { "reactionSelected": "reactionSelected"; "contextMenuOpening": "contextMenuOpening"; "menuItemClick": "menuItemClick"; }, never, ["*"], true, never>;
+}
+
+declare class AXMessageModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXMessageModule, never, [typeof AXMessageComponent], [typeof AXMessageComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMessageModule>;
+}
+
+export { AXMessageComponent, AXMessageModule };
+export type { AXBubbleTail, AXMessageAlign, AXMessageLayout, AXMessageTemplateContext };

package/types/acorex-components-notification.d.ts

@@ -147,7 +147,7 @@ declare class AXNotificationService {
     private applyRepositionPosition;
     private getPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNotificationService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXNotificationService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXNotificationComponent, AXNotificationDefaultConfig, AXNotificationModule, AXNotificationService, AX_NOTIFICATION_CONFIG, notificationConfig };

package/types/acorex-components-number-box.d.ts

@@ -10,7 +10,7 @@ import * as i4 from '@acorex/components/decorators';
 declare const AXNumberBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * The NumberBox is a component which detects user interaction and triggers a corresponding event
@@ -50,6 +50,7 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
     protected handleUpClick(): void;
     protected handleDownClick(): void;
     protected handleOnMaskChanged(e: AXInputMaskEvent): void;
+    protected handleOnBlurEvent(e: FocusEvent): void;
     protected onWheel(event: WheelEvent): void;
     reset(): void;
     private get __hostName();

package/types/acorex-components-otp.d.ts

@@ -11,7 +11,7 @@ declare class AXOtpCompletedEvent extends AXEvent {
 declare const AXOtpComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * @category

package/types/acorex-components-page.d.ts

@@ -19,7 +19,7 @@ declare class AXBasePageComponent extends MXBaseComponent implements OnDestroy {
     onClosing(e: AXComponentClosing): void | Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBasePageComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXBasePageComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare abstract class AXPageComponent extends MXBaseComponent {
@@ -46,7 +46,7 @@ declare abstract class AXPageComponent extends MXBaseComponent {
      */
     set isLoading(v: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPageComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPageComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXPageModule {

package/types/acorex-components-paint.d.ts

@@ -20,13 +20,13 @@ declare class AXPaintService {
     toggleClear: _angular_core.WritableSignal<boolean>;
     activeToolState: _angular_core.WritableSignal<"pen" | "highlight" | "eraser">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPaintService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare const AXPaintContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * paint container.

package/types/acorex-components-password-box.d.ts

@@ -12,7 +12,7 @@ import * as i7 from '@acorex/core/translation';
 declare const AXPasswordBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * A specialized input field designed for securely capturing user passwords. It incorporates essential features to enhance usability, accessibility, and security while maintaining a user-friendly interface. The component extends MXInputBaseValueComponent and MXLookComponent to provide comprehensive input functionality with visual styling options.

package/types/acorex-components-phone-box.d.ts

@@ -14,7 +14,7 @@ import * as i8 from '@acorex/components/text-box';
 declare const AXPhoneBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * @category

package/types/acorex-components-popover.d.ts

@@ -33,6 +33,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _scrollActivationFrame;
     /** @ignore */
+    private _leaveCloseTimer;
+    /** @ignore */
+    private _overlayLeaveEvents;
+    /** @ignore */
     private resizeObserver;
     /** @ignore */
     private resize$;
@@ -148,6 +152,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
      * Scrolling within the popover (or any nested overlay) will not close it.
      */
     closeOnScroll: boolean;
+    /**
+     * Whether to close the popover when the application navigates to another route.
+     */
+    closeOnNavigation: boolean;
     /**
      * CSS class to apply to the backdrop element.
      */
@@ -181,6 +189,10 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private bindOverlayEvents;
     /** @ignore */
+    private clearLeaveCloseTimer;
+    /** @ignore */
+    private scheduleLeaveClose;
+    /** @ignore */
     private removeOverlayEvents;
     /** @ignore */
     private setupScrollListener;
@@ -251,7 +263,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disablePanelClass": { "alias": "disablePanelClass"; "required": false; "isSignal": true; }; "visualContextScope": { "alias": "visualContextScope"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disablePanelClass": { "alias": "disablePanelClass"; "required": false; "isSignal": true; }; "visualContextScope": { "alias": "visualContextScope"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "closeOnNavigation": { "alias": "closeOnNavigation"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }
 
 declare class AXPopoverModule {

package/types/acorex-components-popup.d.ts

@@ -1,29 +1,68 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ViewContainerRef, StaticProvider, ElementRef, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, ViewContainerRef, StaticProvider, Signal, ElementRef, OnInit, OnDestroy } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { NXComponent, MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
+import { AXDropListDroppedEvent } from '@acorex/cdk/drag-drop';
+import { AXResizeHandle } from '@acorex/cdk/resizable';
+import { AXOverlayAnimation } from '@acorex/cdk/overlay';
 import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
 import { Subject } from 'rxjs';
+import * as _acorex_components_popup from '@acorex/components/popup';
 import * as i1 from '@angular/common';
-import * as i3 from '@acorex/components/decorators';
-import * as i4 from '@acorex/core/translation';
+import * as i3 from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import * as i5 from '@acorex/core/translation';
 
-declare class AXPopupFooterComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPopupFooterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPopupFooterComponent, "ax-popup-footer", never, {}, {}, never, ["ax-prefix", "ax-suffix", "*"], true, never>;
+type AXPopupCaptionIconName = 'minimize' | 'maximize' | 'restore' | 'close';
+/**
+ * Windows-style window caption glyphs: minimize, maximize, restore, close.
+ */
+declare class AXPopupCaptionIconComponent {
+    name: _angular_core.InputSignal<AXPopupCaptionIconName>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPopupCaptionIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPopupCaptionIconComponent, "ax-popup-caption-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown> | HTMLElement;
 type AXPopupSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';
 type AXPopupMinimizePosition = 'bottom-right' | 'bottom-left';
+type AXPopupWindowState = 'normal' | 'minimized' | 'maximized';
 interface AXPopupButtonsConfig {
     minimize?: {
         enable: boolean;
         position: AXPopupMinimizePosition;
+        /**
+         * Name of an `<ax-popup-dock>` that should host this popup when minimized.
+         * Falls back to the built-in bottom bar when no matching dock is registered.
+         * @defaultValue 'default'
+         */
+        dock?: string;
     };
     maximize?: boolean;
     close?: boolean;
 }
+interface AXPopupResizableConfig {
+    handles?: AXResizeHandle[];
+    minWidth?: number;
+    minHeight?: number;
+    /** Defaults to the viewport width when unset. */
+    maxWidth?: number;
+    /** Defaults to the viewport height when unset. */
+    maxHeight?: number;
+    lockAspectRatio?: boolean;
+    dblClickAction?: 'reset' | 'maximize' | 'fit';
+}
+declare const AX_POPUP_DEFAULT_RESIZE_HANDLES: AXResizeHandle[];
+interface AXPopupResolvedResizableConfig {
+    enable: boolean;
+    handles: AXResizeHandle[];
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number | null;
+    maxHeight: number | null;
+    lockAspectRatio: boolean;
+    dblClickAction: 'reset' | 'maximize' | 'fit';
+}
 interface AXPopupConfig {
     title?: string;
     /** Flat alias; overridden by `buttons.close` when set. */
@@ -37,6 +76,8 @@ interface AXPopupConfig {
     data?: unknown;
     inputs?: unknown;
     draggable?: boolean;
+    /** Enable drag handles on the popup window. `true` uses defaults; pass an object to customize. */
+    resizable?: boolean | AXPopupResizableConfig;
     hasBackdrop?: boolean;
     backdropClass?: string;
     closeOnBackdropClick?: boolean;
@@ -46,6 +87,14 @@ interface AXPopupConfig {
     viewContainerRef?: ViewContainerRef;
     providers?: StaticProvider[];
     panelClass?: string[];
+    /**
+     * Overlay enter/leave animation applied to the popup window, not the full-screen container.
+     * - omitted / `true`: default fade in and fade out
+     * - `false` or `[]`: no animation
+     * - `string[]`: custom enter classes
+     * - `{ enter, leave }`: custom enter and leave classes
+     */
+    animation?: AXOverlayAnimation;
     direction?: 'rtl' | 'ltr';
     /** Window chrome buttons. Individual fields override flat `closeButton` / `maximizable` when set. */
     buttons?: AXPopupButtonsConfig;
@@ -63,6 +112,12 @@ interface AXPopupConfig {
      * Density context. It does not affect overlay positioning.
      */
     contextElement?: HTMLElement | ElementRef<HTMLElement>;
+    /** Delay in ms before the real content is created. While waiting, a skeleton placeholder is shown. */
+    delay?: number;
+    /** Skeleton template rendered during `delay`. Falls back to a built-in ax-skeleton placeholder. */
+    skeletonTemplate?: TemplateRef<unknown>;
+    /** Animates the built-in skeleton placeholder. Ignored when `skeletonTemplate` is provided. */
+    skeletonAnimated?: boolean;
 }
 interface AXPopupData {
     title: string;
@@ -74,6 +129,15 @@ interface AXPopupData {
     draggable: boolean;
     content: AXPopupContentType;
 }
+interface AXPopupDockItem {
+    id: number;
+    title: Signal<string>;
+    data: unknown;
+    ref: AXPopupRef;
+    restore: () => void;
+    maximize: () => void;
+    close: () => void;
+}
 interface AXPopupRef<TResult = any> {
     close: (data?: TResult) => void;
     setInputs: (values: AXComponentInputs) => void;
@@ -84,13 +148,24 @@ interface AXPopupRef<TResult = any> {
     /** Brings this popup to the front of all other overlays */
     bringToFront: () => void;
     onClose: Subject<TResult>;
+    onStateChange: Subject<AXPopupWindowState>;
+    readonly state: Signal<AXPopupWindowState>;
+    readonly title: Signal<string>;
+    readonly isMinimized: Signal<boolean>;
+    readonly isMaximized: Signal<boolean>;
     /** The component instance rendered inside the popup (available after content is rendered) */
     componentInstance?: unknown;
     /** @internal Stack index among open popups (minimized bar positioning). */
     _getStackIndex?: () => number;
+    /** @internal */
+    _setState?: (state: AXPopupWindowState) => void;
 }
 declare abstract class AXPopupComponentBase {
     __popup__: _angular_core.InputSignal<AXPopupRef<any>>;
+    readonly popupState: Signal<AXPopupWindowState>;
+    readonly isMinimized: Signal<boolean>;
+    readonly isMaximized: Signal<boolean>;
+    readonly popupTitle: Signal<string>;
     close(data?: any): void;
     setTitle(title: string): void;
     minimize(): void;
@@ -108,7 +183,49 @@ declare function resolvePopupMaximizable(config?: AXPopupConfig | null): boolean
 declare function resolvePopupMinimize(config?: AXPopupConfig | null): {
     enable: boolean;
     position: AXPopupMinimizePosition;
+    dock: string;
 };
+/** Resolves resize config. Disabled for `size: 'full'` and when `resizable` is false/omitted. */
+declare function resolvePopupResizable(config?: AXPopupConfig | null): AXPopupResolvedResizableConfig;
+
+/**
+ * Page-hosted dock for minimized popups. Place it anywhere in the app; matching
+ * `buttons.minimize.dock` names send hidden windows here as reorderable tabs.
+ *
+ * @example
+ * ```html
+ * <ax-popup-dock name="taskbar">
+ *   <ng-template let-item>
+ *     <button axDragHandle (click)="item.restore()">{{ item.title() }}</button>
+ *     <button (click)="item.close()">Close</button>
+ *   </ng-template>
+ * </ax-popup-dock>
+ * ```
+ */
+declare class AXPopupDockComponent extends NXComponent {
+    private popupService;
+    /**
+     * Dock name matched against `buttons.minimize.dock`.
+     * @defaultValue 'default'
+     */
+    name: _angular_core.InputSignal<string>;
+    /**
+     * Layout of the tab strip.
+     * @defaultValue 'horizontal'
+     */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    protected itemTemplate: _angular_core.Signal<TemplateRef<any>>;
+    protected items: _angular_core.Signal<AXPopupDockItem[]>;
+    constructor();
+    protected onDropped(event: AXDropListDroppedEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPopupDockComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPopupDockComponent, "ax-popup-dock", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["itemTemplate"], never, true, never>;
+}
+
+declare class AXPopupFooterComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPopupFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPopupFooterComponent, "ax-popup-footer", never, {}, {}, never, ["ax-prefix", "ax-suffix", "*"], true, never>;
+}
 
 /**
  * Declarative popup host. Project content and call `open()` / `close()` on the component instance.
@@ -159,15 +276,16 @@ declare class AXPopupHostComponent extends NXComponent {
  * @category Components
  */
 declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {
+    #private;
     private _zone;
     private loadingService;
     private _platform;
-    private componentService;
-    private _router;
-    private _destroyRef;
+    private document;
     private contentContainerRef;
     private contentContainerEl;
+    private dragDir;
     private popupEl;
+    private projectedHandles;
     readonly __content__: _angular_core.InputSignal<AXPopupContentType>;
     readonly __config__: _angular_core.InputSignal<AXPopupConfig>;
     readonly __popupRef__: _angular_core.InputSignal<AXPopupRef<any>>;
@@ -180,41 +298,40 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
     /** @ignore */
     private _loadingId;
     /** @ignore */
+    private _delayTimer;
+    /** @ignore */
     private _componentRef;
+    protected showSkeleton: _angular_core.WritableSignal<boolean>;
+    protected skeletonTemplate: () => TemplateRef<unknown>;
     /** Current title */
     protected title: _angular_core.WritableSignal<string>;
-    /** @ignore */
-    protected isDragging: _angular_core.WritableSignal<boolean>;
-    /** @ignore */
-    protected dragOffset: _angular_core.WritableSignal<{
-        x: number;
-        y: number;
-    }>;
-    /** @ignore */
-    private dragStartPos;
-    /** @ignore */
-    private elementStartPos;
+    /** Clamps dragging to the viewport (`document.documentElement`). */
+    protected readonly dragBoundary: _angular_core.WritableSignal<HTMLElement>;
+    protected readonly dragDisabled: _angular_core.Signal<boolean>;
+    protected readonly resizeConfig: _angular_core.Signal<_acorex_components_popup.AXPopupResolvedResizableConfig>;
+    protected readonly resizeActive: _angular_core.Signal<boolean>;
+    protected readonly resizeEnabled: _angular_core.Signal<boolean>;
+    private readonly viewportSize;
+    protected readonly resizeMaxWidth: _angular_core.Signal<number>;
+    protected readonly resizeMaxHeight: _angular_core.Signal<number>;
+    private viewportResizeHandler;
     protected popupSizeState: _angular_core.WritableSignal<"minimize" | "normal">;
     protected fullScreenState: _angular_core.WritableSignal<boolean>;
     protected minimizeLeft: _angular_core.WritableSignal<string>;
     protected minimizeRight: _angular_core.WritableSignal<string>;
+    protected readonly minimizeSide: _angular_core.Signal<_acorex_components_popup.AXPopupMinimizePosition>;
     private fullscreenChangeHandler;
     protected closeEnabled: () => boolean;
     protected maximizeEnabled: () => boolean;
     protected minimizeEnabled: () => boolean;
+    constructor();
     /** @ignore */
     ngOnInit(): void;
-    /**
-     * Subscribes to router navigation events so the popup is closed automatically
-     * when the user navigates to another route. Enabled by default; disable via
-     * `closeOnNavigation: false` in the popup config.
-     * @ignore
-     */
-    private _setupCloseOnNavigation;
     /** @ignore */
     private renderContent;
     /** @ignore */
     private handleContentRendered;
+    private bindContentDragHandles;
     /** @ignore */
     onKeydownHandler(): void;
     /** @ignore */
@@ -230,7 +347,7 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
      */
     close(data?: unknown): void;
     /**
-     * Minimizes the popup to the bottom bar.
+     * Minimizes the popup. Routes through the popup ref so a registered dock can host the tab.
      */
     minimize(): void;
     /**
@@ -241,6 +358,27 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
      * Restores the popup from minimized or fullscreen state.
      */
     restore(): void;
+    /**
+     * Applies the minimized visual. When `docked` is true the overlay is hidden by the service
+     * and the window stays at normal size for the next restore.
+     * @internal
+     */
+    enterMinimized(docked: boolean): void;
+    /**
+     * Restores the window from the legacy bottom bar.
+     * @internal
+     */
+    exitMinimized(): void;
+    /**
+     * Enters or toggles the Fullscreen API on the popup element.
+     * @internal
+     */
+    enterMaximized(): void;
+    /**
+     * Leaves fullscreen.
+     * @internal
+     */
+    exitMaximized(): void;
     /**
      * Sets inputs on the content component.
      */
@@ -249,16 +387,13 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
      * Sets the popup title.
      */
     setTitle(title: string): void;
-    protected onDragStart(event: MouseEvent): void;
-    onDragMove(event: MouseEvent): void;
-    onDragEnd(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPopupComponent, never>;
     static ɵcmp: _angular_core.ɵɵ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: _angular_core.ɵɵFactoryDeclaration<AXPopupModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXPopupModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.AXDecoratorModule, typeof i4.AXTranslationModule, typeof AXPopupComponent, typeof AXPopupHostComponent, typeof AXPopupFooterComponent], [typeof AXPopupComponent, typeof AXPopupHostComponent, typeof AXPopupFooterComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXPopupModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.AXTranslationModule, typeof AXPopupComponent, typeof AXPopupHostComponent, typeof AXPopupFooterComponent, typeof AXPopupDockComponent, typeof AXPopupCaptionIconComponent], [typeof AXPopupComponent, typeof AXPopupHostComponent, typeof AXPopupFooterComponent, typeof AXPopupDockComponent, typeof AXPopupCaptionIconComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXPopupModule>;
 }
 
@@ -270,6 +405,9 @@ declare class AXPopupModule {
 declare class AXPopupService {
     private popupList;
     private overlayService;
+    private injector;
+    private dockCounts;
+    private minimizedByDock;
     /**
      *  Open popup 1
      */
@@ -282,38 +420,33 @@ declare class AXPopupService {
      * Opens a popup and returns a mutable reference (for host components and advanced control).
      */
     openRef<TResult = any>(content: AXPopupContentType, config?: AXPopupConfig): Promise<AXPopupRef<TResult>>;
+    hasDock(name: string): boolean;
+    registerDock(name: string): void;
+    unregisterDock(name: string): void;
+    minimizedInDock(dock: string): AXPopupDockItem[];
+    reorderMinimized(dock: string, fromIndex: number, toIndex: number): void;
     private mergeConfig;
     /**
      * Opens a popup with the specified content and configuration.
      */
     private openInternal;
-    /**
-     * Closes a popup by its ID.
-     */
     close<TResult = any>(id: number, data?: TResult): void;
-    /**
-     * Sets input values for a popup by its ID.
-     */
     setInputs(id: number, values: AXComponentInputs): void;
-    /**
-     * Sets the title for a popup by its ID.
-     */
     setTitle(id: number, title: string): void;
     minimize(id: number): void;
     maximize(id: number): void;
     restore(id: number): void;
-    /**
-     * Gets the index of a popup in the open stack (used for minimized bar positioning).
-     */
     getMapIndexOf(targetKey: number): number;
-    /**
-     * Brings a popup to the front of all other overlays.
-     */
     bringToFront(id: number): void;
+    markMaximized(id: number, maximized: boolean): void;
+    private addToDock;
+    private removeFromDock;
+    private setOverlayVisible;
+    private toDockItem;
     private getPopupInstance;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPopupService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXPopupService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
-export { AXPopupComponent, AXPopupComponentBase, AXPopupFooterComponent, AXPopupHostComponent, AXPopupModule, AXPopupService, resolvePopupCloseButton, resolvePopupMaximizable, resolvePopupMinimize };
-export type { AXPopupButtonsConfig, AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupMinimizePosition, AXPopupRef, AXPopupSizeType };
+export { AXPopupCaptionIconComponent, AXPopupComponent, AXPopupComponentBase, AXPopupDockComponent, AXPopupFooterComponent, AXPopupHostComponent, AXPopupModule, AXPopupService, AX_POPUP_DEFAULT_RESIZE_HANDLES, resolvePopupCloseButton, resolvePopupMaximizable, resolvePopupMinimize, resolvePopupResizable };
+export type { AXPopupButtonsConfig, AXPopupCaptionIconName, AXPopupConfig, AXPopupContentType, AXPopupData, AXPopupDockItem, AXPopupMinimizePosition, AXPopupRef, AXPopupResizableConfig, AXPopupResolvedResizableConfig, AXPopupSizeType, AXPopupWindowState };

package/types/acorex-components-rail-navigation.d.ts

@@ -76,7 +76,7 @@ declare class AXRailNavigationService {
      */
     setActive(item: AXRailNavigationItemComponent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRailNavigationService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRailNavigationService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXRailNavigationComponent, AXRailNavigationItemComponent, AXRailNavigationModule, AXRailNavigationService };