@acorex/components 22.1.0-next.15 → 22.1.0-next.16

package/lookup/README.md

@@ -1,6 +1,6 @@
 # @acorex/components/lookup
 
-An advanced drop-down (lookup) component with five modes, `AXDataSource` support, and virtual scrolling.
+An advanced drop-down (lookup) component with six modes, `AXDataSource` support, and virtual scrolling.
 
 ## Modes
 
@@ -11,6 +11,7 @@ An advanced drop-down (lookup) component with five modes, `AXDataSource` support
 | `drop-down-tree`    | A tree-like structure for single item selection.                    |
 | `multi-select-tree` | A tree-like structure for multiple item selection.                  |
 | `multi-column`      | An `ax-data-table` grid; further pages load on scroll.              |
+| `multi-column-tree` | A multi-column table with a drop-down tree inside it (expandable rows). |
 
 ## Usage
 
@@ -42,22 +43,32 @@ import { AXDataSource } from '@acorex/cdk/common';
 
 <!-- MultiColumnComboBox -->
 <ax-lookup mode="multi-column" [dataSource]="items" [columns]="columns" [(ngModel)]="selected"></ax-lookup>
+
+<!-- MultiColumnTree (table + expandable tree) -->
+<ax-lookup
+  mode="multi-column-tree"
+  [treeDataSource]="nodes"
+  [columns]="columns"
+  textField="title"
+  [(ngModel)]="selectedNode"
+></ax-lookup>
 ```
 
 Value binding uses the signal `value` model (`FormValueControl`) — prefer `[(ngModel)]` (or `[(value)]` / signal forms). No `ControlValueAccessor`.
 
-- `dataSource`: `AXDataSource` or a plain array (list and multi-column modes). Supports remote paging, `byKey` value resolution, and server-side filtering.
+- `dataSource`: `AXDataSource` or a plain array (list and multi-column modes). Supports remote paging, `byKey` value resolution, and server-side filtering. Also used by `multi-column-tree` when `treeDataSource` is not set (hierarchical load via `treeParentField`).
 - `valueItems`: full items that resolve the current `value` key(s) without calling `byKey` (useful when the parent already loaded the selected entity). Missing keys still fall through to `find` / `byKey`. You can also call `seedItems(items)` imperatively.
-- `treeDataSource`: node array or lazy children callback (tree modes).
+- `treeDataSource`: node array or lazy children callback (tree modes, including `multi-column-tree`).
 - `valueField` / `textField` / `disabledField`: field mappings. For tree modes these map to the tree `idField` / `titleField`.
-- `columns`: column definitions (`{ field, title, width? }`) for `multi-column` mode (mapped to `ax-text-column`).
-- `searchable`: when `true` (default), the trigger accepts typing and filters the list (`drop-down-list`, `multi-select`, `multi-column`). When `false`, the trigger is select-only. Tree modes have no search UI.
+- `columns`: column definitions (`{ field, title, width?, expandHandler? }`) for `multi-column` and `multi-column-tree` (mapped to `ax-text-column`).
+- `treeParentField` / `hasChildrenField`: hierarchy fields for `multi-column-tree` (defaults `parentId` / `hasChild`).
+- `searchable`: when `true` (default), the trigger accepts typing and filters the list (`drop-down-list`, `multi-select`, `multi-column`, `multi-column-tree`). When `false`, the trigger is select-only. `drop-down-tree` / `multi-select-tree` have no search UI.
 - `adaptivityEnabled`: when `true` (default), the list opens as a bottom actionsheet on small screens instead of a dropdown; set `false` to always use the anchored dropdown.
 - `caption`: title shown in the actionsheet header (falls back to `placeholder`).
-- `alternate`: when `true`, list rows use alternating background colors for easier scanning (`drop-down-list`, `multi-select`, `multi-column`).
+- `alternate`: when `true`, list rows use alternating background colors for easier scanning (`drop-down-list`, `multi-select`, `multi-column`, `multi-column-tree`).
 - `searchPlaceholder`: placeholder for the multi-select trigger search input when chips are already selected.
 - `itemHeight` / `maxVisibleItems`: list virtual-scroll sizing, and multi-column table viewport height (multi-column loads more pages on scroll, not via a pager).
 - `look`: the same editor-container look schemes as other editors like `ax-text-box`.
 - `ax-prefix` / `ax-suffix`: project decorators into the editor container.
 
-Each mode is rendered by its own internal mini component (`ax-lookup-drop-down-list`, `ax-lookup-multi-select`, `ax-lookup-drop-down-tree`, `ax-lookup-multi-select-tree`, `ax-lookup-multi-column`), all exported for direct use.
+Each mode is rendered by its own internal mini component (`ax-lookup-drop-down-list`, `ax-lookup-multi-select`, `ax-lookup-drop-down-tree`, `ax-lookup-multi-select-tree`, `ax-lookup-multi-column`, `ax-lookup-multi-column-tree`), all exported for direct use.

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "22.1.0-next.15",
+  "version": "22.1.0-next.16",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.15",
-    "@acorex/cdk": "22.1.0-next.15",
+    "@acorex/core": "22.1.0-next.16",
+    "@acorex/cdk": "22.1.0-next.16",
     "@angular/aria": ">=22.1.0",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",