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

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

@@ -584,6 +584,11 @@ declare class AXMapComponent extends NXComponent implements OnDestroy {
      * Refreshes POIs from providers, clearing existing POIs first
      */
     refreshPois(): Promise<void>;
+    /**
+     * Recalculates Leaflet tile layout after the map container is resized
+     * (for example after entering or exiting fullscreen).
+     */
+    invalidateSize(): void;
     /**
      * Cleanup function that destroys the map and unsubscribes from all subscriptions.
      */

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

@@ -72,6 +72,7 @@ type AXContextMenuItemsClickEvent = AXMenuItemClickBaseEvent<AXContextMenuCompon
  * @category Components
  */
 declare class AXContextMenuComponent extends NXComponent {
+    protected readonly supportsHeader = true;
     readonly orientation: _angular_core.InputSignal<AXOrientation>;
     readonly openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
     readonly closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;
@@ -115,6 +116,10 @@ declare class AXContextMenuComponent extends NXComponent {
     private backdropElement;
     private originalNextSibling;
     private originalParent;
+    private readonly headerSlot;
+    private floatingHeader;
+    private headerOriginalParent;
+    private headerOriginalNextSibling;
     protected items: _angular_core.WritableSignal<AXMenuItem[]>;
     /** @ignore */
     private setupCloseOnRouteChange;
@@ -130,13 +135,21 @@ declare class AXContextMenuComponent extends NXComponent {
     private internalShowAt;
     /**
      * Positions the menu at `point`, flipping when it would overflow the viewport.
-     * Uses a temporary visible layout pass so parents that hide the host (e.g. side-menu `display: none`) do not yield a zero-sized rect.
+     * When a floating header is present, positions header and panel as one clamped block.
      */
     private positionAtPoint;
     /** Measures menu size even when an ancestor hides the host with `display: none`. */
     private measureMenuRect;
+    /** Measures the floating header bar using the same hidden-layout pass as the menu panel. */
+    private measureFloatingRect;
     /** @ignore */
     private createBackdrop;
+    /** Moves the projected header slot into the backdrop as a floating sibling of the panel. */
+    private floatHeaderToBackdrop;
+    /** Restores the header slot to its original parent before the backdrop is removed. */
+    private restoreFloatingHeader;
+    /** @ignore */
+    private resolveContextMenuTarget;
     /** @ignore */
     private removeBackdrop;
     private createEventListeners;
@@ -145,7 +158,7 @@ declare class AXContextMenuComponent extends NXComponent {
     /** @ignore */
     get __hostClass(): any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "closeOnRouteChange": { "alias": "closeOnRouteChange"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "closeOnRouteChange": { "alias": "closeOnRouteChange"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-header", "ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -175,8 +188,16 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private unsuscriber;
     private renderer;
     private injector;
+    private document;
     private zIndexService;
     private zToken;
+    private submenuPortalParent;
+    private submenuPortalNextSibling;
+    /** Survives submenu portaling when the DOM parent chain is broken. */
+    private linkedParent;
+    private mouseLeaveTimeout;
+    private submenuUnlistenEnter;
+    private submenuUnlistenLeave;
     protected arrowIcon: _angular_core.Signal<string>;
     onClick: _angular_core.OutputEmitterRef<AXMenuItemClickEvent>;
     name: _angular_core.InputSignal<string>;
@@ -186,8 +207,8 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     constructor();
     private getText;
     /**
-     * Resolves the parent menu item. Items rendered via recursive `ngTemplateOutlet` do not
-     * receive a DI parent, so we fall back to the DOM tree after reparenting.
+     * Resolves the parent menu item. Prefers an explicit link (survives submenu portaling),
+     * then DI, then the DOM tree.
      */
     getParentMenuItem(): AXMenuItemComponent | null;
     /**
@@ -204,10 +225,20 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private schedulePositionCalculation;
     /**
      * Calculate the position of the submenu to avoid it going out of the viewport.
+     * Tall panels are height-clamped; the panel is portaled so parent overflow cannot clip it.
      */
     private calculatePosition;
     /** Measures submenu size using the same flex layout as the rendered menu. */
     private measureSubmenuRect;
+    /** Moves the submenu under the context-menu backdrop (or body) to escape ancestor overflow. */
+    private portalSubmenu;
+    private restoreSubmenuPortal;
+    /** Keep this item open while the pointer is over its portaled submenu panel. */
+    private bindSubmenuPointerListeners;
+    private unbindSubmenuPointerListeners;
+    /** Links direct children so parent resolution still works after the panel is portaled. */
+    private linkChildItems;
+    private getInstanceFromElement;
     /**
      * Moves nested `ax-menu-item` nodes rendered by recursive `ngTemplateOutlet` templates
      * into the submenu slot. Angular content queries do not traverse those embedded views.
@@ -225,10 +256,14 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private clampVerticalPosition;
     handleClick(e: MouseEvent): void;
     handleMouseEnter(event: MouseEvent): void;
-    private mouseLeaveTimeout;
     handleMouseLeave(event: MouseEvent): void;
-    /** True when the pointer moved into this item's submenu panel or a nested open submenu. */
+    private handlePointerLeave;
+    private scheduleClose;
+    private clearCloseTimeout;
+    private clearAncestorCloseTimeouts;
+    /** True when the pointer is still inside this item's submenu tree (including portaled panels). */
     private containsSubmenuPointer;
+    private isSelfOrAncestorOf;
     ngOnDestroy(): void;
     /** @ignore */
     get __hostClass(): string[];
@@ -277,6 +312,7 @@ type AXMenuItemsClickEvent = AXMenuItemClickBaseEvent<AXMenuComponent>;
  * @category Components
  */
 declare class AXMenuComponent extends NXComponent {
+    protected readonly supportsHeader = false;
     constructor();
     orientation: _angular_core.InputSignal<AXOrientation>;
     openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
@@ -294,7 +330,7 @@ declare class AXMenuComponent extends NXComponent {
      */
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "hasArrow": { "alias": "hasArrow"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMenuComponent, "ax-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "hasArrow": { "alias": "hasArrow"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, never, ["ax-header", "ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 declare class AXMenuModule {

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

@@ -1,7 +1,7 @@
 import { AXStyleColorType, AXStyleLookType, AXLocation, MXBaseComponent } from '@acorex/cdk/common';
 import { AXOverlayRef } from '@acorex/cdk/overlay';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, Type, OnInit, InjectionToken } from '@angular/core';
+import { TemplateRef, Type, ElementRef, OnInit, InjectionToken } from '@angular/core';
 
 type AXNotificationContentType = string | TemplateRef<unknown> | Type<unknown>;
 interface AXNotificationButtonItem {
@@ -26,6 +26,14 @@ interface AXNotificationOptions {
     timeOut?: number;
     timeOutProgress?: boolean;
     pauseOnHover?: boolean;
+    /**
+     * Element used to resolve inherited visual context for overlays rendered
+     * outside the originating DOM subtree.
+     *
+     * This affects Appearance, Light/Dark theme, Contrast, Size, and supported
+     * Density context. It does not affect overlay positioning.
+     */
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
 }
 interface AXNotificationData {
     buttons?: AXNotificationButtonItem[];
@@ -50,6 +58,7 @@ interface AXNotificationInternalRef {
     id: string;
     overlayRef: AXOverlayRef<unknown>;
     config: AXNotificationData;
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
     close: () => void;
 }
 
@@ -124,6 +133,7 @@ declare class AXNotificationService {
     private notificationCounterRef;
     private moreNotificationsColor;
     private moreNotificationsLocation;
+    private moreNotificationsContextElement;
     private reserveCounter;
     show(config: AXNotificationOptions): AXNotificationRef;
     private displayNotification;

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

@@ -27,6 +27,7 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
     changeOnScroll: _angular_core.InputSignal<boolean>;
     step: _angular_core.InputSignal<number>;
     protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
+    protected decimalPlaces: _angular_core.Signal<number>;
     private input;
     protected stringValue: _angular_core.WritableSignal<string>;
     private translationService;
@@ -37,11 +38,12 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
         result: boolean;
         message?: undefined;
     }>;
-    protected internalValueChanged(value: number | undefined): void;
+    protected internalValueChanged(value: number | undefined | null): void;
     private plusValue;
     private minusValue;
     private getNumericValue;
     private getSteppedValue;
+    private formatDisplayValue;
     private clampToRange;
     private getFractionDigits;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;

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

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, ElementRef, ComponentRef, TemplateRef, EventEmitter } from '@angular/core';
 import { MXBaseComponent, AXPlacementType, AXEvent } from '@acorex/cdk/common';
+import { AXOverlayVisualContextScope } from '@acorex/cdk/overlay';
 import { AXComponentType } from '@acorex/core/components';
 import * as i1 from '@angular/common';
 
@@ -39,6 +40,8 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private _disabled;
     readonly width: i0.InputSignal<string>;
     readonly disablePanelClass: i0.InputSignal<boolean>;
+    /** Propagate theme/size only — floating dropdown panels opt out of appearance/contrast. */
+    readonly visualContextScope: i0.InputSignal<AXOverlayVisualContextScope>;
     private translateService;
     /**
      * Gets or sets whether the popover is disabled.
@@ -183,6 +186,14 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     private setupScrollListener;
     /** @ignore */
     private removeScrollListener;
+    /**
+     * True when document-level scroll is a side-effect of focusing an editable control
+     * inside the overlay (soft keyboard / visual viewport adjustment), mainly on iOS Safari.
+     * @ignore
+     */
+    private isKeyboardInducedDocumentScroll;
+    /** @ignore */
+    private isDocumentScrollTarget;
     /**
      * Checks whether the given element lives inside a child overlay
      * (an overlay stacked on top of this popover, e.g. a selectbox dropdown).
@@ -240,7 +251,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; }; "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; }; "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,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ViewContainerRef, StaticProvider, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, ViewContainerRef, StaticProvider, ElementRef, OnInit, OnDestroy } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { NXComponent, MXBaseComponent, AXComponentClosedPromise } from '@acorex/cdk/common';
 import { AXComponentType, AXComponentInputs } from '@acorex/core/components';
@@ -55,6 +55,14 @@ interface AXPopupConfig {
      * extra content inputs that depend on the ref.
      */
     _bindContentInputs?: (ref: AXPopupRef) => Record<string, unknown>;
+    /**
+     * Element used to resolve inherited visual context for overlays rendered
+     * outside the originating DOM subtree.
+     *
+     * This affects Appearance, Light/Dark theme, Contrast, Size, and supported
+     * Density context. It does not affect overlay positioning.
+     */
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
 }
 interface AXPopupData {
     title: string;

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

@@ -0,0 +1,85 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+/**
+ * A single aggregated reaction shown by {@link AXReactionComponent}.
+ */
+interface AXReactionItem {
+    /** Emoji metadata rendered with {@link AXEmojiComponent}. */
+    emoji: AXEmoji;
+    /** Number of users who reacted with this emoji. */
+    count: number;
+    /** Whether the current user has selected this reaction. */
+    selected?: boolean;
+}
+
+/**
+ * Telegram-style reaction chips for chat messages.
+ * Renders emojis with {@link AXEmojiComponent} and opens {@link AXEmojiPickerComponent}
+ * inside {@link AXPopoverComponent} when editable.
+ *
+ * @category Components
+ */
+declare class AXReactionComponent {
+    /**
+     * Aggregated reactions to display.
+     *
+     * @defaultValue []
+     */
+    readonly items: _angular_core.InputSignal<readonly AXReactionItem[]>;
+    /**
+     * Rendered emoji size in pixels.
+     *
+     * @defaultValue 18
+     */
+    readonly size: _angular_core.InputSignal<number>;
+    /**
+     * When true, reactions are interactive and an add button opens the emoji picker popover.
+     *
+     * @defaultValue false
+     */
+    readonly editable: _angular_core.InputSignal<boolean>;
+    /**
+     * When true, the emoji picker popover is opened.
+     *
+     * @defaultValue false
+     */
+    readonly showPicker: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits when the user selects a new reaction or an unselected existing one.
+     */
+    readonly add: _angular_core.OutputEmitterRef<AXEmoji>;
+    /**
+     * Emits when the user removes their own reaction.
+     */
+    readonly remove: _angular_core.OutputEmitterRef<AXEmoji>;
+    private readonly pickerPopover;
+    /** Whether the emoji picker popover is currently open. */
+    protected readonly pickerOpen: _angular_core.WritableSignal<boolean>;
+    /** Whether the add button should appear pressed while the picker is open. */
+    protected readonly isPickerVisible: _angular_core.Signal<boolean>;
+    constructor();
+    /** Toggles a reaction without mutating counts; parent owns state. */
+    protected onItemClick(item: AXReactionItem): void;
+    /** Opens or closes the emoji picker popover. */
+    protected togglePicker(event?: Event): void;
+    /** Forwards a picker selection as `add` and closes the popover. */
+    protected onPickerSelected(emoji: AXEmoji): void;
+    /** Syncs the add-button pressed state when the popover opens. */
+    protected onPickerOpened(): void;
+    /** Syncs the add-button pressed state when the popover closes. */
+    protected onPickerClosed(): void;
+    /** Accessible name for an existing reaction chip. */
+    protected itemAriaLabel(item: AXReactionItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXReactionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXReactionComponent, "ax-reaction", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "showPicker": { "alias": "showPicker"; "required": false; "isSignal": true; }; }, { "add": "add"; "remove": "remove"; }, never, never, true, never>;
+}
+
+declare class AXReactionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXReactionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXReactionModule, never, [typeof AXReactionComponent], [typeof AXReactionComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXReactionModule>;
+}
+
+export { AXReactionComponent, AXReactionModule };
+export type { AXReactionItem };

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

@@ -115,7 +115,6 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     private translationService;
     private eventService;
     private translationRevision;
-    private viewModeSelectbox;
     private calendarPopover;
     private _calendarDayCellTemplate;
     private _calendarMonthCellTemplate;
@@ -133,8 +132,8 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
     appointments: _angular_core.Signal<AXSchedulerAppointment[]>;
     protected readonly rtl: _angular_core.Signal<boolean>;
     protected isFullScreen: _angular_core.WritableSignal<boolean>;
-    protected viewsDataSource: _angular_core.WritableSignal<{
-        id: string;
+    protected viewsDataSource: _angular_core.Signal<{
+        id: AXSchedulerView;
         text: string;
     }[]>;
     private prevDate;
@@ -186,7 +185,6 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
      */
     private getWeekReanchorDate;
     private syncCurrentDateAfterLocaleChange;
-    private fillDataSource;
     private getGridDateRange;
     currentDateText: _angular_core.Signal<string>;
     calendarDepth: _angular_core.Signal<"day" | "month" | "year">;

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

@@ -12,7 +12,7 @@ import { Observable } from 'rxjs';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/forms';
 import * as i4 from '@acorex/components/check-box';
-import * as i5 from '@acorex/components/badge';
+import * as i5 from '@acorex/components/tag';
 import * as i6 from '@acorex/components/decorators';
 import * as i7 from '@acorex/core/translation';
 import * as i8 from '@acorex/components/popover';
@@ -22,8 +22,10 @@ import * as i11 from '@acorex/components/text-box';
 
 declare const AXSelectBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXSelectionValueComponent, typeof MXLookComponent]>;
 /**
- * The Button is a component which detects user interaction and triggers a corresponding event
- * @category
+ * @deprecated Use `combo-box` when your data is a simple array. Use `lookup` when you need advanced features and `AXDataSource` support.
+ * This component is deprecated and no longer supported.
+ *
+ * @category Components
  */
 declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements OnDestroy {
     #private;
@@ -56,6 +58,13 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     protected _dropdownWidth: _angular_core.WritableSignal<string>;
     /** @ignore */
     protected _dropdownHeight: _angular_core.WritableSignal<string>;
+    /**
+     * Pixel height for the popover list and CDK viewport. Uses the sized height
+     * when known, otherwise the standard `maxVisibleItems × itemHeight` viewport.
+     * Always a pixel value so virtual scroll has a definite size on first open.
+     * @ignore
+     */
+    protected _panelMinHeight: _angular_core.Signal<string>;
     /** @ignore */
     protected _listDataSource: AXDataSource<any>;
     /** @ignore */
@@ -159,6 +168,10 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected _handleItemSelected(e: AXItemSelectedEvent): void;
     private resetSearchAfterSelection;
+    private _getListItemPx;
+    private _getMaxVisibleItems;
+    /** Standard popover list height: `maxVisibleItems` rows (default 5). */
+    private _getStandardListHeightPx;
     /** @ignore */
     private setDropdownSize;
     /**
@@ -189,9 +202,13 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
+/**
+ * @deprecated Use `combo-box` when your data is a simple array. Use `lookup` when you need advanced features and `AXDataSource` support.
+ * This module is deprecated and no longer supported.
+ */
 declare class AXSelectBoxModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSelectBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXPopoverModule, typeof i9.AXLoadingModule, typeof i10.A11yModule, typeof i11.AXTextBoxModule, typeof i12.AXDropdownModule, typeof i13.AXListModule, typeof AXSelectBoxComponent], [typeof AXSelectBoxComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSelectBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXTagModule, typeof i6.AXDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXPopoverModule, typeof i9.AXLoadingModule, typeof i10.A11yModule, typeof i11.AXTextBoxModule, typeof i12.AXDropdownModule, typeof i13.AXListModule, typeof AXSelectBoxComponent], [typeof AXSelectBoxComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSelectBoxModule>;
 }
 

package/types/acorex-components-selection-list.d.ts

@@ -80,7 +80,7 @@ declare class AXSelectionListComponent extends MXSelectionValueComponent {
     /** @ignore */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXSelectionListModule {