@acorex/components 20.2.0-next.19 → 20.2.0-next.20

package/list/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { OnInit, EventEmitter, WritableSignal, TemplateRef } from '@angular/core';
-import { AXEvent, MXSelectionValueComponent, AXItemClickEvent, AXDataSource, AXListDataSource } from '@acorex/cdk/common';
+import { OnInit, WritableSignal, TemplateRef, EventEmitter } from '@angular/core';
+import { AXEvent, MXSelectionValueComponent, AXDataSource, AXListDataSource } from '@acorex/cdk/common';
 import * as i1 from '@angular/common';
 import * as i2 from '@angular/cdk/scrolling';
 import * as i3 from '@acorex/core/translation';
@@ -27,12 +27,6 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      * @defaultValue false
      */
     showItemTooltip: i0.InputSignal<boolean>;
-    /**
-     * Emitted when an item in the list is clicked.
-     *
-     * @event
-     */
-    onItemClick: EventEmitter<AXItemClickEvent<any>>;
     /**
      * Defines the data source for the list.
      *
@@ -148,7 +142,7 @@ declare class AXListComponent extends MXSelectionValueComponent implements OnIni
      */
     showEmptyTemplate: i0.Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onItemClick": "onItemClick"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, never, ["ax-header", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXListComponent, "ax-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "disabledChange": "disabledChange"; "readonlyChange": "readonlyChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onItemClick": "onItemClick"; "onItemSelected": "onItemSelected"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, never, ["ax-header", "ax-footer"], true, never>;
 }
 
 declare class AXListModule {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "20.2.0-next.19",
+  "version": "20.2.0-next.20",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -114,6 +114,10 @@
       "types": "./cron-job/index.d.ts",
       "default": "./fesm2022/acorex-components-cron-job.mjs"
     },
+    "./data-list": {
+      "types": "./data-list/index.d.ts",
+      "default": "./fesm2022/acorex-components-data-list.mjs"
+    },
     "./data-pager": {
       "types": "./data-pager/index.d.ts",
       "default": "./fesm2022/acorex-components-data-pager.mjs"
@@ -126,14 +130,14 @@
       "types": "./datetime-box/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-box.mjs"
     },
-    "./datetime-picker": {
-      "types": "./datetime-picker/index.d.ts",
-      "default": "./fesm2022/acorex-components-datetime-picker.mjs"
-    },
     "./datetime-input": {
       "types": "./datetime-input/index.d.ts",
       "default": "./fesm2022/acorex-components-datetime-input.mjs"
     },
+    "./datetime-picker": {
+      "types": "./datetime-picker/index.d.ts",
+      "default": "./fesm2022/acorex-components-datetime-picker.mjs"
+    },
     "./decorators": {
       "types": "./decorators/index.d.ts",
       "default": "./fesm2022/acorex-components-decorators.mjs"
@@ -306,14 +310,14 @@
       "types": "./rate-picker/index.d.ts",
       "default": "./fesm2022/acorex-components-rate-picker.mjs"
     },
-    "./result": {
-      "types": "./result/index.d.ts",
-      "default": "./fesm2022/acorex-components-result.mjs"
-    },
     "./rest-api-generator": {
       "types": "./rest-api-generator/index.d.ts",
       "default": "./fesm2022/acorex-components-rest-api-generator.mjs"
     },
+    "./result": {
+      "types": "./result/index.d.ts",
+      "default": "./fesm2022/acorex-components-result.mjs"
+    },
     "./routing-progress": {
       "types": "./routing-progress/index.d.ts",
       "default": "./fesm2022/acorex-components-routing-progress.mjs"

package/select-box/index.d.ts

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
 import * as polytype from 'polytype';
 import * as i2 from '@acorex/cdk/common';
-import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent, AXItemClickEvent, AXItemSelectedEvent } from '@acorex/cdk/common';
 import * as i12 from '@acorex/components/dropdown';
 import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
 import * as i13 from '@acorex/components/list';
@@ -126,6 +126,11 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     private _unsubscriber;
     /** @ignore */
     protected ngOnInit(): void;
+    /**
+     * Proactively fetches item data if the component has a value but no corresponding item data.
+     * This prevents showing "loading..." when the component has a value.
+     */
+    private fetchItemDataIfNeeded;
     /** @ignore */
     ngOnDestroy(): void;
     /**
@@ -144,6 +149,10 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     /** @ignore */
     protected _handleValueChanged(e: AXValueChangedEvent): void;
     /** @ignore */
+    protected _handleItemClick(e: AXItemClickEvent): void;
+    /** @ignore */
+    protected _handleItemSelected(e: AXItemSelectedEvent): void;
+    /** @ignore */
     private setDropdownSize;
     private updateDropdownPosition;
     private updateDropdownSize;
@@ -163,7 +172,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
     refresh(): void;
     private hostClickListener;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
 }
 
 declare class AXSelectBoxModule {

package/tag-box/index.d.ts

@@ -26,8 +26,8 @@ declare class AXTagBoxComponent extends AXTagBoxComponent_base implements OnInit
     addItems(items: object[]): void;
     removeItem(index: number): void;
     convertString(v: unknown): object[];
-    protected internalSetValue(value: any): unknown[];
-    protected internalSetValue(value: any): any;
+    getFieldValue(item: unknown, path: string): unknown;
+    protected internalSetValue(value: unknown): unknown[];
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTagBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTagBoxComponent, "ax-tag-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "addOnComma": { "alias": "addOnComma"; "required": false; "isSignal": true; }; "addOnEnter": { "alias": "addOnEnter"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "readonlyField": { "alias": "readonlyField"; "required": false; "isSignal": true; }; "allowDuplicateValues": { "alias": "allowDuplicateValues"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-autocomplete", "ax-validation-rule"], true, never>;