@acorex/platform 19.3.0-next.4 → 19.3.0

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

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, HostBinding, ChangeDetectionStrategy, Component, viewChild, ViewChild, NgModule } from '@angular/core';
-import { castArray, get, cloneDeep, set, merge, isNil, sortBy } from 'lodash-es';
+import { castArray, get, cloneDeep, set, merge, isNil, isEmpty, sortBy } from 'lodash-es';
 import * as i2 from '@acorex/components/common';
 import { AXDataSource, AXCommonModule } from '@acorex/components/common';
 import { AXFormatService } from '@acorex/core/format';
-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, extractValue } from '@acorex/platform/core';
+import * as i1$4 from '@acorex/platform/core';
+import { AXPExpressionEvaluatorService, AXPPlatformScope, extractValue, setSmart } from '@acorex/platform/core';
 import * as i7 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';
@@ -1472,6 +1472,7 @@ class AXPEntityMasterSingleElementViewModel {
         this.propertyView = propertyView;
         this.property = this.entity.properties.find((c) => c.name == this.propertyView.name);
         this.name = signal(this.property.name);
+        this.path = signal(this.propertyView.dataPath ?? this.property.name);
         this.title = signal(this.property.title);
         this.showLabel = signal(this.propertyView.layout?.label?.visible != false);
         this.description = signal(this.property.description);
@@ -1487,7 +1488,7 @@ class AXPEntityMasterSingleElementViewModel {
             return {
                 type: widget.type,
                 mode: 'view',
-                path: this.name(),
+                path: this.path(),
                 children: widget.children,
                 formula: widget.formula,
                 valueTransforms: widget.valueTransforms,
@@ -2218,6 +2219,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.translateService = inject(AXTranslationService);
         this.expose = computed(() => this.options()['expose']);
         this.entity = computed(() => this.options()['entity']);
+        this.disabled = computed(() => this.options()['disabled']);
         this.customFilter = computed(() => this.options()['filter']);
         this.multiple = computed(() => (this.options()['multiple'] ?? false));
         this.textField = computed(() => {
@@ -2254,19 +2256,23 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     #efValue;
     async findByValue() {
         this.isLoading.set(true);
+        const rawValue = this.getValue();
+        const values = castArray(rawValue);
         const byKey = this.entityDef()?.queries.byKey?.execute;
-        if (byKey) {
-            const rawValue = this.getValue();
-            const values = castArray(rawValue);
+        if (byKey && values.length) {
             if (this.multiple()) {
                 const items = await Promise.all(values.map((value) => byKey(extractValue(value, this.valueField()))));
                 this.setItems(items);
             }
             else {
-                const item = await byKey(extractValue(values[0], this.valueField()));
+                const id = extractValue(values[0], this.valueField());
+                const item = await byKey(id);
                 this.setItems(item);
             }
         }
+        else {
+            this.setItems([]);
+        }
         this.isLoading.set(false);
     }
     handleOnClick(e) {
@@ -2298,7 +2304,12 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     }
     handleValueChange(e) {
         if (e.isUserInteraction) {
-            this.setValue(e.value);
+            if (isNil(e.value) || isEmpty(e.value)) {
+                this.clear();
+            }
+            else {
+                this.setValue(this.singleOrMultiple(e.value));
+            }
         }
     }
     handleOnBlur(e) {
@@ -2328,7 +2339,8 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         }
     }
     setItems(items) {
-        if (!items) {
+        if (!items || items.length == 0) {
+            this.selectedItems.set([]);
             return;
         }
         //
@@ -2336,25 +2348,33 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.clearInput();
         this.selectedItems.set(items);
         //
-        const values = items.map((item) => get(item, this.valueField()));
+        const keys = items.map((item) => get(item, this.valueField()));
         //
-        this.setValue(values);
+        this.setValue(this.singleOrMultiple(keys));
         //
         // extract data from valueField and set context by expose path
         if (this.expose()) {
             const exposeValue = castArray(this.expose());
+            const itemToExpose = {};
+            //
             exposeValue.forEach((i) => {
+                debugger;
                 if (typeof i == 'string') {
-                    //const values = items.map(item => get(item, this.expose()));
-                    const values = items.map((item) => set({}, this.expose(), get(item, this.expose())));
-                    this.contextService.update(i, values);
+                    const values = items.map((item) => set({}, i, get(item, i)));
+                    //this.contextService.update(i, this.singleOrMultiple(values));
+                    setSmart(itemToExpose, i, this.singleOrMultiple(values));
                 }
                 else {
                     // extract data from item by source path and set context by target path
-                    const values = items.map((item) => set({}, i.source, get(item, i.source)));
-                    this.contextService.update(i.target, values);
+                    const values = this.multiple() ?
+                        items.map((item) => set({}, i.source, get(item, i.source))) :
+                        items.map((item) => get(item, i.source));
+                    setSmart(itemToExpose, i.target, this.singleOrMultiple(values));
                 }
             });
+            debugger;
+            this.contextService.patch(itemToExpose);
+            //this.contextService.update(i.target, this.singleOrMultiple(values));
         }
     }
     handleClearClick() {
@@ -2369,16 +2389,20 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.textbox()?.inputValue.set('');
         this.searchTerm.set('');
     }
+    singleOrMultiple(values) {
+        return this.multiple() ? values : values[0];
+    }
     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"
       [addOnComma]="false"
+      [disabled]="disabled()"
       (onKeyUp)="handleKeyUp($event)"
       (onBlur)="handleOnBlur($event)"
     >
@@ -2393,7 +2417,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
       }
 
       <ax-suffix>
-        <ax-button color="ghost" look="blank" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
+        <ax-button color="ghost" look="blank" [disabled]="isLoading() || disabled()" (onClick)="handleOnClick($event)">
           @if(isLoading()) {
           <ax-loading></ax-loading>
           } @else {
@@ -2415,10 +2439,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"
       [addOnComma]="false"
+      [disabled]="disabled()"
       (onKeyUp)="handleKeyUp($event)"
       (onBlur)="handleOnBlur($event)"
     >
@@ -2433,7 +2458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       }
 
       <ax-suffix>
-        <ax-button color="ghost" look="blank" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
+        <ax-button color="ghost" look="blank" [disabled]="isLoading() || disabled()" (onClick)="handleOnClick($event)">
           @if(isLoading()) {
           <ax-loading></ax-loading>
           } @else {
@@ -2469,7 +2494,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         super(...arguments);
         this.valueField = this.options['valueField'] ?? 'id';
         this.textField = this.options['textField'] ?? 'title';
-        this.internalValue = computed(() => castArray(this.rawValue).map((item) => this.extractItem(item)));
+        this.displayItems = computed(() => castArray(this.rawValue).map((item) => this.extractItem(item)));
     }
     extractItem(item) {
         return typeof item == 'object'
@@ -2485,7 +2510,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-1">
-      @for (item of internalValue(); track $index) {
+      @for (item of displayItems(); track $index) {
       <ax-badge [text]="item[this.textField]" color="primary"></ax-badge>
       }
     </div>
@@ -2496,7 +2521,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             args: [{
                     template: `
     <div class="ax-flex ax-gap-1">
-      @for (item of internalValue(); track $index) {
+      @for (item of displayItems(); track $index) {
       <ax-badge [text]="item[this.textField]" color="primary"></ax-badge>
       }
     </div>
@@ -3390,6 +3415,7 @@ class AXPEntityModule {
         appInitService.registerTask({
             name: 'layout-theme',
             statusText: 'Preload entities ...',
+            priority: 100,
             run: async () => {
                 // load in background
                 service.preload();
@@ -3398,6 +3424,7 @@ class AXPEntityModule {
         appInitService.registerTask({
             name: 'Seeder',
             statusText: 'Seed Data ...',
+            priority: 100,
             run: async () => {
                 await seederService.seed();
             },