@acorex/platform 21.0.0-next.5 → 21.0.0-next.8

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

@@ -606,7 +606,30 @@ class AXPEntityFormBuilderService {
     //#endregion
     //#region ----   Public API   ----
     entity(fullName) {
-        return new InterfaceSelector(this.entityRegistry, this.layoutBuilder, this.deviceService, fullName);
+        return new InterfaceSelector(this.entityRegistry, this.layoutBuilder, this.deviceService, fullName, this);
+    }
+    /**
+     * Fetches a record by ID for the specified entity.
+     * @param fullName - Entity full name in "module.entity" format
+     * @param id - Record ID to fetch
+     * @returns Promise resolving to the record data, or empty object if not found
+     */
+    async getRecordById(fullName, id) {
+        if (!id) {
+            throw new Error('Record id is required.');
+        }
+        const { moduleName, entityName } = parseEntityFullName(fullName);
+        const entity = await this.entityRegistry.resolve(moduleName, entityName);
+        try {
+            const byKeyFn = entity?.queries?.byKey?.execute;
+            if (typeof byKeyFn === 'function') {
+                return (await byKeyFn(id)) ?? {};
+            }
+        }
+        catch {
+            // Return empty object if fetch fails
+        }
+        return {};
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntityFormBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntityFormBuilderService, providedIn: 'root' }); }
@@ -617,14 +640,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
         }] });
 //#region ----   Builders   ----
 class InterfaceSelector {
-    constructor(entityRegistry, layoutBuilder, deviceService, fullName) {
+    constructor(entityRegistry, layoutBuilder, deviceService, fullName, formBuilderService) {
         this.entityRegistry = entityRegistry;
         this.layoutBuilder = layoutBuilder;
         this.deviceService = deviceService;
         this.fullName = fullName;
+        this.formBuilderService = formBuilderService;
     }
     create(initialData) {
-        const filter = new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.deviceService, this.fullName, 'create');
+        const filter = new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.deviceService, this.fullName, 'create', undefined, this.formBuilderService);
         if (initialData) {
             filter.context(initialData);
         }
@@ -640,7 +664,7 @@ class InterfaceSelector {
             initialData = data;
             recordId = data['id'] || data['_id'];
         }
-        const filter = new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.deviceService, this.fullName, 'update', recordId);
+        const filter = new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.deviceService, this.fullName, 'update', recordId, this.formBuilderService);
         return filter;
     }
     single(data) {
@@ -653,7 +677,7 @@ class InterfaceSelector {
             initialData = data;
             recordId = data['id'] || data['_id'];
         }
-        const filter = new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.deviceService, this.fullName, 'single', recordId);
+        const filter = new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.deviceService, this.fullName, 'single', recordId, this.formBuilderService);
         if (Object.keys(initialData).length > 0) {
             filter.context(initialData);
         }
@@ -661,12 +685,13 @@ class InterfaceSelector {
     }
 }
 class PropertyFilter {
-    constructor(entityRegistry, layoutBuilder, deviceService, fullName, kind, recordId) {
+    constructor(entityRegistry, layoutBuilder, deviceService, fullName, kind, recordId, formBuilderService) {
         this.entityRegistry = entityRegistry;
         this.layoutBuilder = layoutBuilder;
         this.deviceService = deviceService;
         this.fullName = fullName;
         this.kind = kind;
+        this.formBuilderService = formBuilderService;
         this.includeList = null;
         this.excludeList = null;
         this.initialContext = {};
@@ -710,7 +735,49 @@ class PropertyFilter {
         this.externalMode = mode;
         return this;
     }
+    async build() {
+        const dialog = await this.buildDialog();
+        return dialog.build();
+    }
     async show() {
+        const dialog = await this.buildDialog();
+        // Context: load record by id for update/single and merge with provided context (context overrides)
+        let baseContext = {};
+        // Only fetch by key if we don't already have initial data
+        const hasInitialData = this.initialContext && Object.keys(this.initialContext).length > 0;
+        if ((this.kind === 'update' || this.kind === 'single') && !hasInitialData) {
+            const id = this.recordId;
+            if (!id) {
+                throw new Error(`Record id is required for ${this.kind}().`);
+            }
+            // Use the public method if service is available, otherwise fallback to direct entity access
+            if (this.formBuilderService) {
+                baseContext = await this.formBuilderService.getRecordById(this.fullName, id);
+            }
+            else {
+                // Fallback to original implementation if service is not available
+                const { moduleName, entityName } = parseEntityFullName(this.fullName);
+                const entity = await this.entityRegistry.resolve(moduleName, entityName);
+                try {
+                    const byKeyFn = entity?.queries?.byKey?.execute;
+                    if (typeof byKeyFn === 'function') {
+                        baseContext = (await byKeyFn(id)) ?? {};
+                    }
+                }
+                catch {
+                    baseContext = {};
+                }
+            }
+        }
+        const effectiveContext = merge({}, baseContext, this.initialContext);
+        dialog.setContext(effectiveContext);
+        return await dialog.show();
+    }
+    /**
+     * Builds the dialog node structure without showing it.
+     * This method is shared by both build() and show() methods.
+     */
+    async buildDialog() {
         const { moduleName, entityName } = parseEntityFullName(this.fullName);
         const entity = await this.entityRegistry.resolve(moduleName, entityName);
         // Select the appropriate interface based on kind
@@ -819,28 +886,7 @@ class PropertyFilter {
                 d.setActions((a) => a.cancel().submit());
             }
         });
-        // Context: load record by id for update/single and merge with provided context (context overrides)
-        let baseContext = {};
-        // Only fetch by key if we don't already have initial data
-        const hasInitialData = this.initialContext && Object.keys(this.initialContext).length > 0;
-        if ((this.kind === 'update' || this.kind === 'single') && !hasInitialData) {
-            try {
-                const id = this.recordId;
-                if (!id) {
-                    throw new Error(`Record id is required for ${this.kind}().`);
-                }
-                const byKeyFn = entity?.queries?.byKey?.execute;
-                if (typeof byKeyFn === 'function') {
-                    baseContext = (await byKeyFn(id)) ?? {};
-                }
-            }
-            catch {
-                baseContext = {};
-            }
-        }
-        const effectiveContext = merge({}, baseContext, this.initialContext);
-        dialog.setContext(effectiveContext);
-        return await dialog.show();
+        return dialog;
     }
     computeAllowedNames(allNames) {
         if (this.includeList && this.includeList.size > 0) {
@@ -2260,7 +2306,7 @@ class AXPEntityCreateViewElementViewModel {
                 triggers: widget.triggers,
                 defaultValue: schema.defaultValue,
                 valueTransforms: widget.valueTransforms,
-                options: merge(schema.interface?.options, {
+                options: merge({}, schema.interface?.options, {
                     validations: this.property.validations?.map((c) => ({ rule: c.rule, message: c.message, options: c.options })),
                 }),
             };
@@ -3568,7 +3614,7 @@ class AXPEntityMasterUpdateElementViewModel {
                 children: widget.children,
                 triggers: widget.triggers,
                 valueTransforms: widget.valueTransforms,
-                options: merge(schema.interface?.options, {
+                options: merge({}, schema.interface?.options, {
                     validations: this.property.validations?.map((c) => ({ rule: c.rule, message: c.message, options: c.options })),
                 }),
             };
@@ -3824,7 +3870,7 @@ class AXPEntityMasterSingleElementViewModel {
                 path: this.path(),
                 children: widget.children,
                 valueTransforms: widget.valueTransforms,
-                options: merge(schema.interface?.options),
+                options: merge({}, schema.interface?.options),
             };
         }, ...(ngDevMode ? [{ debugName: "node" }] : []));
     }
@@ -5260,7 +5306,6 @@ class AXPMainEntityContentBuilder {
                                                 : editablePropertyNames.has(p.name);
                                             // Check if property has its own disabled option
                                             const hasOwnDisabled = p.schema.interface?.options?.disabled !== undefined;
-                                            console.log('visible: ', p.schema.visible);
                                             return {
                                                 type: 'grid-item-layout',
                                                 name: prefixed,
@@ -5286,7 +5331,7 @@ class AXPMainEntityContentBuilder {
                                                                 children: p.schema.interface?.children,
                                                                 triggers: p.schema.interface?.triggers,
                                                                 valueTransforms: p.schema.interface?.valueTransforms,
-                                                                options: merge(p.schema.interface?.options, {
+                                                                options: merge({}, p.schema.interface?.options, {
                                                                     validations: p.validations?.map((c) => ({
                                                                         rule: c.rule,
                                                                         message: c.message,
@@ -8227,7 +8272,7 @@ class AXPEntityCategoryTreeSelectorComponent extends AXBasePageComponent {
         ></ax-button>
       </ax-suffix>
     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$2.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i5$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick"], outputs: ["datasourceChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$2.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i5$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick", "doubleClickDuration", "tooltipDelay"], outputs: ["datasourceChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "variant"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPEntityCategoryTreeSelectorComponent, decorators: [{
             type: Component,