@acorex/components 21.0.2-next.3 → 21.0.2-next.30

package/types/acorex-components-data-pager.d.ts

@@ -164,6 +164,8 @@ declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     protected _currentPage: number;
     protected _lastPage: number;
     protected _loading: boolean;
+    private localeService;
+    protected rtlstatus: i0.Signal<boolean>;
     /**
      *  @ignore
      */

package/types/acorex-components-data-table.d.ts

@@ -108,6 +108,10 @@ declare abstract class AXDataTableColumnComponent {
     fixed: 'start' | 'end' | undefined;
     allowSorting: boolean;
     allowResizing: boolean;
+    /**
+     * When true, shows the cell content as tooltip on hover (via `axTooltip`).
+     */
+    hasTitle: boolean;
     sortIndex: number | undefined;
     sortOrder: AXSortOrder | undefined;
     abstract get renderCellTemplate(): TemplateRef<unknown>;
@@ -247,7 +251,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     get name(): string;
     /**
-     * Returns the display text for a row cell. Used for cell tooltip when title is enabled on the table.
+     * Returns the display text for a row cell. Used for cell tooltip when the column has `hasTitle`.
      */
     getCellDisplayText(rowData: unknown): string;
     /**
@@ -264,7 +268,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     formatOptions: AXFormatOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableTextColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type AXRowCommandItem = AXButtonItemListItem & {
@@ -621,10 +625,6 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     customDataPager: AXDataPagerComponent;
-    /**
-     * When true, shows the cell content as tooltip (title attribute) on hover.
-     */
-    title: boolean;
     /**
      *  @ignore
      */
@@ -860,7 +860,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     ngAfterViewInit(): void;
     private captureAutoFitIntentColumns;
     /**
-     * Returns the display text for a cell. Used for the native title (tooltip) on each cell.
+     * Returns the display text for a cell. Used for the cell tooltip when the column has `hasTitle`.
      */
     protected getCellTooltipText(column: AXDataTableColumnComponent, rowData: unknown): string;
     /**
@@ -992,7 +992,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
         headerOnly?: boolean;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
 }
 
 declare class AXDataTableModule {

package/types/acorex-components-flow-chart.d.ts

@@ -45,6 +45,8 @@ type AXLineClickEvent = {
 declare class AXFlowChartService {
     #private;
     private zone;
+    private platformId;
+    private document;
     initialFlowChartEdge: _angular_core.WritableSignal<any[]>;
     initialFlowChartNode: _angular_core.WritableSignal<any[]>;
     selectedNode: _angular_core.WritableSignal<AXFlowChartNodes>;
@@ -113,6 +115,8 @@ declare class AXFlowChartRendererComponent extends NXComponent implements OnDest
     private canvas;
     private svg;
     private service;
+    private document;
+    private platformId;
     readonly onLineClick: _angular_core.OutputEmitterRef<AXLineClickEvent>;
     readonly onLineDbClick: _angular_core.OutputEmitterRef<AXLineClickEvent>;
     readonly onNodeClick: _angular_core.OutputEmitterRef<AXNodeClickEvent>;

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

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { WritableSignal, OutputEmitterRef, OnDestroy } from '@angular/core';
 import { AXStyleColorType, NXComponent, NXClickEvent, AXOrientation, NXEvent } from '@acorex/cdk/common';
 import { AXPoint } from '@acorex/core/utils';
+import { UrlTree, IsActiveMatchOptions } from '@angular/router';
 import { Subject } from 'rxjs';
 
 type AXMenuOpenTrigger = 'click' | 'hover';
@@ -16,22 +17,37 @@ declare abstract class AXRootMenu {
 }
 declare abstract class AXMenuItemComponentBase {
 }
-declare abstract class AXMenuItem {
-    color?: AXStyleColorType;
-    name?: string;
+/** Shared tree item shape for `ax-menu`, `ax-context-menu`, and `ax-side-menu`. */
+interface AXMenuItem {
     text: string;
-    data?: any;
+    name?: string;
     icon?: string;
+    data?: unknown;
     disabled?: boolean;
     items?: AXMenuItem[];
+    color?: AXStyleColorType;
     suffix?: {
         text: string;
     };
+    /** Side-menu alias for `suffix.text`. */
+    suffixText?: string;
     break?: boolean;
     group?: {
         name?: string;
         title?: string;
     };
+    title?: string;
+    routerLink?: string | any[] | UrlTree;
+    routerLinkActive?: string | string[];
+    routerLinkActiveOptions?: {
+        exact: boolean;
+    } | IsActiveMatchOptions;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    active?: boolean;
+    isLoading?: boolean;
+    isCollapsed?: boolean;
+    toggleOnClick?: boolean;
 }
 declare class AXMenuItemClickBaseEvent<T extends NXComponent = NXComponent> extends NXClickEvent<T> {
     item: {
@@ -56,6 +72,8 @@ declare class AXContextMenuComponent extends NXComponent {
     readonly orientation: _angular_core.InputSignal<AXOrientation>;
     readonly openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
     readonly closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;
+    /** When true, closes the menu on router navigation (e.g. side-menu route changes). */
+    readonly closeOnRouteChange: _angular_core.InputSignal<boolean>;
     readonly originalItems: _angular_core.InputSignal<AXMenuItem[]>;
     readonly target: _angular_core.InputSignal<string | HTMLElement | HTMLElement[]>;
     onItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
@@ -68,7 +86,11 @@ declare class AXContextMenuComponent extends NXComponent {
     private document;
     private platformID;
     private zIndexService;
+    private injector;
     private zToken;
+    private lastOpenPoint;
+    private router;
+    private destroyRef;
     /** @ignore */
     constructor();
     ngOnDestroy(): void;
@@ -92,6 +114,8 @@ declare class AXContextMenuComponent extends NXComponent {
     private originalParent;
     protected items: _angular_core.WritableSignal<AXMenuItem[]>;
     /** @ignore */
+    private setupCloseOnRouteChange;
+    /** @ignore */
     private getTargetElements;
     /** @ignore */
     private bindContextEvent;
@@ -101,6 +125,13 @@ declare class AXContextMenuComponent extends NXComponent {
     private handleContextMenu;
     /** @ignore */
     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.
+     */
+    private positionAtPoint;
+    /** Measures menu size even when an ancestor hides the host with `display: none`. */
+    private measureMenuRect;
     /** @ignore */
     private createBackdrop;
     /** @ignore */
@@ -111,7 +142,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; }; "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-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -131,6 +162,7 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private scrollableParents;
     private unsuscriber;
     private renderer;
+    private injector;
     private zIndexService;
     private zToken;
     protected arrowIcon: _angular_core.Signal<string>;
@@ -161,10 +193,18 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
      * @returns void - No return value. Triggers submenu closing side-effects.
      */
     close(): void;
+    /**
+     * Positions the submenu after layout so nested levels measure their full height.
+     */
+    private schedulePositionCalculation;
     /**
      * Calculate the position of the submenu to avoid it going out of the viewport.
      */
     private calculatePosition;
+    /** Measures submenu size using the same flex layout as the rendered menu. */
+    private measureSubmenuRect;
+    /** Keeps the submenu fully inside the viewport vertically. */
+    private clampVerticalPosition;
     handleClick(e: MouseEvent): void;
     handleMouseEnter(event: MouseEvent): void;
     private mouseLeaveTimeout;
@@ -234,5 +274,5 @@ declare class AXMenuModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMenuModule>;
 }
 
-export { AXContextMenuComponent, AXContextMenuOpeningEvent, AXMenuComponent, AXMenuItem, AXMenuItemClickBaseEvent, AXMenuItemComponent, AXMenuItemComponentBase, AXMenuModule, AXMenuService, AXRootMenu };
-export type { AXContextMenuItemsClickEvent, AXMenuCloseTrigger, AXMenuItemClickEvent, AXMenuItemsClickEvent, AXMenuOpenTrigger };
+export { AXContextMenuComponent, AXContextMenuOpeningEvent, AXMenuComponent, AXMenuItemClickBaseEvent, AXMenuItemComponent, AXMenuItemComponentBase, AXMenuModule, AXMenuService, AXRootMenu };
+export type { AXContextMenuItemsClickEvent, AXMenuCloseTrigger, AXMenuItem, AXMenuItemClickEvent, AXMenuItemsClickEvent, AXMenuOpenTrigger };

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

@@ -29,11 +29,20 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
     protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
     private input;
     protected stringValue: _angular_core.WritableSignal<string>;
+    private translationService;
+    protected validateFn: (val: number) => Promise<{
+        result: boolean;
+        message: string;
+    } | {
+        result: boolean;
+        message?: undefined;
+    }>;
     protected internalValueChanged(value: number | undefined): void;
     private plusValue;
     private minusValue;
     private getNumericValue;
     private getSteppedValue;
+    private clampToRange;
     private getFractionDigits;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;
     protected handleUpClick(): void;

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

@@ -9,7 +9,7 @@ import * as i3 from '@acorex/components/decorators';
 import * as i4 from '@acorex/core/translation';
 
 type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
-type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
+type AXPopupSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';
 interface AXPopupConfig {
     title?: string;
     closeButton?: boolean;
@@ -23,6 +23,7 @@ interface AXPopupConfig {
     hasBackdrop?: boolean;
     backdropClass?: string;
     closeOnBackdropClick?: boolean;
+    closeOnNavigation?: boolean;
     viewContainerRef?: ViewContainerRef;
     providers?: StaticProvider[];
     panelClass?: string[];
@@ -67,6 +68,8 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
     private loadingService;
     private _platform;
     private componentService;
+    private _router;
+    private _destroyRef;
     private contentContainerRef;
     private contentContainerEl;
     readonly __content__: i0.InputSignal<AXPopupContentType>;
@@ -97,6 +100,13 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
     private elementStartPos;
     /** @ignore */
     ngOnInit(): void;
+    /**
+     * Subscribes to router navigation events so the popup is closed automatically
+     * when the user navigates to another route. Enabled by default; disable via
+     * `closeOnNavigation: false` in the popup config.
+     * @ignore
+     */
+    private _setupCloseOnNavigation;
     /** @ignore */
     private renderContent;
     /** @ignore */

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

@@ -7,6 +7,7 @@ type AXQrcodeLevel = 'L' | 'M' | 'Q' | 'H';
 declare function debounce(func: (...args: any) => void, delayMS: number): (...args: any[]) => void;
 
 declare class AXQrcodeComponent implements AfterViewInit {
+    private platformId;
     /**
      * @description Value of QR code
      */

package/types/acorex-components-query-builder.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
 import * as i1 from '@acorex/components/button-group';
 import { AXButtonGroupItemComponent } from '@acorex/components/button-group';
+import { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import * as i2 from '@acorex/components/decorators';

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

@@ -1,6 +1,8 @@
 import * as _angular_core from '@angular/core';
+import { Signal, ElementRef } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { MXInteractiveComponent, AXClickEvent, NXComponent } from '@acorex/cdk/common';
+import { AXMenuItem, AXContextMenuItemsClickEvent } from '@acorex/components/menu';
 import * as i5 from '@angular/router';
 import { UrlTree, IsActiveMatchOptions } from '@angular/router';
 import * as i1 from '@angular/common';
@@ -8,9 +10,22 @@ import * as i3 from '@acorex/components/loading';
 import * as i4 from '@acorex/core/translation';
 import * as i6 from '@acorex/components/decorators';
 
+/**
+ * DI token for the parent `ax-side-menu`. Child `ax-side-menu-item`s inject this
+ * to read shared state (e.g. the current display mode) without creating a
+ * circular import on the concrete `AXSideMenuComponent` class.
+ */
+declare abstract class AXSideMenuBase {
+    abstract readonly mode: Signal<'full' | 'compact'>;
+}
+
 declare class AXSideMenuItemClickEvent extends AXClickEvent {
     handled: boolean;
 }
+/** Routes context-menu clicks back to the matching `ax-side-menu-item`. */
+interface AXSideMenuContextMenuItemData {
+    sideMenuItem: AXSideMenuItemComponent;
+}
 declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     #private;
     text: _angular_core.ModelSignal<string>;
@@ -18,9 +33,6 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     isLoading: _angular_core.ModelSignal<boolean>;
     isCollapsed: _angular_core.ModelSignal<boolean>;
     onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
-    tooltipStatus: _angular_core.WritableSignal<boolean>;
-    tooltipText: _angular_core.InputSignal<string>;
-    private elem;
     readonly toggleOnClick: _angular_core.InputSignal<boolean>;
     readonly href: _angular_core.InputSignal<string>;
     readonly routerLink: _angular_core.InputSignal<string | any[] | UrlTree>;
@@ -29,56 +41,106 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
         exact: boolean;
     } | IsActiveMatchOptions>;
     readonly target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
-    private childItems;
+    protected menuItemTrigger: _angular_core.Signal<ElementRef<HTMLElement>>;
     protected hasChild: _angular_core.WritableSignal<boolean>;
-    private checkForChildren;
-    protected _handleClickEvent(e: MouseEvent): void;
+    protected isCompactMode: _angular_core.Signal<boolean>;
+    /** Top-level rail entry in compact mode (opens the flyout context menu). */
+    protected isFirstLevel: _angular_core.Signal<boolean>;
+    /** Tooltip text for first-level items in compact mode only. */
+    protected tooltipContent: _angular_core.Signal<string>;
+    private readonly elem;
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly menuMode;
+    private readonly contentLabel;
+    private childObserver;
+    private childRefreshScheduled;
+    private readonly childItems;
+    private readonly childrenSlot;
+    private readonly childrenContextMenu;
+    private get hostElement();
+    syncMenuMode(mode: 'full' | 'compact'): void;
+    /** Builds the cascading `AXMenuItem` tree used by the compact-mode context menu. */
+    buildMenuItemsFromChildren(): AXMenuItem[];
+    activateFromContextMenu(nativeEvent: MouseEvent): void;
     toggle(): void;
     open(): void;
     close(): void;
+    protected handleContextMenuItemClick(event: AXContextMenuItemsClickEvent): void;
+    protected handleContextMenuClosed(): void;
+    protected handleClickEvent(e: MouseEvent): void;
+    private openCompactContextMenu;
+    private getContextMenuAnchorPoint;
+    private mapSlotChildrenToMenuItems;
+    private toMenuItem;
+    private hasNestedChildren;
+    /** Direct `ax-side-menu-item` children of `menuHost` (defaults to this item). */
+    private getDirectChildElements;
+    private reparentOrphanedChildren;
+    private scheduleChildRefresh;
+    private hasRelevantMutation;
+    private nodeListContainsMenuStructuralNode;
+    private getItemLabel;
+    private getItemIcon;
+    private getItemSuffix;
+    private getInstanceFromElement;
+    private closeSiblingCompactMenus;
+    private updateHasChild;
+    private updateContentLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "ax-text", "*", "ax-suffix"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container, [ngTemplateOutlet]", "ax-divider", "ax-prefix", "*", "ax-suffix"], true, never>;
 }
 
 type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color' | 'default';
 type AXSideMenuLocation = 'start' | 'end';
-type AXSideMenuItem = {
-    title?: string;
-    routerLink?: string | any[] | UrlTree;
-    routerLinkActive?: string | string[];
-    routerLinkActiveOptions?: {
-        exact: boolean;
-    } | IsActiveMatchOptions;
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    text: string;
-    active?: boolean;
-    disabled?: boolean;
-    isLoading?: boolean;
-    isCollapsed?: boolean;
-    icon?: string;
-    data?: unknown;
-    suffixText?: string;
-    toggleOnClick?: boolean;
-    items?: AXSideMenuItem[];
-};
 /**
  * @category
  * A component for displaying a side menu with customizable content.
  */
-declare class AXSideMenuComponent extends NXComponent {
+declare class AXSideMenuComponent extends NXComponent implements AXSideMenuBase {
     #private;
-    items: _angular_core.ModelSignal<AXSideMenuItem[]>;
+    items: _angular_core.ModelSignal<AXMenuItem[]>;
     readonly look: _angular_core.InputSignal<AXSideMenuLook>;
     readonly location: _angular_core.InputSignal<AXSideMenuLocation>;
     readonly mode: _angular_core.InputSignal<"full" | "compact">;
-    children: _angular_core.Signal<readonly AXSideMenuItemComponent[]>;
     private elementRef;
-    private firstLevelItems;
+    /**
+     * All `ax-side-menu-item` instances discovered by walking the host DOM.
+     *
+     * We use DOM discovery (instead of `contentChildren`) because Angular content
+     * queries do **not** traverse embedded views created by `ngTemplateOutlet`,
+     * and the `AXSideMenuBase` DI token is not reachable from inside those views
+     * either (they inherit injection from the template's declaration site, not
+     * the insertion site). Walking the DOM works for direct projection,
+     * structural directives, and recursive `ngTemplateOutlet`-based templates
+     * uniformly.
+     */
+    private _items;
+    /** Read-only signal exposing every discovered `ax-side-menu-item` instance. */
+    readonly children: _angular_core.Signal<AXSideMenuItemComponent[]>;
+    private platformId;
+    private destroyRef;
+    hostElement: HTMLElement;
+    private domRefreshScheduled;
+    private domRefreshObserver;
+    /**
+     * Walks the host DOM to discover every nested `ax-side-menu-item`, looks up
+     * the component instance through the `__axContext__` property that
+     * `MXBaseComponent.ngOnInit` attaches to each host element, and updates the
+     * internal items signal and `.first-level` CSS class accordingly.
+     *
+     * Triggered both initially and from a `MutationObserver` so recursive
+     * templates that add/remove items at runtime stay in sync.
+     */
+    private refreshItemsFromDom;
+    private scheduleDomRefresh;
+    private hasRelevantMenuItemMutation;
+    private nodeListContainsMenuItem;
+    private addFirstLevelClass;
     /** @ignore */
     private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; }, ["children"], ["ax-side-menu-item,ax-title,ng-container,ng-content"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; }, never, ["ax-side-menu-item,ax-title,ng-container,[ngTemplateOutlet]"], true, never>;
 }
 
 declare class AXOutlineSideMenuDirective {
@@ -107,5 +169,5 @@ declare class AXSideMenuModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSideMenuModule>;
 }
 
-export { AXOutlineSideMenuDirective, AXSideMenuComponent, AXSideMenuItemClickEvent, AXSideMenuItemComponent, AXSideMenuModule };
-export type { AXSideMenuItem, AXSideMenuLocation, AXSideMenuLook };
+export { AXOutlineSideMenuDirective, AXSideMenuBase, AXSideMenuComponent, AXSideMenuItemClickEvent, AXSideMenuItemComponent, AXSideMenuModule };
+export type { AXSideMenuContextMenuItemData, AXSideMenuLocation, AXSideMenuLook };

package/types/acorex-components-step-wizard.d.ts

@@ -6,7 +6,7 @@ interface AXStepWizardItem {
     id: string;
     title: string;
 }
-type AXStepWizardLook = 'rounded-icon' | 'circular-icon' | 'circular' | 'text-line' | 'custom';
+type AXStepWizardLook = 'rounded-icon' | 'circular-icon' | 'circular' | 'text-line' | 'rounded-arrow-minimal' | 'rectangular-arrow-minimal' | 'custom';
 type AXStepWizardSize = 'ax-sm' | 'ax-md' | 'ax-lg';
 type AXStepWizardState = 'pending' | 'success' | 'error' | 'warning' | 'clear';
 
@@ -21,6 +21,7 @@ declare class AXStepWizardItemComponent extends MXBaseComponent {
     state: _angular_core.ModelSignal<AXStepWizardState>;
     stepId: _angular_core.WritableSignal<string>;
     className: _angular_core.Signal<string>;
+    isArrowMinimalLook: _angular_core.Signal<boolean>;
     template: _angular_core.Signal<TemplateRef<unknown>>;
     set id(v: string);
     private get __hostClass();