@acorex/platform 19.3.0-next.2 → 19.3.0-next.3

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -8,9 +8,9 @@ import * as i1$4 from '@acorex/platform/common';
 import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import * as i2$2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import { AXPExpressionEvaluatorService, AXPPlatformScope } from '@acorex/platform/core';
+import { AXPExpressionEvaluatorService, AXPPlatformScope, extractValue } from '@acorex/platform/core';
 import * as i7 from '@acorex/platform/layout/builder';
-import { AXPPageStatus, AXPWidgetRegistryService, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
+import { AXPPageStatus, AXPWidgetRegistryService, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import { Subject, takeUntil } from 'rxjs';
@@ -719,15 +719,6 @@ class AXPEntityMasterListViewModel {
         //****************** Beardcrumbs ******************//
         this.beardcrumbs = computed(() => {
             return [
-                {
-                    title: 'entity.home',
-                    command: {
-                        name: 'navigate',
-                        options: {
-                            path: `/${this.session.application?.name}`,
-                        },
-                    },
-                },
                 {
                     title: this.title(),
                 },
@@ -1550,15 +1541,6 @@ class AXPEntityMasterSingleViewModel {
         //****************** Beardcrumbs ******************//
         this.beardcrumbs = computed(() => {
             return [
-                {
-                    title: this.translateService.translateSync('entity.home'),
-                    command: {
-                        name: 'navigate',
-                        options: {
-                            path: `/${this.session.application?.name}`,
-                        },
-                    },
-                },
                 {
                     title: this.entityDef.formats.plural ?? this.entityDef.formats.individual,
                     command: {
@@ -1824,7 +1806,6 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         });
     }
     async extractItem(item) {
-        debugger;
         if (typeof item == 'object') {
             return {
                 id: item[this.valueField()],
@@ -2277,12 +2258,11 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             const rawValue = this.getValue();
             const values = castArray(rawValue);
             if (this.multiple()) {
-                console.log(values);
-                const items = await Promise.all(values.map((value) => byKey(value)));
+                const items = await Promise.all(values.map((value) => byKey(extractValue(value, this.valueField()))));
                 this.setItems(items);
             }
             else {
-                const item = await byKey(values[0]);
+                const item = await byKey(extractValue(values[0], this.valueField()));
                 this.setItems(item);
             }
         }
@@ -2321,18 +2301,16 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         }
     }
     handleOnBlur(e) {
-        const com = e.component;
-        const input = e.htmlElement.querySelector('input');
         setTimeout(() => {
             if (!this.isOpen()) {
-                input.value = '';
-                this.searchTerm.set(null);
+                this.clearInput();
             }
         }, 100);
     }
-    async handleKeyDown(e) {
+    async handleKeyUp(e) {
         const keyEvent = e.nativeEvent;
-        const value = this.searchTerm()?.trim();
+        const value = this.textbox()?.inputValue();
+        this.searchTerm.set(value);
         if ((keyEvent.code == 'Enter' || keyEvent.code == 'NumpadEnter') && value) {
             this.isLoading.set(true);
             const result = await this.vm()?.find(value);
@@ -2344,6 +2322,9 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             }
             this.isLoading.set(false);
         }
+        if (keyEvent.code == 'ArrowDown') {
+            this.showSelector();
+        }
     }
     setItems(items) {
         if (!items) {
@@ -2351,7 +2332,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         }
         //
         items = castArray(items);
-        this.searchTerm.set(null);
+        this.clearInput();
         this.selectedItems.set(items);
         //
         const values = items.map((item) => get(item, this.valueField()));
@@ -2380,19 +2361,24 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     }
     clear() {
         this.setValue(null);
-        this.searchTerm.set('');
+        this.clearInput();
         this.selectedItems.set([]);
     }
+    clearInput() {
+        this.textbox()?.inputValue.set('');
+        this.searchTerm.set('');
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <ax-tag-box
       [ngModel]="selectedItems()"
       [textField]="textField()"
       [valueField]="valueField()"
-      (onValueChanged)="handleValueChange($event)"
+      (onValueChanged)="handleValueChange($event)"    
       [placeholder]="placeholder() | translate | async"
       [addOnEnter]="false"
-      (onKeyUp)="handleKeyDown($event)"
+      [addOnComma]="false"
+      (onKeyUp)="handleKeyUp($event)"
       (onBlur)="handleOnBlur($event)"
     >
       @for (validation of validationRules(); track $index) {
@@ -2428,10 +2414,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       [ngModel]="selectedItems()"
       [textField]="textField()"
       [valueField]="valueField()"
-      (onValueChanged)="handleValueChange($event)"
+      (onValueChanged)="handleValueChange($event)"    
       [placeholder]="placeholder() | translate | async"
       [addOnEnter]="false"
-      (onKeyUp)="handleKeyDown($event)"
+      [addOnComma]="false"
+      (onKeyUp)="handleKeyUp($event)"
       (onBlur)="handleOnBlur($event)"
     >
       @for (validation of validationRules(); track $index) {
@@ -2527,7 +2514,8 @@ var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
 const AXPLookupWidget = {
     name: 'lookup-editor',
     title: 'Lookup',
-    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    categories: [],
+    groups: [AXPWidgetGroupEnum.EntityWidget],
     defaultFilterWidgetName: 'lookup-filter',
     type: 'editor',
     properties: [