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

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

@@ -0,0 +1,454 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { AXEvent, NXComponent, AXDataSource, AXStyleLookType, AXValueChangedEvent, AXListDataSource } from '@acorex/cdk/common';
+import { AXPopoverComponent } from '@acorex/components/popover';
+import { AXTreeViewNode, AXTreeViewDataSource, AXTreeViewSelectionBehavior, AXTreeViewItemTemplateContext, AXTreeViewSelectionChangeEvent } from '@acorex/components/tree-view';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+
+/**
+ * The lookup rendering mode. Each mode is rendered by its own internal mini component:
+ *
+ * - `drop-down-list` — a predefined list of options for picking single values.
+ * - `multi-select` — a predefined list of options for multiple item selection.
+ * - `drop-down-tree` — a tree-like structure for single item selection.
+ * - `multi-select-tree` — a tree-like structure for multiple item selection.
+ * - `multi-column` — a table-structured list for single selection.
+ */
+type AXLookupMode = 'drop-down-list' | 'multi-select' | 'drop-down-tree' | 'multi-select-tree' | 'multi-column';
+/**
+ * A column definition for the `multi-column` lookup mode.
+ *
+ * - `field` — the item property rendered in this column.
+ * - `title` — the header text of the column.
+ * - `width` — optional CSS grid track size (e.g. `120px`, `1fr`, `minmax(80px, 1fr)`). Defaults to `1fr`.
+ */
+interface AXLookupColumn {
+    field: string;
+    title: string;
+    width?: string;
+}
+/**
+ * A lookup item. Items are plain records; the lookup reads them through
+ * `valueField` / `textField` / `disabledField` mappings.
+ */
+type AXLookupItem = Record<string, unknown>;
+/**
+ * Internal event emitted by the mini view components when the user picks or toggles an item.
+ */
+interface AXLookupItemClickEvent {
+    item: AXLookupItem;
+    value: unknown;
+}
+/**
+ * Emitted by `ax-lookup` when the selection changes, carrying the resolved selected items.
+ */
+interface AXLookupSelectionChangedEvent extends AXEvent {
+    items: AXLookupItem[];
+    value: unknown | unknown[] | null;
+}
+
+/**
+ * Selection payload of the multi-select tree view.
+ */
+interface AXLookupTreeSelectionEvent {
+    ids: string[];
+    nodes: AXTreeViewNode[];
+}
+/**
+ * Internal mini component for the `multi-select-tree` lookup mode:
+ * a predefined list rendered in a tree-like structure for multiple item selection.
+ *
+ * @category Components
+ */
+declare class AXLookupMultiSelectTreeComponent {
+    /**
+     * The tree datasource: an array of nodes or a lazy children callback.
+     */
+    dataSource: _angular_core.InputSignal<AXTreeViewDataSource>;
+    /**
+     * The node property used as the selection value (tree `idField`).
+     */
+    valueField: _angular_core.InputSignal<string>;
+    /**
+     * The node property used as the display text (tree `titleField`).
+     */
+    textField: _angular_core.InputSignal<string>;
+    /**
+     * The node property marking a node as disabled.
+     */
+    disabledField: _angular_core.InputSignal<string>;
+    /**
+     * Currently selected values.
+     */
+    selectedValues: _angular_core.InputSignal<unknown[]>;
+    /**
+     * How selecting parent/child nodes affects each other. Passed through to the tree-view.
+     */
+    selectionBehavior: _angular_core.InputSignal<AXTreeViewSelectionBehavior>;
+    /**
+     * Custom template rendered for each tree node.
+     */
+    nodeTemplate: _angular_core.InputSignal<TemplateRef<AXTreeViewItemTemplateContext>>;
+    /**
+     * Emitted when the user changes the tree selection.
+     */
+    selectionChange: _angular_core.OutputEmitterRef<AXLookupTreeSelectionEvent>;
+    protected selectedIds: _angular_core.Signal<string[]>;
+    protected handleSelectionChange(e: AXTreeViewSelectionChangeEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupMultiSelectTreeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupMultiSelectTreeComponent, "ax-lookup-multi-select-tree", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+/**
+ * An advanced drop-down (lookup) editor with five modes, `AXDataSource` support, and virtual scrolling.
+ *
+ * Modes (each rendered by its own internal mini component):
+ * - `drop-down-list` — a predefined list of options for picking single values.
+ * - `multi-select` — a predefined list of options for multiple item selection (chips in the trigger).
+ * - `drop-down-tree` — a predefined list rendered in a tree-like structure for single item selection.
+ * - `multi-select-tree` — a tree-like structure for multiple item selection.
+ * - `multi-column` — a table-structured list; when searchable, the trigger input filters as you type.
+ *
+ * @category Components
+ */
+declare class AXLookupComponent extends NXComponent {
+    #private;
+    /**
+     * The lookup rendering mode. Selects which mini component renders in the popup.
+     */
+    mode: _angular_core.InputSignal<AXLookupMode>;
+    /**
+     * The items source for list-based modes (`drop-down-list`, `multi-select`, `multi-column`).
+     * Accepts an `AXDataSource` (remote paging, `byKey`, server-side filter) or a plain array.
+     */
+    dataSource: _angular_core.InputSignal<AXLookupItem[] | AXDataSource<AXLookupItem>>;
+    /**
+     * The nodes source for tree modes (`drop-down-tree`, `multi-select-tree`):
+     * an array of nodes or a lazy children callback.
+     */
+    treeDataSource: _angular_core.InputSignal<AXTreeViewDataSource>;
+    /**
+     * The item property used as the selection value. Maps to the tree `idField` in tree modes.
+     */
+    valueField: _angular_core.InputSignal<string>;
+    /**
+     * The item property used as the display text. Maps to the tree `titleField` in tree modes
+     * (set it to `title` when your nodes use the default tree shape).
+     */
+    textField: _angular_core.InputSignal<string>;
+    /**
+     * The item property marking an item as disabled.
+     */
+    disabledField: _angular_core.InputSignal<string>;
+    /**
+     * Column definitions for the `multi-column` mode.
+     */
+    columns: _angular_core.InputSignal<AXLookupColumn[]>;
+    /**
+     * Whether the trigger accepts typing and filters the datasource (`true`),
+     * or is select-only with no writable input (`false`).
+     * Applies to `drop-down-list`, `multi-select`, and `multi-column`. Tree modes ignore this.
+     */
+    searchable: _angular_core.InputSignal<boolean>;
+    /**
+     * Placeholder for the trigger search input when items are already selected
+     * (mainly useful in `multi-select`). Falls back to `placeholder` when the selection is empty.
+     */
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    /**
+     * The placeholder text shown when no value is selected.
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Whether the lookup is disabled.
+     */
+    disabled: _angular_core.ModelSignal<boolean>;
+    /**
+     * Whether the lookup is readonly.
+     */
+    readonly: _angular_core.ModelSignal<boolean>;
+    /**
+     * Predefined look scheme of the editor container. Same looks as other editor components like ax-text-box.
+     */
+    look: _angular_core.ModelSignal<AXStyleLookType>;
+    /**
+     * The fixed row height in pixels used by the virtual scroll viewport (list-based modes).
+     */
+    itemHeight: _angular_core.InputSignal<number>;
+    /**
+     * The maximum number of rows visible before the popup scrolls (list-based modes).
+     */
+    maxVisibleItems: _angular_core.InputSignal<number>;
+    /**
+     * How selecting parent/child nodes affects each other in `multi-select-tree` mode.
+     */
+    treeSelectionBehavior: _angular_core.InputSignal<AXTreeViewSelectionBehavior>;
+    /**
+     * Custom template rendered for each item/node. Context: `$implicit` is the item.
+     */
+    itemTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Custom template for the selected item display (trigger text / chips). Context: `$implicit` is the item.
+     */
+    selectedTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Custom template rendered when the datasource has no items.
+     */
+    emptyTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Custom template rendered for rows whose page is still loading.
+     */
+    loadingTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * The selected value(s): a scalar in single modes, an array in
+     * `multi-select` / `multi-select-tree`. Supports two-way binding.
+     */
+    value: _angular_core.ModelSignal<unknown>;
+    /**
+     * Emitted when the selected value changes.
+     */
+    onValueChanged: _angular_core.OutputEmitterRef<AXValueChangedEvent<unknown>>;
+    /**
+     * Emitted when the selection changes, carrying the resolved selected items.
+     */
+    onSelectionChanged: _angular_core.OutputEmitterRef<AXLookupSelectionChangedEvent>;
+    /**
+     * Emitted when the popup opens.
+     */
+    onOpened: _angular_core.OutputEmitterRef<AXEvent>;
+    /**
+     * Emitted when the popup closes.
+     */
+    onClosed: _angular_core.OutputEmitterRef<AXEvent>;
+    /** Whether the popup is expanded. */
+    protected expanded: _angular_core.WritableSignal<boolean>;
+    /** Whether the current mode selects multiple values. */
+    protected isMultiple: _angular_core.Signal<boolean>;
+    /** Whether the current mode renders a tree. */
+    protected isTreeMode: _angular_core.Signal<boolean>;
+    /** Whether the trigger input is writable and filters as you type. */
+    protected isEditableTrigger: _angular_core.Signal<boolean>;
+    /** The datasource for list-based modes; plain arrays are converted. */
+    protected resolvedDataSource: _angular_core.Signal<AXDataSource<AXLookupItem>>;
+    /** The current selection normalized to an array. */
+    protected selectedValues: _angular_core.Signal<unknown[]>;
+    /** The resolved selected items (via cache, datasource `find`/`byKey`, or tree node lookup). */
+    protected selectedItems: _angular_core.WritableSignal<AXLookupItem[]>;
+    /** Display text shown in the trigger for single modes. */
+    protected displayText: _angular_core.Signal<string>;
+    /**
+     * Text typed in the editable trigger input.
+     * Multi-select starts empty; single modes sync from the selected display text.
+     */
+    protected searchText: _angular_core.WritableSignal<string>;
+    protected popoverRef: _angular_core.Signal<AXPopoverComponent>;
+    protected triggerSearchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    constructor();
+    /** Returns the display text of an item using the `textField` mapping. */
+    protected getItemText(item: AXLookupItem): string;
+    /**
+     * Opens (editable trigger) or toggles the popup on trigger click.
+     */
+    protected onTriggerClick(): void;
+    /**
+     * Keeps the expanded state in sync when the popover closes (e.g. click outside),
+     * and clears any applied search filter.
+     */
+    protected onPopoverClosed(): void;
+    /**
+     * Closes the popup.
+     */
+    close(): void;
+    /**
+     * Opens the popup.
+     */
+    open(): void;
+    /**
+     * Handles typing in the editable trigger input.
+     */
+    protected onTriggerSearchInput(text: string): void;
+    /** Placeholder for the editable trigger search input. */
+    protected triggerSearchPlaceholder: _angular_core.Signal<string>;
+    /**
+     * Commits a single pick (drop-down-list, drop-down-tree, multi-column) and closes the popup.
+     */
+    protected handleSinglePick(e: AXLookupItemClickEvent): void;
+    /**
+     * Toggles an item in the multi-select list; the popup stays open.
+     * Clears the trigger search so the full list returns (select-box-like).
+     */
+    protected handleMultiToggle(e: AXLookupItemClickEvent): void;
+    /**
+     * Applies the multi-select-tree selection to the value; the popup stays open.
+     */
+    protected handleTreeSelectionChange(e: AXLookupTreeSelectionEvent): void;
+    /**
+     * Removes a single chip from the multi selection.
+     */
+    protected removeChip(event: Event, item: AXLookupItem): void;
+    /**
+     * Clears the whole selection.
+     */
+    protected clearAll(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupComponent, "ax-lookup", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "treeDataSource": { "alias": "treeDataSource"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "treeSelectionBehavior": { "alias": "treeSelectionBehavior"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "readonly": "readonlyChange"; "look": "lookChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; "onSelectionChanged": "onSelectionChanged"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-prefix", "ax-suffix"], true, never>;
+}
+
+/**
+ * Shared `AXDataSource` + CDK virtual scroll plumbing for the list-based lookup views
+ * (`ax-lookup-drop-down-list`, `ax-lookup-multi-select`, `ax-lookup-multi-column`).
+ */
+declare abstract class AXLookupListViewBase {
+    #private;
+    /**
+     * The datasource providing the items (paged, remote-capable).
+     */
+    dataSource: _angular_core.InputSignal<AXDataSource<AXLookupItem>>;
+    /**
+     * The item property used as the selection value.
+     */
+    valueField: _angular_core.InputSignal<string>;
+    /**
+     * The item property used as the display text.
+     */
+    textField: _angular_core.InputSignal<string>;
+    /**
+     * The item property marking an item as disabled.
+     */
+    disabledField: _angular_core.InputSignal<string>;
+    /**
+     * Currently selected values (always an array, even for single selection).
+     */
+    selectedValues: _angular_core.InputSignal<unknown[]>;
+    /**
+     * The fixed row height in pixels used by the virtual scroll viewport.
+     */
+    itemHeight: _angular_core.InputSignal<number>;
+    /**
+     * The maximum number of rows visible before the popup scrolls.
+     */
+    maxVisibleItems: _angular_core.InputSignal<number>;
+    /**
+     * Custom template rendered for each item. Context: `$implicit` is the item.
+     */
+    itemTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Custom template rendered when the datasource has no items.
+     */
+    emptyTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Custom template rendered for rows whose page is still loading.
+     */
+    loadingTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Emitted when the user picks (or toggles) an item.
+     */
+    itemClick: _angular_core.OutputEmitterRef<AXLookupItemClickEvent>;
+    /** CDK virtual scroll adapter over the datasource. */
+    protected listDataSource: _angular_core.WritableSignal<AXListDataSource<AXLookupItem>>;
+    protected totalCount: _angular_core.WritableSignal<number>;
+    protected isLoading: _angular_core.WritableSignal<boolean>;
+    protected isEmpty: _angular_core.Signal<boolean>;
+    /** Viewport height so the popup grows with the items up to `maxVisibleItems`. */
+    protected viewportHeight: _angular_core.Signal<number>;
+    protected viewportRef: _angular_core.Signal<CdkVirtualScrollViewport>;
+    constructor();
+    protected getValue(item: AXLookupItem): unknown;
+    protected getText(item: AXLookupItem): string;
+    protected isSelected(item: AXLookupItem): boolean;
+    protected isDisabled(item: AXLookupItem): boolean;
+    protected handleItemClick(item: AXLookupItem | null | undefined): void;
+    protected trackByIndex: (index: number) => number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupListViewBase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXLookupListViewBase, never, never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; "isSignal": true; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/**
+ * Internal mini component for the `drop-down-list` lookup mode:
+ * a predefined, virtualized list of options for picking single values.
+ *
+ * @category Components
+ */
+declare class AXLookupDropDownListComponent extends AXLookupListViewBase {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupDropDownListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupDropDownListComponent, "ax-lookup-drop-down-list", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Internal mini component for the `multi-select` lookup mode:
+ * a predefined, virtualized list of options with checkboxes for multiple item selection.
+ *
+ * @category Components
+ */
+declare class AXLookupMultiSelectComponent extends AXLookupListViewBase {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupMultiSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupMultiSelectComponent, "ax-lookup-multi-select", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Internal mini component for the `drop-down-tree` lookup mode:
+ * a predefined list rendered in a tree-like structure for single item selection.
+ *
+ * @category Components
+ */
+declare class AXLookupDropDownTreeComponent {
+    /**
+     * The tree datasource: an array of nodes or a lazy children callback.
+     */
+    dataSource: _angular_core.InputSignal<AXTreeViewDataSource>;
+    /**
+     * The node property used as the selection value (tree `idField`).
+     */
+    valueField: _angular_core.InputSignal<string>;
+    /**
+     * The node property used as the display text (tree `titleField`).
+     */
+    textField: _angular_core.InputSignal<string>;
+    /**
+     * The node property marking a node as disabled.
+     */
+    disabledField: _angular_core.InputSignal<string>;
+    /**
+     * Currently selected values (at most one for single selection).
+     */
+    selectedValues: _angular_core.InputSignal<unknown[]>;
+    /**
+     * Custom template rendered for each tree node.
+     */
+    nodeTemplate: _angular_core.InputSignal<TemplateRef<AXTreeViewItemTemplateContext>>;
+    /**
+     * Emitted when the user selects a node.
+     */
+    itemClick: _angular_core.OutputEmitterRef<AXLookupItemClickEvent>;
+    protected selectedIds: _angular_core.Signal<string[]>;
+    protected handleSelectionChange(e: AXTreeViewSelectionChangeEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupDropDownTreeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupDropDownTreeComponent, "ax-lookup-drop-down-tree", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "disabledField": { "alias": "disabledField"; "required": false; "isSignal": true; }; "selectedValues": { "alias": "selectedValues"; "required": false; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/**
+ * Internal mini component for the `multi-column` lookup mode:
+ * a table-structured, virtualized list with a sticky header row.
+ *
+ * @category Components
+ */
+declare class AXLookupMultiColumnComponent extends AXLookupListViewBase {
+    /**
+     * Column definitions rendered as a sticky header plus one grid cell per row.
+     */
+    columns: _angular_core.InputSignal<AXLookupColumn[]>;
+    /** CSS grid track list built from the column widths. */
+    protected gridTemplate: _angular_core.Signal<string>;
+    protected getCellText(item: AXLookupItem, column: AXLookupColumn): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupMultiColumnComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLookupMultiColumnComponent, "ax-lookup-multi-column", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXLookupModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLookupModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXLookupModule, never, [typeof AXLookupComponent, typeof AXLookupDropDownListComponent, typeof AXLookupMultiSelectComponent, typeof AXLookupDropDownTreeComponent, typeof AXLookupMultiSelectTreeComponent, typeof AXLookupMultiColumnComponent], [typeof AXLookupComponent, typeof AXLookupDropDownListComponent, typeof AXLookupMultiSelectComponent, typeof AXLookupDropDownTreeComponent, typeof AXLookupMultiSelectTreeComponent, typeof AXLookupMultiColumnComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXLookupModule>;
+}
+
+export { AXLookupComponent, AXLookupDropDownListComponent, AXLookupDropDownTreeComponent, AXLookupModule, AXLookupMultiColumnComponent, AXLookupMultiSelectComponent, AXLookupMultiSelectTreeComponent };
+export type { AXLookupColumn, AXLookupItem, AXLookupItemClickEvent, AXLookupMode, AXLookupSelectionChangedEvent, AXLookupTreeSelectionEvent };

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

@@ -175,8 +175,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 +194,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 +212,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 +243,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[];

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-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">;