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

package/file-explorer/index.d.ts

@@ -0,0 +1,103 @@
+import * as i0 from '@angular/core';
+import * as i8 from '@acorex/components/tree-view-legacy';
+import { AXTreeViewLegacyComponent, AXTreeItemClickBaseEventLegacy } from '@acorex/components/tree-view-legacy';
+import { MXBaseComponent } from '@acorex/cdk/common';
+import * as i7 from '@acorex/components/drawer';
+import { AXDrawerComponent } from '@acorex/components/drawer';
+import * as i6 from '@acorex/components/menu';
+import { AXContextMenuComponent, AXContextMenuOpeningEvent, AXContextMenuItemsClickEvent } from '@acorex/components/menu';
+import * as i1 from '@acorex/components/decorators';
+import * as i2 from '@acorex/components/button';
+import * as i3 from '@acorex/components/breadcrumbs';
+import * as i4 from '@angular/common';
+import * as i5 from '@acorex/components/toolbar';
+
+declare class AXFileExplorerContainerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFileExplorerContainerComponent, "ax-file-explorer-container", never, {}, {}, never, ["ax-file-explorer-tree", "ax-file-explorer-view"], true, never>;
+}
+
+type ViewModeType = 'ax-large-icon' | 'ax-small-icon' | 'ax-list-icon';
+interface AXFileExplorerSchema {
+    id: number | string;
+    parentId?: number | string;
+    text: string;
+    extension: string;
+    icon?: string;
+    description?: string;
+    lastModify?: string;
+    size?: string;
+}
+
+declare class AXFileExplorerInternalService {
+    viewMode: i0.WritableSignal<ViewModeType>;
+    treeViewState: i0.WritableSignal<boolean>;
+    allData: i0.WritableSignal<AXFileExplorerSchema[]>;
+    showData: i0.WritableSignal<AXFileExplorerSchema[]>;
+    breadcrumbsData: i0.WritableSignal<string[]>;
+    activeFolderId: i0.WritableSignal<string | number>;
+    dataCallBack: i0.WritableSignal<(selectedItemId?: string | number, sortBy?: "name" | "date" | "type") => any>;
+    treeViewInstant: i0.WritableSignal<AXTreeViewLegacyComponent>;
+    clickedItems: Set<unknown>;
+    findItemInNestedArray(array: any[], predicate: (item: any) => boolean): any;
+    dbClickHandler(item?: AXFileExplorerSchema, isTreeViewClicked?: boolean): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerInternalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXFileExplorerInternalService>;
+}
+
+declare class AXFileExplorerService {
+    private internalService;
+    backButtonHandler(): void;
+    menuToggleHandler(): void;
+    changeViewHandler(v: ViewModeType): void;
+    sortItemHandler(sort: 'name' | 'date' | 'type'): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXFileExplorerService>;
+}
+
+declare class AXFileExplorerHeaderComponent {
+    protected service: AXFileExplorerService;
+    protected internalService: AXFileExplorerInternalService;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFileExplorerHeaderComponent, "ax-file-explorer-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXFileExplorerItemComponent extends MXBaseComponent {
+    data: i0.InputSignal<AXFileExplorerSchema>;
+    dbClick: i0.OutputEmitterRef<void>;
+    viewMode: i0.InputSignal<ViewModeType>;
+    protected dbClickHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFileExplorerItemComponent, "ax-file-explorer-item", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "dbClick": "dbClick"; }, never, never, true, never>;
+}
+
+declare class AXFileExplorerTreeComponent {
+    #private;
+    protected internalService: AXFileExplorerInternalService;
+    protected drawer: i0.Signal<AXDrawerComponent>;
+    protected treeView: i0.Signal<AXTreeViewLegacyComponent>;
+    protected openFolderOnViewHandler(e: AXTreeItemClickBaseEventLegacy): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerTreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFileExplorerTreeComponent, "ax-file-explorer-tree", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXFileExplorerViewComponent {
+    #private;
+    dataCallBack: i0.InputSignal<(selectedItemId?: string | number, sortBy?: "name" | "date" | "type") => any>;
+    protected contextMenu: i0.Signal<AXContextMenuComponent>;
+    protected internalService: AXFileExplorerInternalService;
+    protected setInitialAllData(): Promise<void>;
+    protected handleContextMenuOpening(e: AXContextMenuOpeningEvent): void;
+    protected handleContextMenuItemClick(e: AXContextMenuItemsClickEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFileExplorerViewComponent, "ax-file-explorer-view", never, { "dataCallBack": { "alias": "dataCallBack"; "required": true; "isSignal": true; }; }, {}, never, ["ax-file-explorer-header"], true, never>;
+}
+
+declare class AXFileExplorerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFileExplorerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFileExplorerModule, never, [typeof i1.AXDecoratorModule, typeof i2.AXButtonModule, typeof i3.AXBreadcrumbsModule, typeof i4.CommonModule, typeof i5.AXToolBarModule, typeof i6.AXMenuModule, typeof i7.AXDrawerModule, typeof i8.AXTreeViewLegacyModule, typeof AXFileExplorerContainerComponent, typeof AXFileExplorerViewComponent, typeof AXFileExplorerItemComponent, typeof AXFileExplorerHeaderComponent, typeof AXFileExplorerTreeComponent], [typeof AXFileExplorerContainerComponent, typeof AXFileExplorerViewComponent, typeof AXFileExplorerItemComponent, typeof AXFileExplorerHeaderComponent, typeof AXFileExplorerTreeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXFileExplorerModule>;
+}
+
+export { AXFileExplorerContainerComponent, AXFileExplorerHeaderComponent, AXFileExplorerItemComponent, AXFileExplorerModule, AXFileExplorerService, AXFileExplorerTreeComponent, AXFileExplorerViewComponent };
+export type { AXFileExplorerSchema, ViewModeType };

package/{types/acorex-components-form.d.ts → form/index.d.ts}

@@ -1,5 +1,5 @@
-import * as _angular_core from '@angular/core';
-import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, InjectionToken } from '@angular/core';
+import * as i0 from '@angular/core';
+import { OnDestroy, AfterViewInit, EventEmitter, AfterContentChecked, WritableSignal, InjectionToken } from '@angular/core';
 import { MXValueComponent, AXStyleLookType, AXEvent, MXBaseComponent } from '@acorex/cdk/common';
 import * as i5 from '@acorex/core/validation';
 import { AXValidationSummary, AXValidationRuleOptions } from '@acorex/core/validation';
@@ -34,14 +34,14 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
      */
-    readonly labelMode: _angular_core.InputSignal<AXLabelMode>;
-    readonly look: _angular_core.InputSignal<AXStyleLookType>;
-    content: _angular_core.Signal<readonly AXFormFieldComponent[]>;
+    readonly labelMode: i0.InputSignal<AXLabelMode>;
+    readonly look: i0.InputSignal<AXStyleLookType>;
+    content: i0.Signal<readonly AXFormFieldComponent[]>;
     /**
      * Determines the style of the message in the form field.
      * @defaultValue 'bottom'
      */
-    readonly messageStyle: _angular_core.InputSignal<AXFormMessageStyle>;
+    readonly messageStyle: i0.InputSignal<AXFormMessageStyle>;
     /**
      * Emitted when the form is validated.
      *
@@ -67,7 +67,7 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      * @param v The criteria to set (e.g., 'change', 'blur').
      */
     set updateOn(v: AXFormUpdateOn);
-    inUserInteractionActive: _angular_core.InputSignal<boolean>;
+    inUserInteractionActive: i0.InputSignal<boolean>;
     /**
      *  @ignore
      */
@@ -121,8 +121,8 @@ declare class AXFormComponent extends MXValueComponent implements OnDestroy, Aft
      *  @ignore
      */
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFormComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "messageStyle": { "alias": "messageStyle"; "required": false; "isSignal": true; }; "updateOn": { "alias": "updateOn"; "required": false; }; "inUserInteractionActive": { "alias": "inUserInteractionActive"; "required": false; "isSignal": true; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "messageStyle": { "alias": "messageStyle"; "required": false; "isSignal": true; }; "updateOn": { "alias": "updateOn"; "required": false; }; "inUserInteractionActive": { "alias": "inUserInteractionActive"; "required": false; "isSignal": true; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, ["content"], ["*"], true, never>;
 }
 
 /**
@@ -135,11 +135,11 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      * Specifies the mode of the label in the form field.
      *  @defaultValue 'static'
      */
-    readonly labelMode: _angular_core.InputSignal<AXLabelMode>;
+    readonly labelMode: i0.InputSignal<AXLabelMode>;
     /**
      *  @ignore
      */
-    protected _labelMode: _angular_core.WritableSignal<AXLabelMode>;
+    protected _labelMode: WritableSignal<AXLabelMode>;
     private unsubscriber;
     private input;
     /**
@@ -191,8 +191,8 @@ declare class AXFormFieldComponent extends MXBaseComponent implements AfterConte
      *  @ignore
      */
     get __hostClass(): string[];
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFormFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFormFieldComponent, "ax-form-field", never, { "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; }, {}, ["input", "label"], ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormFieldComponent, "ax-form-field", never, { "labelMode": { "alias": "labelMode"; "required": false; "isSignal": true; }; }, {}, ["input", "label"], ["*"], true, never>;
 }
 
 interface AXFormConfig {
@@ -205,16 +205,16 @@ declare function formConfig(config?: PartialFormConfig): AXFormConfig;
 declare class AXValidationRuleDirective implements OnDestroy {
     #private;
     private host;
-    rule: _angular_core.InputSignal<string>;
-    options: _angular_core.InputSignal<Omit<AXValidationRuleOptions, "message">>;
-    message: _angular_core.InputSignal<string>;
-    disabled: _angular_core.InputSignal<boolean>;
+    rule: i0.InputSignal<string>;
+    options: i0.InputSignal<Omit<AXValidationRuleOptions, "message">>;
+    message: i0.InputSignal<string>;
+    disabled: i0.InputSignal<boolean>;
     ngOnDestroy(): void;
     private addValidation;
     private removeValidation;
     private get ruleOptions();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXValidationRuleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXValidationRuleDirective, "ax-validation-rule", never, { "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationRuleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXValidationRuleDirective, "ax-validation-rule", never, { "rule": { "alias": "rule"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type AXValidationSummaryDisplayMode = 'toast' | 'alert';
@@ -284,14 +284,14 @@ declare class AXValidationSummaryComponent extends MXBaseComponent implements On
      *  @ignore
      */
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXValidationSummaryComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": { "alias": "title"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": { "alias": "title"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class AXFormModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFormModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXFormModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof i3.AXAlertModule, typeof i4.AXButtonModule, typeof i5.AXValidationModule, typeof i6.AXTranslationModule, typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent], [typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXFormModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFormModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof i3.AXAlertModule, typeof i4.AXButtonModule, typeof i5.AXValidationModule, typeof i6.AXTranslationModule, typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent], [typeof AXFormFieldComponent, typeof AXFormComponent, typeof AXValidationRuleDirective, typeof AXValidationSummaryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXFormModule>;
 }
 
 export { AXFormComponent, AXFormDefaultConfig, AXFormFieldComponent, AXFormModule, AXFormValidationEvent, AXValidationRuleDirective, AXValidationSummaryComponent, AX_FORM_CONFIG, formConfig };

package/{types/acorex-components-grid-layout-builder.d.ts → grid-layout-builder/index.d.ts}

@@ -210,6 +210,7 @@ declare class AXGridLayoutContainerComponent extends NXComponent implements OnDe
      * Sets the cell height of the grid.
      *
      * @param val - New cell height value.
+     * @param update - Whether to update the grid immediately.
      * @returns void - No return value. The cell height is updated.
      */
     setCellHeight(val: number): void;

package/{types/acorex-components-loading.d.ts → loading/index.d.ts}

@@ -81,7 +81,7 @@ declare class AXLoadingComponent extends MXBaseComponent implements OnInit {
     /**
      *  @ignore
      */
-    protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
+    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingComponent, "ax-loading", never, { "visible": { "alias": "visible"; "required": false; }; "type": { "alias": "type"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, never, true, never>;
 }

package/{types/acorex-components-menu.d.ts → menu/index.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,17 +125,24 @@ 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 */
     private removeBackdrop;
     private createEventListeners;
     /** @ignore */
-    onWindowEvent(): void;
+    private onWindowEvent;
     /** @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,19 +193,27 @@ 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;
-    handleClick(e: MouseEvent): void;
-    handleMouseEnter(event: MouseEvent): void;
+    /** Measures submenu size using the same flex layout as the rendered menu. */
+    private measureSubmenuRect;
+    /** Keeps the submenu fully inside the viewport vertically. */
+    private clampVerticalPosition;
+    private handleClick;
+    private handleMouseEnter;
     private mouseLeaveTimeout;
-    handleMouseLeave(event: MouseEvent): void;
-    onWindowEvent(): void;
+    private handleMouseLeave;
+    private onWindowEvent;
     /**
      * Close all menus if clicking outside the root menu and all sub-items.
      */
-    onClickOutside(event: MouseEvent): void;
+    private onClickOutside;
     ngOnDestroy(): void;
     private bindScrollEvents;
     private removeScrollEvents;
@@ -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 → number-box/index.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/number-box-legacy/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/number-box
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/number-box`.

package/number-box-legacy/index.d.ts

@@ -0,0 +1,191 @@
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { MaskedNumber } from 'imask';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/button';
+import * as i4 from '@acorex/components/decorators';
+import * as i5 from 'angular-imask';
+
+declare const AXNumberBoxLegacyComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<number>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * The NumberBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXNumberBoxLegacyComponent extends AXNumberBoxLegacyComponent_base implements AfterViewInit {
+    /** @ignore */
+    input: ElementRef<HTMLInputElement>;
+    /** @ignore */
+    private _thousandsSeparator;
+    /**
+     * This property determines the type of the input element (e.g., 'text', 'password', 'email', etc.). It can be dynamically bound from a parent component template to change the input field type based on different conditions or requirements.
+     */
+    type: i0.InputSignal<string>;
+    /**
+     *  boolean value that specifies the number box change step by scrolling.
+     */
+    changeOnScroll: boolean;
+    /** @ignore */
+    private _allDigits;
+    /**
+     *  A number value that specifies the all digits of number.
+     */
+    get allDigits(): number;
+    /**
+     * Sets the all digits of number.
+     * @param {number} v
+     */
+    set allDigits(v: number);
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get thousandsSeparator(): string;
+    /**
+     * Sets the thousands separator for formatting.
+     * @param {string} v
+     */
+    set thousandsSeparator(v: string);
+    /** @ignore */
+    private _padDecimalZeros;
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get padDecimalZeros(): boolean;
+    /**
+     * Sets whether decimal zeros should be padded.
+     * @param {boolean} v
+     */
+    set padDecimalZeros(v: boolean);
+    /**
+     *  Specifies the value that is used to increment or decrement the **Integer** part of number
+     */
+    /**
+     * Defines the increment step value.
+     */
+    step: number;
+    /** @ignore */
+    private _decimals;
+    /**
+     *  Specifies the number of decimals that the user can enter
+     */
+    get decimals(): number;
+    /**
+     * Sets the decimal places; defaults to 0 if not provided.
+     */
+    set decimals(v: number);
+    /**
+     *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
+     */
+    /**
+     * Defines the step size for decimal values.
+     * @defaultvalue 'auto'
+     */
+    decimalStep: number | 'auto';
+    /**
+     *  Specifies whether the Up and Down spin buttons will be rendered or not
+     */
+    /**
+     * Indicates whether spin buttons are displayed.
+     * @defaultvalue true
+     */
+    showSpinButtons: boolean;
+    /** @ignore */
+    private _minValue;
+    /**
+     *  Specifies the smallest value that is valid
+     */
+    get minValue(): number;
+    /**
+     * Sets the number of decimal places to be used.
+     * @param {number} v
+     * @defaultvalue 0
+     */
+    set minValue(v: number);
+    /** @ignore */
+    private _maxValue;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get maxValue(): number;
+    /**
+     * Sets the maximum allowable value, defaulting to `Number.MAX_SAFE_INTEGER` if null.
+     * @param v
+     */
+    set maxValue(v: number);
+    /**
+     * CSS classes to apply to the component.
+     * @param classNames
+     */
+    /**
+     * CSS classes to apply to the component.
+     */
+    classNames: string;
+    /**
+     *  @ignore
+     */
+    _maskObj: MaskedNumber;
+    /** @ignore */
+    /** @ignore */
+    private _maskDirective;
+    /** @ignore */
+    private _onWheelFlag;
+    constructor();
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /**
+     * Handles internal option changes and updates the mask accordingly.
+     */
+    internalOptionChanged(): void;
+    /**
+     * Resets the input element to its default state and calls the parent class reset method.
+     */
+    reset(): void;
+    /**
+     * Ensures the value is within the min-max range, returning the default if null.
+     * @param value
+     */
+    internalSetValue(value: any): number;
+    /** @ignore */
+    private _updateMask;
+    /** @ignore */
+    _handleModelChange(value: number): void;
+    /** @ignore */
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /** @ignore */
+    protected _handleUpDownClick(v: -1 | 1, e: Event): void;
+    /**
+     * Increases the value by the step amount, ensuring it's at least the minimum value.
+     */
+    stepUp(u?: boolean): void;
+    /**
+     * Decreases the value by the step amount, ensuring it's at least the minimum value.
+     */
+    stepDown(u?: boolean): void;
+    /**
+     * Increases the value by the decimal step amount, using 'auto' or a custom step value.
+     */
+    decimalStepUp(u?: boolean): void;
+    /**
+     * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
+     */
+    decimalStepDown(u?: boolean): void;
+    onWheel(event: WheelEvent): void;
+    private get __hostName();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxLegacyComponent, "ax-number-box-legacy", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+}
+
+declare class AXNumberBoxLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNumberBoxLegacyModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXButtonModule, typeof i4.AXDecoratorModule, typeof i5.IMaskModule, typeof AXNumberBoxLegacyComponent], [typeof AXNumberBoxLegacyComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXNumberBoxLegacyModule>;
+}
+
+export { AXNumberBoxLegacyComponent, AXNumberBoxLegacyModule };