@acorex/components 22.0.0-next.9 → 22.0.1-next.0

package/types/acorex-components-file-viewer.d.ts

@@ -1,8 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef, Type, Provider } from '@angular/core';
+import { AXMenuItem } from '@acorex/components/menu';
 import { AXComponentContent, AXComponentInputs } from '@acorex/core/components';
 import { Subject } from 'rxjs';
-import { AXStyleColorType, AXComponentClosedPromise } from '@acorex/cdk/common';
+import { AXStyleColorType, AXClickEvent, AXComponentClosedPromise } from '@acorex/cdk/common';
 import * as _acorex_core_file from '@acorex/core/file';
 import { AXFileTypeExtensionHint, AXFileType, AXFileTypeViewComponent } from '@acorex/core/file';
 import { SafeResourceUrl } from '@angular/platform-browser';
@@ -43,6 +44,16 @@ declare function resolveFileViewerFileType(item: AXFileViewerItem): string;
 /** Builds an extension hint from item metadata. */
 declare function buildFileViewerExtensionHint(item: AXFileViewerItem): AXFileTypeExtensionHint | undefined;
 
+interface AXFileViewerHeaderActionClickEvent {
+    sender: AXFileViewerContainerComponent;
+    nativeEvent: Event;
+    canceled: boolean;
+    item: {
+        name?: string;
+        text: string;
+        data?: unknown;
+    };
+}
 declare class AXFileViewerContainerComponent implements OnDestroy {
     #private;
     readonly items: _angular_core.InputSignal<AXFileViewerItem[]>;
@@ -51,18 +62,27 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     readonly pagination: _angular_core.InputSignal<boolean>;
     readonly download: _angular_core.InputSignal<boolean>;
     readonly fullscreen: _angular_core.InputSignal<boolean>;
+    /** Header action buttons rendered in the top-right actions area. */
+    readonly headerActions: _angular_core.InputSignal<AXMenuItem[]>;
     /** When true, opens in a gallery overlay and closes when fullscreen exits. */
     readonly galleryMode: _angular_core.InputSignal<boolean>;
     readonly headerContent: _angular_core.InputSignal<AXComponentContent>;
     readonly headerContentInputs: _angular_core.InputSignal<AXComponentInputs>;
     readonly fallbackContent: _angular_core.InputSignal<AXComponentContent>;
     readonly fallbackContentInputs: _angular_core.InputSignal<AXComponentInputs>;
+    /** Custom empty-state template or component. Falls back to the built-in empty state. */
+    readonly emptyContent: _angular_core.InputSignal<AXComponentContent>;
+    readonly emptyContentInputs: _angular_core.InputSignal<AXComponentInputs>;
     /** External loading flag — show overlay while parent data is being fetched. */
     readonly loading: _angular_core.InputSignal<boolean>;
+    readonly headerActionClick: _angular_core.OutputEmitterRef<AXFileViewerHeaderActionClickEvent>;
     readonly fullscreenClosed: _angular_core.OutputEmitterRef<void>;
     readonly service: AXFileViewerService;
     private readonly host;
     private readonly fullScreenService;
+    private readonly document;
+    private readonly platformId;
+    private readonly destroyRef;
     private readonly mainCarouselRef;
     private readonly thumbCarouselRef;
     private initToken;
@@ -70,6 +90,7 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     /** True while carousels are being (re)initialized. */
     readonly initializing: _angular_core.WritableSignal<boolean>;
     readonly isBusy: _angular_core.Signal<boolean>;
+    readonly isEmpty: _angular_core.Signal<boolean>;
     readonly isFirstSlide: _angular_core.Signal<boolean>;
     readonly isLastSlide: _angular_core.Signal<boolean>;
     readonly currentItem: _angular_core.Signal<AXFileViewerItem>;
@@ -80,6 +101,9 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     readonly headerTemplateContent: _angular_core.Signal<TemplateRef<any>>;
     readonly headerComponentContent: _angular_core.Signal<Type<unknown>>;
     readonly hasHeaderCenterContent: _angular_core.Signal<boolean>;
+    readonly emptyTemplateContent: _angular_core.Signal<TemplateRef<any>>;
+    readonly emptyComponentContent: _angular_core.Signal<Type<unknown>>;
+    readonly resolvedHeaderActions: _angular_core.Signal<AXMenuItem[]>;
     readonly headerContentContext: _angular_core.Signal<{
         item: AXFileViewerItem;
         items: AXFileViewerItem[];
@@ -91,11 +115,16 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     formatSize(size?: number): string;
     private readonly mainCarouselOptions;
     private readonly thumbnailCarouselOptions;
+    constructor();
+    resolveHeaderAction(action: AXMenuItem): AXMenuItem;
+    onHeaderActionClick(action: AXMenuItem, event: AXClickEvent): void;
+    private isFullscreenAction;
     toggleFullscreen(): void;
     enterFullscreen(): void;
     /** @param emitGalleryClose When false, skips gallery close notification (used during service teardown). */
     exitFullscreen(emitGalleryClose?: boolean): void;
     closeGallery(): void;
+    private onFullscreenEscape;
     private initCarousels;
     private readonly onSlideChange;
     next(): void;
@@ -104,7 +133,7 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     downloadCurrent(): Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerContainerComponent, "ax-file-viewer-container", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "startIndex": { "alias": "startIndex"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "galleryMode": { "alias": "galleryMode"; "required": false; "isSignal": true; }; "headerContent": { "alias": "headerContent"; "required": false; "isSignal": true; }; "headerContentInputs": { "alias": "headerContentInputs"; "required": false; "isSignal": true; }; "fallbackContent": { "alias": "fallbackContent"; "required": false; "isSignal": true; }; "fallbackContentInputs": { "alias": "fallbackContentInputs"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "fullscreenClosed": "fullscreenClosed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerContainerComponent, "ax-file-viewer-container", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "startIndex": { "alias": "startIndex"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; "galleryMode": { "alias": "galleryMode"; "required": false; "isSignal": true; }; "headerContent": { "alias": "headerContent"; "required": false; "isSignal": true; }; "headerContentInputs": { "alias": "headerContentInputs"; "required": false; "isSignal": true; }; "fallbackContent": { "alias": "fallbackContent"; "required": false; "isSignal": true; }; "fallbackContentInputs": { "alias": "fallbackContentInputs"; "required": false; "isSignal": true; }; "emptyContent": { "alias": "emptyContent"; "required": false; "isSignal": true; }; "emptyContentInputs": { "alias": "emptyContentInputs"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "headerActionClick": "headerActionClick"; "fullscreenClosed": "fullscreenClosed"; }, never, never, true, never>;
 }
 
 interface AXFileViewerGalleryConfig {
@@ -112,12 +141,15 @@ interface AXFileViewerGalleryConfig {
     startIndex?: number;
     thumbnail?: boolean;
     download?: boolean;
+    headerActions?: AXMenuItem[];
     loading?: boolean;
     panelClass?: string[];
     headerContent?: AXComponentContent | null;
     headerContentInputs?: AXComponentInputs | null;
     fallbackContent?: AXComponentContent | null;
     fallbackContentInputs?: AXComponentInputs | null;
+    emptyContent?: AXComponentContent | null;
+    emptyContentInputs?: AXComponentInputs | null;
 }
 interface AXFileViewerGalleryRef<TResult = any> {
     close: (data?: TResult) => void;
@@ -171,6 +203,11 @@ declare class AXFileViewerHeaderPlaceholderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerHeaderPlaceholderComponent, "ax-file-viewer-header-placeholder", never, { "slideCounter": { "alias": "slideCounter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class AXFileViewerEmptyStateComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerEmptyStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerEmptyStateComponent, "ax-file-viewer-empty-state", never, {}, {}, never, never, true, never>;
+}
+
 declare class AXFileViewerSlideComponent {
     readonly item: _angular_core.InputSignal<AXFileViewerItem>;
     readonly index: _angular_core.InputSignal<number>;
@@ -202,6 +239,7 @@ declare class AXFileViewerThumbPreviewComponent {
     private readonly service;
     readonly src: _angular_core.WritableSignal<string>;
     readonly icon: _angular_core.Signal<string>;
+    onImageError(): void;
     private resolvePreview;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerThumbPreviewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerThumbPreviewComponent, "ax-file-viewer-thumb-preview", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -226,6 +264,7 @@ declare class AXFileViewerImageComponent implements AXFileTypeViewComponent<AXFi
     private readonly service;
     readonly src: _angular_core.WritableSignal<string>;
     readonly loading: _angular_core.WritableSignal<boolean>;
+    private loadedId;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerImageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerImageComponent, "ax-file-viewer-image", never, { "payload": { "alias": "payload"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -234,8 +273,10 @@ declare class AXFileViewerVideoComponent implements AXFileTypeViewComponent<AXFi
     #private;
     readonly payload: _angular_core.InputSignal<AXFileViewerViewPayload>;
     private readonly service;
+    private readonly mediaEl;
     readonly src: _angular_core.WritableSignal<string>;
     readonly loading: _angular_core.WritableSignal<boolean>;
+    private loadedId;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerVideoComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerVideoComponent, "ax-file-viewer-video", never, { "payload": { "alias": "payload"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -244,8 +285,10 @@ declare class AXFileViewerAudioComponent implements AXFileTypeViewComponent<AXFi
     #private;
     readonly payload: _angular_core.InputSignal<AXFileViewerViewPayload>;
     private readonly service;
+    private readonly mediaEl;
     readonly src: _angular_core.WritableSignal<string>;
     readonly loading: _angular_core.WritableSignal<boolean>;
+    private loadedId;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerAudioComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerAudioComponent, "ax-file-viewer-audio", never, { "payload": { "alias": "payload"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -257,6 +300,7 @@ declare class AXFileViewerPdfComponent implements AXFileTypeViewComponent<AXFile
     private readonly sanitizer;
     readonly safeSrc: _angular_core.WritableSignal<SafeResourceUrl>;
     readonly loading: _angular_core.WritableSignal<boolean>;
+    private loadedId;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerPdfComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerPdfComponent, "ax-file-viewer-pdf", never, { "payload": { "alias": "payload"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -268,5 +312,5 @@ declare class AXFileViewerFileFallbackComponent implements AXFileTypeViewCompone
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerFileFallbackComponent, "ax-file-viewer-fallback", never, { "payload": { "alias": "payload"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AXFileViewerAudioComponent, AXFileViewerContainerComponent, AXFileViewerFileFallbackComponent, AXFileViewerGalleryService, AXFileViewerHeaderPlaceholderComponent, AXFileViewerImageComponent, AXFileViewerPdfComponent, AXFileViewerService, AXFileViewerSlideComponent, AXFileViewerThumbPreviewComponent, AXFileViewerThumbnailsComponent, AXFileViewerVideoComponent, buildFileViewerExtensionHint, createFileViewerFileTypes, provideFileViewer, resolveFileViewerFileType };
-export type { AXFileViewerGalleryConfig, AXFileViewerGalleryRef, AXFileViewerItem, AXFileViewerViewPayload };
+export { AXFileViewerAudioComponent, AXFileViewerContainerComponent, AXFileViewerEmptyStateComponent, AXFileViewerFileFallbackComponent, AXFileViewerGalleryService, AXFileViewerHeaderPlaceholderComponent, AXFileViewerImageComponent, AXFileViewerPdfComponent, AXFileViewerService, AXFileViewerSlideComponent, AXFileViewerThumbPreviewComponent, AXFileViewerThumbnailsComponent, AXFileViewerVideoComponent, buildFileViewerExtensionHint, createFileViewerFileTypes, provideFileViewer, resolveFileViewerFileType };
+export type { AXFileViewerGalleryConfig, AXFileViewerGalleryRef, AXFileViewerHeaderActionClickEvent, AXFileViewerItem, AXFileViewerViewPayload };

package/types/acorex-components-grid-layout-builder.d.ts

@@ -5,6 +5,8 @@ import { NXEvent, NXComponent } from '@acorex/cdk/common';
 import { Subscription } from 'rxjs';
 import * as gridstack from 'gridstack';
 
+/** Grid size preset as `[width, height]` in column/row units. */
+type AXGridLayoutSize = readonly [width: number, height: number];
 interface AXGridLayoutPosition {
     /** widget position x (default?: 0) */
     x?: number;
@@ -22,6 +24,11 @@ interface AXGridLayoutPosition {
     minWidth?: number;
     /** minimum height of widget in rows (default?: undefined = un-constrained) */
     minHeight?: number;
+    /**
+     * When set, resize is limited to these `[width, height]` presets.
+     * Invalid sizes revert to the previous size on resize end. Min/max bounds are derived from this list.
+     */
+    allowedSizes?: readonly AXGridLayoutSize[];
 }
 interface AXGridLayoutWidget extends AXGridLayoutPosition {
     id?: string;
@@ -318,5 +325,30 @@ declare class AXGridLayoutBuilderModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXGridLayoutBuilderModule>;
 }
 
-export { AXGridLayoutBuilderModule, AXGridLayoutContainerComponent, AXGridLayoutWidgetComponent };
-export type { AXGridLayout, AXGridLayoutContainerElement, AXGridLayoutEvent, AXGridLayoutNode, AXGridLayoutOptions, AXGridLayoutPosition, AXGridLayoutWidget, AXGridLayoutWidgetElement };
+declare const AX_GRID_LAYOUT_ALLOWED_SIZES_ATTR = "data-ax-allowed-sizes";
+declare function convertAXGridLayoutWidgetToGridStackWidget(widget: AXGridLayoutWidget): gridstack.GridStackWidget;
+declare function convertGridStackWidgetToAXGridLayoutWidget(widget: gridstack.GridStackWidget): AXGridLayoutWidget;
+declare function convertAXGridLayoutNodeToGridStackNode(node: AXGridLayoutNode): gridstack.GridStackNode;
+declare function convertGridStackNodeToAXGridLayoutNode(node: gridstack.GridStackNode): AXGridLayoutNode;
+declare function convertAXGridLayoutOptionsToGridStackOptions(options: AXGridLayoutOptions): gridstack.GridStackOptions;
+declare function convertGridStackOptionsToAXGridLayoutOptions(options: gridstack.GridStackOptions): AXGridLayoutOptions;
+/** remove keys which are undefined */
+declare function removeUndefinedKeys<T extends object>(obj: T): T;
+declare function writeAllowedSizesToElement(element: HTMLElement | undefined, allowedSizes: readonly AXGridLayoutSize[] | undefined): void;
+declare function readAllowedSizesFromElement(element: HTMLElement): readonly AXGridLayoutSize[] | undefined;
+declare const AX_GRID_LAYOUT_RESIZE_INVALID_CLASS = "ax-grid-layout-resize-invalid";
+declare const AX_GRID_LAYOUT_RESIZE_PREV_SIZE_ATTR = "data-ax-resize-prev-size";
+declare function isExactAllowedSize(width: number, height: number, allowedSizes: readonly AXGridLayoutSize[]): boolean;
+declare function updateResizeValidityMarkers(gridEl: HTMLElement, element: gridstack.GridItemHTMLElement): void;
+declare function clearResizeValidityMarkers(gridEl: HTMLElement): void;
+declare function storeResizeStartSize(element: gridstack.GridItemHTMLElement): void;
+declare function clearResizeStartSize(element: HTMLElement): void;
+declare function readResizeStartSize(element: HTMLElement): AXGridLayoutSize | undefined;
+declare function snapToAllowedSize(width: number, height: number, allowedSizes: readonly AXGridLayoutSize[]): AXGridLayoutSize;
+declare function deriveMinMaxFromAllowedSizes(allowedSizes: readonly AXGridLayoutSize[]): Pick<AXGridLayoutWidget, 'minWidth' | 'maxWidth' | 'minHeight' | 'maxHeight'>;
+declare function normalizeLayoutNodeWithAllowedSizes<T extends AXGridLayoutWidget>(node: T): T;
+declare function snapElementToAllowedSize(grid: gridstack.GridStack, element: gridstack.GridItemHTMLElement): boolean;
+declare function revertElementToAllowedSizeIfInvalid(grid: gridstack.GridStack, element: gridstack.GridItemHTMLElement): boolean;
+
+export { AXGridLayoutBuilderModule, AXGridLayoutContainerComponent, AXGridLayoutWidgetComponent, AX_GRID_LAYOUT_ALLOWED_SIZES_ATTR, AX_GRID_LAYOUT_RESIZE_INVALID_CLASS, AX_GRID_LAYOUT_RESIZE_PREV_SIZE_ATTR, clearResizeStartSize, clearResizeValidityMarkers, convertAXGridLayoutNodeToGridStackNode, convertAXGridLayoutOptionsToGridStackOptions, convertAXGridLayoutWidgetToGridStackWidget, convertGridStackNodeToAXGridLayoutNode, convertGridStackOptionsToAXGridLayoutOptions, convertGridStackWidgetToAXGridLayoutWidget, deriveMinMaxFromAllowedSizes, isExactAllowedSize, normalizeLayoutNodeWithAllowedSizes, readAllowedSizesFromElement, readResizeStartSize, removeUndefinedKeys, revertElementToAllowedSizeIfInvalid, snapElementToAllowedSize, snapToAllowedSize, storeResizeStartSize, updateResizeValidityMarkers, writeAllowedSizesToElement };
+export type { AXGridLayout, AXGridLayoutContainerElement, AXGridLayoutEvent, AXGridLayoutNode, AXGridLayoutOptions, AXGridLayoutPosition, AXGridLayoutSize, AXGridLayoutWidget, AXGridLayoutWidgetElement };

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

@@ -0,0 +1,31 @@
+import * as _angular_core from '@angular/core';
+import { AXHighlightOptions, AXHighlightSegment } from '@acorex/core/utils';
+import { SafeHtml } from '@angular/platform-browser';
+
+/**
+ * Renders text with search-term matches wrapped in `.ax-highlight` spans.
+ *
+ * Uses a single innerHTML string so Angular control-flow whitespace cannot insert
+ * gaps between highlighted and non-highlighted characters.
+ *
+ * Does not use the `ax-highlight-text` class on the host — that class is reserved for
+ * {@link AXHighlightService} DOM wrappers.
+ */
+declare class AXHighlightTextComponent {
+    #private;
+    private readonly sanitizer;
+    /** The full text to render. */
+    readonly text: _angular_core.InputSignal<string>;
+    /** The search term or terms to highlight within the text. */
+    readonly query: _angular_core.InputSignal<string | readonly string[]>;
+    /** When true, highlighting is disabled and plain text is shown. */
+    readonly highlightDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Optional highlight behavior configuration. */
+    readonly highlightOptions: _angular_core.InputSignal<AXHighlightOptions>;
+    protected readonly segments: _angular_core.Signal<AXHighlightSegment[]>;
+    protected readonly highlightedHtml: _angular_core.Signal<SafeHtml>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHighlightTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXHighlightTextComponent, "ax-highlight-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "highlightDisabled": { "alias": "highlightDisabled"; "required": false; "isSignal": true; }; "highlightOptions": { "alias": "highlightOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AXHighlightTextComponent };

package/types/acorex-components-image-editor.d.ts

@@ -2,15 +2,6 @@ import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { MXBaseComponent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
-import * as i1 from '@acorex/components/button';
-import * as i2 from '@angular/forms';
-import * as i3 from '@acorex/components/range-slider';
-import * as i4 from '@acorex/components/select-box';
-import * as i5 from '@acorex/components/color-box';
-import * as i6 from '@acorex/components/popover';
-import * as i7 from '@acorex/components/decorators';
-import * as i8 from '@acorex/components/loading';
-import * as i9 from '@acorex/components/dialog';
 
 type AXImageEditorTool = 'pen' | 'highlight' | 'crop' | 'rotate';
 declare class AXImageEditorService {
@@ -25,19 +16,27 @@ declare class AXImageEditorService {
         userInteract: boolean;
     }>;
     isImageLoad: _angular_core.WritableSignal<boolean>;
+    loadError: _angular_core.WritableSignal<boolean>;
     newImage: HTMLImageElement | null;
     initialImage: HTMLImageElement | null;
     imageBlob: _angular_core.WritableSignal<Blob[]>;
     undoPressed: _angular_core.WritableSignal<boolean>;
     redoPressed: _angular_core.WritableSignal<boolean>;
+    canUndo: _angular_core.WritableSignal<boolean>;
+    canRedo: _angular_core.WritableSignal<boolean>;
     cropperRatio: _angular_core.WritableSignal<string>;
     cropperSize: _angular_core.WritableSignal<number>;
     toggleTool(tool: AXImageEditorTool): void;
     activateTool(tool: AXImageEditorTool): void;
+    undo(): void;
+    redo(): void;
+    /** Handles Ctrl/Cmd+Z and Ctrl/Cmd+Y history shortcuts. Returns true when handled. */
+    handleHistoryShortcut(event: KeyboardEvent): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXImageEditorService>;
 }
 
+type AXImageEditorCropHandle = 'right' | 'top' | 'left' | 'bottom' | 'right-top' | 'bottom-right' | 'bottom-left' | 'left-top';
 /**
  * paint mode.
  * @category Components
@@ -55,39 +54,41 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     protected cropperWindow: _angular_core.Signal<ElementRef<any>>;
     private currentX;
     private currentY;
-    private prevX;
-    private prevY;
     private aspectWidth;
     private aspectHeight;
     private isMousePressed;
     protected renderer: Renderer2;
     private platformID;
-    private mouseMoveEvent;
-    private mouseUpEvent;
-    private mouseMoveEvent2;
-    private mouseUpEvent2;
-    private mouseDownEvent;
-    private mouseLeaveEvent;
+    private mouseMoveEvent?;
+    private mouseUpEvent?;
+    private mouseMoveEvent2?;
+    private mouseUpEvent2?;
+    private mouseDownEvent?;
+    private mouseLeaveEvent?;
+    private positioned;
     ngOnDestroy(): void;
-    protected panMove(e: MouseEvent): void;
-    protected panDown(e: MouseEvent): void;
+    protected panMove(e: PointerEvent): void;
+    protected panDown(e: PointerEvent): void;
     protected panUp(): void;
     getCropperArea(): DOMRect;
-    private setPosition;
     private startX;
     private startY;
     private startWidth;
     private startHeight;
     private startLeft;
     private startTop;
-    protected handleSelector(e: MouseEvent, value: string): void;
-    protected changeSizeHandler(e: MouseEvent): void;
+    protected handleSelector(e: PointerEvent, value: AXImageEditorCropHandle): void;
+    protected changeSizeHandler(e: PointerEvent): void;
     protected clearSelector(): void;
+    private normalizeRatio;
+    private centerOnParent;
+    private clampToParent;
+    private applyPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropperWindowComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorCropperWindowComponent, "ax-image-editor-cropper-window", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDestroy {
+declare class AXImageEditorViewComponent extends MXBaseComponent {
     /**
      * its change grid display state.
      */
@@ -118,44 +119,54 @@ declare class AXImageEditorViewComponent extends MXBaseComponent implements OnDe
     protected isDrawRectangleCreated: _angular_core.WritableSignal<boolean>;
     /** @ignore */
     protected parent: AXImageEditorContainerComponent;
-    /** @ignore */
-    protected renderer: Renderer2;
+    private readonly destroyRef;
+    private readonly host;
     /** @ignore */
     protected imageEditorHistory: _angular_core.WritableSignal<HTMLImageElement[]>;
     /** @ignore */
     protected imageEditorHistoryPointer: _angular_core.WritableSignal<number>;
-    /** @ignore */
-    private resizeEventListener;
-    /** @ignore */
-    private imageLoadEventListener;
-    private originalWidth;
-    private originalHeight;
-    private scale;
+    private canvasReady;
+    private drawing;
+    private didDraw;
+    private highlightSnapshot;
+    private highlightPoints;
+    private persistGeneration;
+    private sourceToken;
+    constructor();
     /** @ignore */
     protected resizeWindow(): void;
     /** @ignore */
     protected canvasResponsive(image: HTMLImageElement): void;
-    /** @ignore */
-    constructor();
-    /** @ignore */
-    ngOnDestroy(): void;
-    private setInitialImage;
-    /** @ignore */
-    protected imageChanged(): void;
+    private loadSource;
+    private paintImage;
+    private fitCanvasDisplay;
+    private replaceHistory;
+    private pushHistory;
+    private syncHistoryFlags;
+    private applyUndo;
+    private applyRedo;
+    private canvasPoint;
+    private isDrawTool;
     /** @ignore */
     protected penConfigHandler(penType: 'pen' | 'highlight'): void;
+    private strokeHighlight;
     /** @ignore */
-    protected mouseDownHandler(e: MouseEvent): void;
+    protected historyKeyDown(event: KeyboardEvent): void;
     /** @ignore */
-    protected mouseMoveHandler(e: MouseEvent): void;
+    protected focusCanvas(): void;
     /** @ignore */
-    protected mouseUpHandler(): void;
+    protected mouseDownHandler(event: PointerEvent): void;
     /** @ignore */
-    crop(): Promise<void>;
+    protected mouseMoveHandler(event: PointerEvent): void;
     /** @ignore */
-    protected rotateImage(): void;
+    protected mouseUpHandler(event?: PointerEvent): void;
+    /** Applies the current cropper selection. */
+    crop(): Promise<void>;
+    /** Encodes the current canvas into JPEG, PNG, and WebP blobs. */
+    commitChanges(): Promise<Blob[]>;
     /** @ignore */
-    protected saveImageChange(): Promise<void>;
+    protected rotateImage(): Promise<void>;
+    private persistCanvas;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorViewComponent, "ax-image-editor-view", never, { "showGrid": { "alias": "showGrid"; "required": false; "isSignal": true; }; "cropperSize": { "alias": "cropperSize"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -173,12 +184,21 @@ declare class AXImageEditorContainerComponent extends AXImageEditorContainerComp
     #private;
     /** @ignore */
     protected service: AXImageEditorService;
+    private readonly host;
+    private readonly destroyRef;
     imageEditorContainer: _angular_core.Signal<ElementRef<any>>;
     view: _angular_core.Signal<AXImageEditorViewComponent>;
+    constructor();
+    /** @ignore */
+    protected focusEditor(): void;
     /** Applies the current cropper selection. */
     crop(): Promise<void>;
-    get __hostClass(): string;
-    private get __hostName();
+    /** @ignore */
+    protected onEditorPointerDown(event: PointerEvent): void;
+    /** @ignore */
+    protected handleHistoryShortcut(event: KeyboardEvent): void;
+    /** Encodes the current canvas into JPEG, PNG, and WebP blobs. */
+    commitChanges(): Promise<Blob[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, ["view"], ["ax-header", "ax-image-editor-view", "ax-footer", "ax-validation-rule"], true, never>;
 }
@@ -287,7 +307,7 @@ declare class AXImageEditorToolSelectorComponent {
 
 declare class AXImageEditorModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof i1.AXButtonModule, typeof i2.FormsModule, typeof i3.AXRangeSliderModule, typeof i4.AXSelectBoxModule, typeof i5.AXColorBoxModule, typeof i6.AXPopoverModule, typeof i7.AXDecoratorModule, typeof i8.AXLoadingModule, typeof i9.AXDialogModule, typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXImageEditorModule, never, [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent], [typeof AXImageEditorViewComponent, typeof AXImageEditorContainerComponent, typeof AXImageEditorCropComponent, typeof AXImageEditorHistoryComponent, typeof AXImageEditorToolSelectorComponent, typeof AXImageEditorToolsBarComponent, typeof AXImageEditorPenComponent, typeof AXImageEditorHighlightComponent, typeof AXImageEditorRotateComponent, typeof AXImageEditorCropperWindowComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXImageEditorModule>;
 }
 

package/types/acorex-components-inline-reaction.d.ts

@@ -0,0 +1,52 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+declare class AXInlineReactionComponent {
+    private readonly elementRef;
+    private readonly document;
+    private readonly platformId;
+    readonly emojis: _angular_core.InputSignal<readonly AXEmoji[]>;
+    readonly size: _angular_core.InputSignal<number>;
+    /** Whether the reaction bar is expanded to show all emojis. */
+    readonly expanded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Maximum number of emojis to display in the bar.
+     *
+     * @defaultValue 8
+     */
+    readonly maxVisible: _angular_core.InputSignal<number>;
+    /**
+     * When true, hides the expand button and always shows the collapsed bar only.
+     *
+     * @defaultValue false
+     */
+    readonly showExpanded: _angular_core.InputSignal<boolean>;
+    /**
+     * When true, collapses the bar when the user clicks outside the component.
+     *
+     * @defaultValue true
+     */
+    readonly closeOnClickOutside: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits when the user clicks a quick reaction.
+     */
+    readonly selected: _angular_core.OutputEmitterRef<AXEmoji>;
+    /**
+     * Emits when the expanded state changes (expand button or click outside).
+     */
+    readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly visibleEmojis: _angular_core.Signal<readonly AXEmoji[]>;
+    constructor();
+    protected toggleExpanded(event: Event): void;
+    private setExpanded;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInlineReactionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXInlineReactionComponent, "ax-inline-reaction", never, { "emojis": { "alias": "emojis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxVisible": { "alias": "maxVisible"; "required": false; "isSignal": true; }; "showExpanded": { "alias": "showExpanded"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "expandedChange": "expandedChange"; }, never, never, true, never>;
+}
+
+declare class AXInlineReactionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInlineReactionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXInlineReactionModule, never, [typeof AXInlineReactionComponent], [typeof AXInlineReactionComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXInlineReactionModule>;
+}
+
+export { AXInlineReactionComponent, AXInlineReactionModule };

package/types/acorex-components-loading-dialog.d.ts

@@ -1,6 +1,7 @@
 import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
 import { AXOverlayRef } from '@acorex/cdk/overlay';
 import { AXDialogButtonItem } from '@acorex/components/dialog';
+import { AXPopupSizeType, AXPopupRef } from '@acorex/components/popup';
 import { AXProgressMode } from '@acorex/components/progress-bar';
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
@@ -13,6 +14,8 @@ interface AXLoadingDialogConfig {
     progressValue?: number;
     progressColor?: AXStyleColorType;
     progressHeight?: number;
+    /** Popup size token. Uses the same responsive sizes as `AXPopupService`. @default 'sm' */
+    size?: AXPopupSizeType;
     buttons?: AXLoadingDialogButtonItem[];
 }
 interface AXLoadingDialogButtonItem {
@@ -43,7 +46,7 @@ interface AXLoadingDialogRef {
 type AXDialogRef = AXLoadingDialogRef;
 /**
  * @internal
- * Internal reference used by loading dialog service to manage overlay instances
+ * Internal reference used by loading dialog service to manage overlay instances.
  */
 interface AXLoadingDialogInternalRef {
     overlayRef: AXOverlayRef<unknown>;
@@ -57,8 +60,13 @@ interface AXLoadingDialogInternalRef {
 declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit {
     /** Loading dialog configuration data */
     data: _angular_core.InputSignal<AXLoadingDialogConfig>;
-    /** @internal Callback function to close the dialog */
+    /** Callback function to close the dialog */
     onClose: _angular_core.InputSignal<() => void>;
+    /**
+     * Injected by {@link AXPopupComponent} when this dialog is opened via {@link AXPopupService}.
+     * @internal
+     */
+    readonly __popup__: _angular_core.InputSignal<AXPopupRef<any>>;
     /** @ignore */
     protected progressText: _angular_core.WritableSignal<string>;
     /** @ignore */
@@ -116,7 +124,7 @@ declare class AXLoadingDialogComponent extends MXBaseComponent implements OnInit
     /** @ignore */
     protected _hasAutoFocus(button: AXLoadingDialogButtonItem): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLoadingDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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: _angular_core.ɵɵComponentDeclaration<AXLoadingDialogComponent, "ax-loading-dialog", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "onClose": { "alias": "onClose"; "required": false; "isSignal": true; }; "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXLoadingDialogModule {
@@ -126,7 +134,7 @@ declare class AXLoadingDialogModule {
 }
 
 declare class AXLoadingDialogService {
-    private overlayService;
+    private popupService;
     /**
      * Opens a loading dialog with the specified configuration.
      *