@acorex/components 22.1.7 → 22.2.0-next.0

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

@@ -1,5 +1,6 @@
 import { MXBaseComponent, AXSurfaceType } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
+import { AXFullScreenMode } from '@acorex/core/full-screen';
 import * as i1 from '@angular/common';
 
 /**
@@ -36,36 +37,6 @@ declare class AXDecoratorClearButtonComponent extends MXBaseComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorClearButtonComponent, "ax-clear-button", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-/**
- * A button component that displays a close icon and triggers an action when clicked.
- *
- * @category Components
- */
-declare class AXDecoratorCloseButtonComponent extends MXBaseComponent {
-    private _parent;
-    closeAll: i0.InputSignal<boolean>;
-    /**
-     *  @ignore
-     */
-    private _icon;
-    /**
-     * The icon class to be applied to the button.
-     */
-    get icon(): string;
-    /**
-     * Sets the icon class to be applied to the button.
-     *
-     * @param v The icon class.
-     */
-    set icon(v: string);
-    /**
-     *  @ignore
-     */
-    protected _handleOnClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "closeAll": { "alias": "closeAll"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 declare class AXDecoratorColorIndicatorComponent {
     previewColor: i0.InputSignal<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorColorIndicatorComponent, never>;
@@ -76,10 +47,21 @@ declare class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {
     #private;
     private readonly fullScreenService;
     private readonly elementRef;
+    /**
+     * Target element to fullscreen. Falls back to the closest decorated parent when omitted.
+     */
     element: i0.ModelSignal<HTMLElement>;
+    /**
+     * Whether fullscreen mode is active.
+     */
     isActive: i0.ModelSignal<boolean>;
+    /**
+     * Fullscreen implementation mode.
+     * @defaultValue 'overlay'
+     */
+    mode: i0.InputSignal<AXFullScreenMode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorFullScreenButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFullScreenButtonComponent, "ax-fullscreen-button", never, { "element": { "alias": "element"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, { "element": "elementChange"; "isActive": "isActiveChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFullScreenButtonComponent, "ax-fullscreen-button", never, { "element": { "alias": "element"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "element": "elementChange"; "isActive": "isActiveChange"; }, never, never, true, never>;
 }
 
 /**
@@ -127,8 +109,8 @@ declare class AXDecoratorIconComponent extends MXBaseComponent {
 
 declare class AXDecoratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, never, [typeof i1.CommonModule, typeof AXDecoratorIconComponent, typeof AXDecoratorClearButtonComponent, typeof AXDecoratorCloseButtonComponent, typeof AXDecoratorGenericComponent, typeof AXDecoratorFullScreenButtonComponent, typeof AXDecoratorHeadingComponent, typeof AXDecoratorColorIndicatorComponent], [typeof AXDecoratorIconComponent, typeof AXDecoratorClearButtonComponent, typeof AXDecoratorCloseButtonComponent, typeof AXDecoratorGenericComponent, typeof AXDecoratorFullScreenButtonComponent, typeof AXDecoratorHeadingComponent, typeof AXDecoratorColorIndicatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, never, [typeof i1.CommonModule, typeof AXDecoratorIconComponent, typeof AXDecoratorClearButtonComponent, typeof AXDecoratorGenericComponent, typeof AXDecoratorFullScreenButtonComponent, typeof AXDecoratorHeadingComponent, typeof AXDecoratorColorIndicatorComponent], [typeof AXDecoratorIconComponent, typeof AXDecoratorClearButtonComponent, typeof AXDecoratorGenericComponent, typeof AXDecoratorFullScreenButtonComponent, typeof AXDecoratorHeadingComponent, typeof AXDecoratorColorIndicatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDecoratorModule>;
 }
 
-export { AXDecoratorClearButtonComponent, AXDecoratorCloseButtonComponent, AXDecoratorColorIndicatorComponent, AXDecoratorFullScreenButtonComponent, AXDecoratorGenericComponent, AXDecoratorHeadingComponent, AXDecoratorIconComponent, AXDecoratorModule };
+export { AXDecoratorClearButtonComponent, AXDecoratorColorIndicatorComponent, AXDecoratorFullScreenButtonComponent, AXDecoratorGenericComponent, AXDecoratorHeadingComponent, AXDecoratorIconComponent, AXDecoratorModule };

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

@@ -154,7 +154,7 @@ declare class AXDialogService {
      */
     open(config: AXDialogConfig): AXDialogRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXDialogService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXDialogComponent, AXDialogModule, AXDialogService };

package/types/acorex-components-dropdown-button.d.ts

@@ -10,7 +10,8 @@ import * as i4 from '@acorex/components/loading';
 import * as i5 from '@acorex/components/dropdown';
 
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
+ * Combines a button and a dropdown menu. Prefer this over composing `ax-dropdown-panel` inside
+ * `ax-button`, which is deprecated.
  *
  * @category Components
  */

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

@@ -153,12 +153,17 @@ declare abstract class MXDropdownBoxBaseComponent extends MXInteractiveComponent
      */
     get isOpen(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXDropdownBoxBaseComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXDropdownBoxBaseComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
  * A panel for displaying dropdown content with configurable width and positioning.
  *
+ * Do not compose this component inside `ax-button` for menu triggers; use
+ * `AXDropdownButtonComponent` from `@acorex/components/dropdown-button` instead. That pattern is
+ * deprecated. `ax-dropdown-panel` remains supported for other hosts (for example `ax-dropdown-box`)
+ * and for internal use by `ax-dropdown-button`.
+ *
  * @category Components
  */
 declare class AXDropdownPanelComponent extends MXInteractiveComponent implements OnDestroy {

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

@@ -50,7 +50,7 @@ type ImageToolConfig = {
 declare const AXEditorComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<OutputData>;
     ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 declare class AXEditorComponent extends AXEditorComponent_base {
     #private;

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

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+/**
+ * Renders a single emoji using its Unicode character from metadata.
+ *
+ * @category Components
+ */
+declare class AXEmojiComponent {
+    /**
+     * Emoji metadata to render.
+     */
+    readonly emoji: _angular_core.InputSignal<AXEmoji>;
+    /**
+     * Emoji rendering style.
+     * - `google`: Noto Color Emoji (Android/Google look) on all platforms, including Windows.
+     * - `native`: OS default fonts (Segoe UI Emoji on Windows).
+     *
+     * @defaultValue 'google'
+     */
+    readonly appearance: _angular_core.InputSignal<"google" | "native">;
+    /**
+     * Rendered size in pixels.
+     *
+     * @defaultValue 20
+     */
+    readonly size: _angular_core.InputSignal<number>;
+    /** Unicode glyph to display. */
+    protected readonly glyph: _angular_core.Signal<string>;
+    /** Accessible label sourced from emoji metadata. */
+    protected readonly ariaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXEmojiComponent, "ax-emoji", never, { "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXEmojiModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXEmojiModule, never, [typeof AXEmojiComponent], [typeof AXEmojiComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXEmojiModule>;
+}
+
+export { AXEmojiComponent, AXEmojiModule };

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

@@ -0,0 +1,146 @@
+import * as _angular_core from '@angular/core';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
+import { AXGestureEvent } from '@acorex/cdk/gesture';
+import { AXTabStripChangedEvent } from '@acorex/components/tabs';
+import { AXEmoji, AXEmojiCategory, AXEmojiPickerCategoryId, AXEmojiCategoryMeta } from '@acorex/core/constants';
+
+/**
+ * Telegram-style emoji picker with category tabs, search, and recent emojis.
+ *
+ * @category Components
+ */
+declare class AXEmojiPickerComponent {
+    private readonly hostRef;
+    private readonly destroyRef;
+    /** Emoji entries available in the picker. */
+    readonly items: _angular_core.InputSignal<readonly AXEmoji[]>;
+    /** Rendered emoji size in the grid. */
+    readonly size: _angular_core.InputSignal<number>;
+    /**
+     * Emoji rendering style passed to {@link AXEmojiComponent}.
+     * `google` uses Noto Color Emoji (Android/Google look) on Windows too.
+     *
+     * @defaultValue 'google'
+     */
+    readonly appearance: _angular_core.InputSignal<"google" | "native">;
+    /** Whether the search box is shown. */
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    /** Whether the recent category tab is shown. */
+    readonly showRecent: _angular_core.InputSignal<boolean>;
+    /** Number of emoji columns in the virtualized grid. */
+    readonly columns: _angular_core.InputSignal<number>;
+    /** Search box placeholder text. */
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Unicode emoji group categories to hide from tabs and results. */
+    readonly excludeCategories: _angular_core.InputSignal<readonly AXEmojiCategory[]>;
+    /** `AXEmoji.code` values to hide (e.g. `1f595`). */
+    readonly excludeCodes: _angular_core.InputSignal<readonly string[]>;
+    /** `AXEmoji.unicode` glyph values to hide (e.g. `🖕`). */
+    readonly excludeUnicode: _angular_core.InputSignal<readonly string[]>;
+    /** Emits when the user selects an emoji. */
+    readonly selected: _angular_core.OutputEmitterRef<AXEmoji>;
+    /**
+     * Recently used emojis supplied by the parent (e.g. API, LocalStorage).
+     * Rendered in the Recent tab when {@link showRecent} is enabled.
+     */
+    readonly recentItems: _angular_core.InputSignal<readonly AXEmoji[]>;
+    /** Emits the updated recent list after the user selects an allowed emoji. */
+    readonly recentChanged: _angular_core.OutputEmitterRef<readonly AXEmoji[]>;
+    /** Current search query. */
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    /** Active category tab. */
+    protected readonly activeCategoryId: _angular_core.WritableSignal<AXEmojiPickerCategoryId>;
+    private readonly containerWidth;
+    protected readonly effectiveColumns: _angular_core.Signal<number>;
+    protected readonly availableWidthCss: _angular_core.Signal<string>;
+    constructor();
+    /** Items after picker exclusions are applied. */
+    protected readonly filteredItems: _angular_core.Signal<readonly AXEmoji[]>;
+    private readonly categoryIndex;
+    /** Recent items after active exclusions are applied for display. */
+    protected readonly visibleRecentItems: _angular_core.Signal<AXEmoji[]>;
+    protected onCategorySwipe(event: AXGestureEvent): void;
+    /** Visible category tabs. */
+    protected readonly categories: _angular_core.Signal<readonly AXEmojiCategoryMeta[]>;
+    /** Emojis shown in the current view (category or search results). */
+    protected readonly visibleEmojis: _angular_core.Signal<readonly AXEmoji[]>;
+    /** Rows used by the virtual scroll viewport. */
+    protected readonly emojiRows: _angular_core.Signal<readonly (readonly AXEmoji[])[]>;
+    /** Virtual scroll row height in pixels. */
+    protected readonly rowHeight: _angular_core.Signal<number>;
+    /** Whether the user is searching. */
+    protected readonly isSearching: _angular_core.Signal<boolean>;
+    /** Whether the current view has no emojis. */
+    protected readonly isEmpty: _angular_core.Signal<boolean>;
+    /** Keeps the active tab valid when exclusions change. */
+    private readonly syncActiveCategory;
+    /** Selects a category tab and clears search. */
+    protected selectCategory(categoryId: AXEmojiPickerCategoryId): void;
+    /** Whether the given category tab is active. */
+    protected isCategoryActive(categoryId: AXEmojiPickerCategoryId): boolean;
+    /** Whether the category tab is the virtual recent group. */
+    protected isRecentCategory(categoryId: AXEmojiPickerCategoryId): boolean;
+    /** Syncs the active emoji category when a tab is selected. */
+    protected onCategoryTabChanged(event: AXTabStripChangedEvent): void;
+    /** Updates the search query from the search box. */
+    protected onSearchChanged(event: AXValueChangedEvent<string>): void;
+    /** Emits the selected emoji and notifies the parent of the updated recent list. */
+    protected selectEmoji(emoji: AXEmoji): void;
+    /** @ignore */
+    protected trackRow(index: number, row: readonly AXEmoji[]): string;
+    private rememberRecent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXEmojiPickerComponent, "ax-emoji-picker", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showRecent": { "alias": "showRecent"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "excludeCategories": { "alias": "excludeCategories"; "required": false; "isSignal": true; }; "excludeCodes": { "alias": "excludeCodes"; "required": false; "isSignal": true; }; "excludeUnicode": { "alias": "excludeUnicode"; "required": false; "isSignal": true; }; "recentItems": { "alias": "recentItems"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "recentChanged": "recentChanged"; }, never, never, true, never>;
+}
+
+/** Maximum number of emojis kept in the recent list. */
+declare const RECENT_EMOJI_LIMIT = 20;
+/** Grid cell size in px (`--ax-comp-emoji-picker-cell-size`). */
+declare const EMOJI_PICKER_CELL_SIZE_PX = 36;
+/** Grid cell size in px on narrow viewports. */
+declare const EMOJI_PICKER_CELL_SIZE_PX_COMPACT = 32;
+/** Gap between grid cells in px (`--ax-comp-emoji-picker-cell-gap`). */
+declare const EMOJI_PICKER_CELL_GAP_PX = 2;
+/** Horizontal padding around the emoji grid in px. */
+declare const EMOJI_PICKER_GRID_PADDING_PX = 24;
+/** Minimum column count. */
+declare const EMOJI_PICKER_MIN_COLUMNS = 1;
+/** Nearest ancestor that participates in layout (skips `display: contents`). */
+declare function getEmojiPickerLayoutContainer(element: HTMLElement): HTMLElement;
+/**
+ * Available width for the picker grid.
+ * Uses the tightest ancestor content box and the visible viewport slot so an
+ * overflowing parent cannot keep an 8-column grid that is clipped off-screen.
+ */
+declare function resolveEmojiPickerContainerWidth(element: HTMLElement): number;
+/** Resolves column count from container width while keeping a fixed cell size and gap. */
+declare function resolveEmojiPickerColumns(containerWidth: number, requested: number): number;
+/** Maximum number of emojis returned by search. */
+declare const SEARCH_RESULT_LIMIT = 200;
+/** User-defined exclusions for picker emoji lists. */
+interface AXEmojiPickerFilter {
+    /** Unicode emoji group categories to hide from tabs and results. */
+    readonly excludeCategories?: readonly AXEmojiCategory[];
+    /** `AXEmoji.code` values to hide (hyphen-separated code points, e.g. `1f595`). */
+    readonly excludeCodes?: readonly string[];
+    /** `AXEmoji.unicode` glyph values to hide (e.g. `👋`). */
+    readonly excludeUnicode?: readonly string[];
+}
+/** Applies picker exclusions and default people-body curation. */
+declare function filterPickerItems(items: readonly AXEmoji[], filter?: AXEmojiPickerFilter): readonly AXEmoji[];
+/**
+ * Builds a category index for picker rendering.
+ * Expects items to be pre-filtered with {@link filterPickerItems}.
+ */
+declare function buildEmojiPickerIndex(items: readonly AXEmoji[]): ReadonlyMap<AXEmojiCategory, readonly AXEmoji[]>;
+/** Searches pre-filtered emoji metadata by name and keywords. */
+declare function searchPickerEmojis(items: readonly AXEmoji[], query: string, limit?: number): readonly AXEmoji[];
+
+declare class AXEmojiPickerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiPickerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXEmojiPickerModule, never, [typeof AXEmojiPickerComponent], [typeof AXEmojiPickerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXEmojiPickerModule>;
+}
+
+export { AXEmojiPickerComponent, AXEmojiPickerModule, EMOJI_PICKER_CELL_GAP_PX, EMOJI_PICKER_CELL_SIZE_PX, EMOJI_PICKER_CELL_SIZE_PX_COMPACT, EMOJI_PICKER_GRID_PADDING_PX, EMOJI_PICKER_MIN_COLUMNS, RECENT_EMOJI_LIMIT, SEARCH_RESULT_LIMIT, buildEmojiPickerIndex, filterPickerItems, getEmojiPickerLayoutContainer, resolveEmojiPickerColumns, resolveEmojiPickerContainerWidth, searchPickerEmojis };
+export type { AXEmojiPickerFilter };

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

@@ -36,7 +36,7 @@ declare class AXFileViewerService {
     /** Resolve a potentially lazy URL — caches the result. */
     resolveUrl(item: AXFileViewerItem, key: 'url' | 'thumbnailUrl'): Promise<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXFileViewerService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 /** Infers a file-type catalog name from the item. */
@@ -80,6 +80,9 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     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;
@@ -112,6 +115,7 @@ 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;
@@ -120,6 +124,7 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     /** @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;
@@ -183,7 +188,7 @@ declare class AXFileViewerGalleryService {
     bringToFront(id: number): void;
     private openInternal;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerGalleryService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXFileViewerGalleryService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 /** Registers file-viewer components on standard file-type catalog entries. */
@@ -234,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>;
@@ -258,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>;
 }
@@ -266,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>;
 }
@@ -276,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>;
 }
@@ -289,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>;
 }

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

@@ -30,8 +30,10 @@ declare class AXImageEditorService {
     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>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 type AXImageEditorCropHandle = 'right' | 'top' | 'left' | 'bottom' | 'right-top' | 'bottom-right' | 'bottom-left' | 'left-top';
@@ -80,6 +82,8 @@ declare class AXImageEditorCropperWindowComponent implements OnDestroy {
     protected clearSelector(): void;
     private normalizeRatio;
     private centerOnParent;
+    private getImageBounds;
+    private constrainCropBox;
     private clampToParent;
     private applyPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageEditorCropperWindowComponent, never>;
@@ -149,6 +153,10 @@ declare class AXImageEditorViewComponent extends MXBaseComponent {
     protected penConfigHandler(penType: 'pen' | 'highlight'): void;
     private strokeHighlight;
     /** @ignore */
+    protected historyKeyDown(event: KeyboardEvent): void;
+    /** @ignore */
+    protected focusCanvas(): void;
+    /** @ignore */
     protected mouseDownHandler(event: PointerEvent): void;
     /** @ignore */
     protected mouseMoveHandler(event: PointerEvent): void;
@@ -168,7 +176,7 @@ declare class AXImageEditorViewComponent extends MXBaseComponent {
 declare const AXImageEditorContainerComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<Blob[]>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }, typeof MXLookComponent]>;
 /**
  * paint container.
@@ -178,10 +186,19 @@ 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>;
+    /** @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>;

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-list.d.ts

@@ -178,6 +178,18 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      * Sets focus to the first selectable list item. If no item is available, postpones focus.
      */
     focus(): void;
+    /**
+     * Returns the CSS class string for an item icon when the item defines an `icon` property.
+     * @param item List data item.
+     * @ignore
+     */
+    protected getItemIcon(item: unknown): string | undefined;
+    /**
+     * Returns secondary hint text when the item defines a `hint` property.
+     * @param item List data item.
+     * @ignore
+     */
+    protected getItemHint(item: unknown): string | undefined;
     /**
      * Determines whether to show the empty template based on the presence of items and loading state.
      * @ignore

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

@@ -143,7 +143,7 @@ declare class AXLoadingDialogService {
      */
     show(options: AXLoadingDialogConfig): AXLoadingDialogRef;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLoadingDialogService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXLoadingDialogService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 export { AXLoadingDialogComponent, AXLoadingDialogModule, AXLoadingDialogService };

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

@@ -178,7 +178,7 @@ declare class AXLoadingService {
     protected hasLoaderLoadingState(context: LoadingContext, loaderId: LoaderId): boolean;
     protected getLoaderId(loaderId?: LoaderId): LoaderId;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXLoadingService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXLoadingDirective {