@acorex/platform 20.2.0-next.2 → 20.2.0-next.4

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, HostBinding, ChangeDetectionStrategy, Component, viewChild, ViewChild, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, computed, signal, Injector, EnvironmentInjector, runInInjectionContext, makeEnvironmentProviders, effect, HostBinding, ChangeDetectionStrategy, Component, viewChild, ViewChild, NgModule } from '@angular/core';
 import { castArray, get, cloneDeep, set, merge, isNil, isEmpty, sortBy } from 'lodash-es';
 import * as i1$2 from '@acorex/cdk/common';
 import { AXDataSource, AXCommonModule } from '@acorex/cdk/common';
@@ -10,7 +10,7 @@ import { AXPExpressionEvaluatorService, AXPPlatformScope, extractValue, setSmart
 import * as i2$2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i6 from '@acorex/platform/layout/builder';
-import { AXPPageStatus, AXPWidgetRegistryService, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
+import { AXPPageStatus, AXPWidgetRegistryService, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXPWidgetGroupEnum, AXP_WIDGETS_EDITOR_CATEGORY, AXPLayoutWidgetComponent } from '@acorex/platform/layout/builder';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import { Subject, takeUntil } from 'rxjs';
@@ -61,10 +61,10 @@ class AXPDataSeederService {
             await loader?.seed();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPDataSeederService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPDataSeederService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -89,10 +89,10 @@ class AXPEntityResolver {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -337,6 +337,7 @@ class AXPEntityDetailListViewModel {
             return;
         const actionData = action.options?.process?.data;
         const initialData = actionData ? { ...data, ...(await this.evaluateExpressions(actionData)) } : data;
+        const options = await this.evaluateExpressions(action?.options);
         await this.workflow.execute(commandName.split('&')[0], {
             entity: getEntityInfo(this.detailEntity()).source,
             data: action.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : initialData,
@@ -347,7 +348,7 @@ class AXPEntityDetailListViewModel {
                 parentKey: this.detailEntity()?.parentKey,
                 source: this.detailEntity()?.source,
             },
-            options: action.options,
+            options,
         });
     }
 }
@@ -578,10 +579,10 @@ class AXPEntityMiddleware {
         modifier(context);
         return context.toEntity();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMiddleware, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMiddleware, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityMiddleware, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityMiddleware, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMiddleware, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityMiddleware, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -691,10 +692,10 @@ class AXPEntityDefinitionRegistryService {
     createEntityKey(moduleName, entityName) {
         return `${moduleName}.${entityName}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -869,10 +870,10 @@ class AXPEntityCreateViewModelFactory {
         this.layout.setNavigationLoading(false);
         return new AXPEntityMasterCreateViewModel(this.injector, config, initialData, options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1311,10 +1312,10 @@ class AXPEntityListViewModelFactory {
         this.layout.setNavigationLoading(false);
         return new AXPEntityMasterListViewModel(this.injector, config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1332,10 +1333,10 @@ class AXPEntityService {
     createPath(module, entity, path = 'list') {
         return `/${this.sessionService.application?.name}/m/${module}/e/${entity}/${path}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1489,10 +1490,10 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
             type: Injectable
         }] });
 const AXPDeleteEntityWorkflow = {
@@ -1654,10 +1655,10 @@ class AXPEntityMasterUpdateViewModelFactory {
         this.layout.setNavigationLoading(false);
         return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1700,10 +1701,10 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(popup.data.context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
@@ -1718,10 +1719,10 @@ class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
             },
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
             type: Injectable
         }] });
 const AXPModifyEntitySectionWorkflow = {
@@ -1766,6 +1767,7 @@ class AXPEntityMasterSingleViewGroupViewModel {
         this.group = this.entity.groups?.find((c) => c.id == this.section.id);
         this.name = signal(this.group.id, ...(ngDevMode ? [{ debugName: "name" }] : []));
         this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.type = signal(this.section.type ?? 'section', ...(ngDevMode ? [{ debugName: "type" }] : []));
         this.title = computed(() => {
             return this.group.title ?? this.group.id;
         }, ...(ngDevMode ? [{ debugName: "title" }] : []));
@@ -1841,6 +1843,7 @@ class AXPEntityMasterSingleViewModel {
         this.destroyed = new Subject();
         this.translateService = this.injector.get(AXTranslationService);
         this.entityService = this.injector.get(AXPEntityService);
+        this.expressionEvaluator = this.injector.get(AXPExpressionEvaluatorService);
         this.context = signal(cloneDeep(this.entityData), ...(ngDevMode ? [{ debugName: "context" }] : []));
         this.actions = computed(() => {
             return (this.entityDef.interfaces?.master?.single?.actions?.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? []);
@@ -1889,6 +1892,16 @@ class AXPEntityMasterSingleViewModel {
                 },
             ];
         }, ...(ngDevMode ? [{ debugName: "beardcrumbs" }] : []));
+        this.evaluateExpressions = async (options, data) => {
+            const scope = {
+                context: {
+                    eval: (path) => {
+                        return get(data, path);
+                    },
+                },
+            };
+            return await this.expressionEvaluator.evaluate(options, scope);
+        };
         this.relatedEntities = computed(async () => {
             const relatedEntities = this.entityDef.relatedEntities?.map((re) => new AXPEntityDetailListViewModel(this.injector, re, { entity: this.entityDef, data: this.entityData })) ?? [];
             const filteredEntities = await Promise.all(relatedEntities.map(async (re) => ((await re.hidden()) ? null : re)));
@@ -1937,10 +1950,12 @@ class AXPEntityMasterSingleViewModel {
                 break;
             }
             default: {
-                const action = this.actions().find((c) => c.name == command);
+                const action = this.actions().find((c) => c.name == commandName);
+                const options = await this.evaluateExpressions(action?.options, this.context());
                 this.workflow.execute(command, {
                     entity: getEntityInfo(this.entityDef).source,
-                    data: action?.scope == AXPEntityCommandScope.Individual ? this.context() : null,
+                    data: this.context(),
+                    options,
                 });
             }
         }
@@ -1984,10 +1999,10 @@ class AXPEntityDetailViewModelFactory {
         this.layout.setNavigationLoading(false);
         return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -2067,6 +2082,10 @@ class AXMEntityCrudServiceImpl {
         }
         return this._entityDataProvider.query(request);
     }
+    async findOne(filter) {
+        const result = await this._entityDataProvider.query({ filter, skip: 0, take: 1 });
+        return result.items[0];
+    }
     async getRoots(request) {
         const queryRequest = {
             skip: 0,
@@ -2118,6 +2137,735 @@ class AXMEntityCrudServiceImpl {
     }
 }
 
+/**
+ * Compose entity storage middlewares into a pipeline
+ */
+function composeEntityStorageMiddlewares(middlewares) {
+    return (handler) => {
+        let composed = handler;
+        // Reverse order composition for proper middleware chain
+        for (let i = middlewares.length - 1; i >= 0; i--) {
+            const mw = middlewares[i];
+            const next = composed;
+            composed = (context) => mw(context, next);
+        }
+        return composed;
+    };
+}
+/**
+ * Helper function to generate unique request ID
+ */
+function generateRequestId() {
+    return `req_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+}
+
+/**
+ * Registry for managing entity storage middlewares
+ */
+class AXPEntityStorageRegistry {
+    constructor() {
+        this.globalMiddlewares = [];
+        this.entitySpecificMiddlewares = new Map();
+        this.operationSpecificMiddlewares = new Map();
+    }
+    /**
+     * Add a global middleware that applies to all operations
+     */
+    useGlobal(middleware) {
+        this.globalMiddlewares.push(middleware);
+    }
+    /**
+     * Add middleware for specific entity
+     */
+    useForEntity(entityName, middleware) {
+        if (!this.entitySpecificMiddlewares.has(entityName)) {
+            this.entitySpecificMiddlewares.set(entityName, []);
+        }
+        this.entitySpecificMiddlewares.get(entityName).push(middleware);
+    }
+    /**
+     * Add middleware for specific operation (getOne, insertOne, etc.)
+     */
+    useForOperation(operation, middleware) {
+        if (!this.operationSpecificMiddlewares.has(operation)) {
+            this.operationSpecificMiddlewares.set(operation, []);
+        }
+        this.operationSpecificMiddlewares.get(operation).push(middleware);
+    }
+    /**
+     * Get all applicable middlewares for a given context
+     */
+    getMiddlewares(entityName, operation) {
+        const middlewares = [];
+        // Add global middlewares
+        middlewares.push(...this.globalMiddlewares);
+        // Add entity-specific middlewares
+        const entityMiddlewares = this.entitySpecificMiddlewares.get(entityName);
+        if (entityMiddlewares) {
+            middlewares.push(...entityMiddlewares);
+        }
+        // Add operation-specific middlewares
+        const operationMiddlewares = this.operationSpecificMiddlewares.get(operation);
+        if (operationMiddlewares) {
+            middlewares.push(...operationMiddlewares);
+        }
+        return middlewares;
+    }
+    /**
+     * Get all global middlewares
+     */
+    getGlobalMiddlewares() {
+        return [...this.globalMiddlewares];
+    }
+    /**
+     * Remove middleware from global middlewares
+     */
+    removeGlobalMiddleware(middleware) {
+        const index = this.globalMiddlewares.indexOf(middleware);
+        if (index > -1) {
+            this.globalMiddlewares.splice(index, 1);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Clear all middlewares
+     */
+    clear() {
+        this.globalMiddlewares.length = 0;
+        this.entitySpecificMiddlewares.clear();
+        this.operationSpecificMiddlewares.clear();
+    }
+    /**
+     * Get registered entity names that have specific middlewares
+     */
+    getRegisteredEntityNames() {
+        return Array.from(this.entitySpecificMiddlewares.keys());
+    }
+    /**
+     * Get registered operation names that have specific middlewares
+     */
+    getRegisteredOperations() {
+        return Array.from(this.operationSpecificMiddlewares.keys());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageRegistry, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Executor that wraps entity storage operations with middleware pipeline
+ */
+class AXPEntityStorageExecutor {
+    constructor(storageService) {
+        this.storageService = storageService;
+        this.injector = inject(EnvironmentInjector);
+        this.registry = inject(AXPEntityStorageRegistry);
+    }
+    /**
+     * Execute getOne operation with middleware pipeline
+     */
+    async getOne(entityName, id) {
+        const context = {
+            operation: 'getOne',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: { id },
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.getOne(ctx.entityName, ctx.input.id);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute getAll operation with middleware pipeline
+     */
+    async getAll(entityName) {
+        const context = {
+            operation: 'getAll',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: {},
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.getAll(ctx.entityName);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute insertOne operation with middleware pipeline
+     */
+    async insertOne(entityName, entity) {
+        const context = {
+            operation: 'insertOne',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: { entity },
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.insertOne(ctx.entityName, ctx.input.entity);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute updateOne operation with middleware pipeline
+     */
+    async updateOne(entityName, id, keyValues) {
+        const context = {
+            operation: 'updateOne',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: { id, keyValues },
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.updateOne(ctx.entityName, ctx.input.id, ctx.input.keyValues);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute deleteOne operation with middleware pipeline
+     */
+    async deleteOne(entityName, id) {
+        const context = {
+            operation: 'deleteOne',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: { id },
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.deleteOne(ctx.entityName, ctx.input.id);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute query operation with middleware pipeline
+     */
+    async query(entityName, request) {
+        const context = {
+            operation: 'query',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: { request },
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.query(ctx.entityName, ctx.input.request);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute initial operation with middleware pipeline
+     */
+    async initial(entityName, collection, options) {
+        const context = {
+            operation: 'initial',
+            entityName,
+            dbName: this.storageService.dbName,
+            input: { collection, options },
+            metadata: {
+                startTime: Date.now(),
+                requestId: generateRequestId(),
+            },
+        };
+        const handler = async (ctx) => {
+            return this.storageService.initial(ctx.entityName, ctx.input.collection, ctx.input.options);
+        };
+        return this.executeWithMiddleware(context, handler);
+    }
+    /**
+     * Execute operation with middleware pipeline
+     */
+    async executeWithMiddleware(context, handler) {
+        const middlewares = this.registry.getMiddlewares(context.entityName, context.operation);
+        // Wrap middlewares with injection context
+        const wrappedMiddlewares = middlewares.map(middleware => {
+            return (ctx, next) => runInInjectionContext(this.injector, () => middleware(ctx, next));
+        });
+        const composed = composeEntityStorageMiddlewares(wrappedMiddlewares)(handler);
+        return composed(context);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageExecutor, deps: [{ token: AXPEntityStorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageExecutor, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageExecutor, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: AXPEntityStorageService }] });
+
+/**
+ * Entity Storage Service with middleware support
+ *
+ * This service wraps the original AXPEntityStorageService and adds middleware pipeline support.
+ * It delegates all operations to the middleware executor which applies the middleware chain.
+ */
+class AXPEntityStorageWithMiddlewareService extends AXPEntityStorageService {
+    constructor(originalStorageService, registry) {
+        super();
+        this.originalStorageService = originalStorageService;
+        this.registry = registry;
+        this.executor = new AXPEntityStorageExecutor(originalStorageService);
+    }
+    get dbName() {
+        return this.originalStorageService.dbName;
+    }
+    // Middleware Management Methods
+    /**
+     * Add a global middleware that applies to all operations
+     */
+    useGlobal(middleware) {
+        this.registry.useGlobal(middleware);
+    }
+    /**
+     * Add middleware for specific entity
+     */
+    useForEntity(entityName, middleware) {
+        this.registry.useForEntity(entityName, middleware);
+    }
+    /**
+     * Add middleware for specific operation
+     */
+    useForOperation(operation, middleware) {
+        this.registry.useForOperation(operation, middleware);
+    }
+    // Storage Operations with Middleware Pipeline
+    async initial(entityName, collection, options) {
+        return this.executor.initial(entityName, collection, options);
+    }
+    async getOne(entityName, id) {
+        return this.executor.getOne(entityName, id);
+    }
+    async updateOne(entityName, id, keyValues) {
+        return this.executor.updateOne(entityName, id, keyValues);
+    }
+    async deleteOne(entityName, id) {
+        return this.executor.deleteOne(entityName, id);
+    }
+    async insertOne(entityName, entity) {
+        return this.executor.insertOne(entityName, entity);
+    }
+    async getAll(entityName) {
+        return this.executor.getAll(entityName);
+    }
+    async query(entityName, request) {
+        return this.executor.query(entityName, request);
+    }
+    // Direct access to original service (bypass middleware)
+    get originalService() {
+        return this.originalStorageService;
+    }
+    // Access to registry for advanced middleware management
+    get middlewareRegistry() {
+        return this.registry;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageWithMiddlewareService, deps: [{ token: AXPEntityStorageService }, { token: AXPEntityStorageRegistry }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageWithMiddlewareService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityStorageWithMiddlewareService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AXPEntityStorageService }, { type: AXPEntityStorageRegistry }] });
+
+/**
+ * Injection token for entity storage middleware setup
+ */
+const AXP_ENTITY_STORAGE_MIDDLEWARE_SETUP = new InjectionToken('AXP_ENTITY_STORAGE_MIDDLEWARE_SETUP');
+/**
+ * Injection token for entity storage middleware extensions
+ */
+const AXP_ENTITY_STORAGE_EXTENSION = new InjectionToken('AXP_ENTITY_STORAGE_EXTENSION');
+/**
+ * Provide entity storage middleware configuration
+ */
+function provideEntityStorageMiddleware(config) {
+    const providers = [];
+    // Register extension middlewares
+    if (config.extensions) {
+        providers.push(...config.extensions.map(ext => ({
+            provide: AXP_ENTITY_STORAGE_EXTENSION,
+            useValue: ext,
+            multi: true,
+        })));
+    }
+    // Main setup provider
+    providers.push({
+        provide: AXP_ENTITY_STORAGE_MIDDLEWARE_SETUP,
+        useFactory: () => {
+            const registry = inject(AXPEntityStorageRegistry);
+            // Register global middlewares
+            if (config.global) {
+                for (const middleware of config.global) {
+                    registry.useGlobal(middleware);
+                }
+            }
+            // Register entity-specific middlewares
+            if (config.entities) {
+                for (const [entityName, middlewares] of Object.entries(config.entities)) {
+                    for (const middleware of middlewares) {
+                        registry.useForEntity(entityName, middleware);
+                    }
+                }
+            }
+            // Register operation-specific middlewares
+            if (config.operations) {
+                for (const [operation, middlewares] of Object.entries(config.operations)) {
+                    for (const middleware of middlewares) {
+                        registry.useForOperation(operation, middleware);
+                    }
+                }
+            }
+            return true;
+        },
+        multi: true,
+    });
+    return makeEnvironmentProviders(providers);
+}
+/**
+ * Simplified provider for global middleware only
+ */
+function provideGlobalEntityStorageMiddleware(middlewares) {
+    return provideEntityStorageMiddleware({ global: middlewares });
+}
+/**
+ * Provider for entity-specific middlewares
+ */
+function provideEntitySpecificMiddleware(entityName, middlewares) {
+    return provideEntityStorageMiddleware({
+        entities: { [entityName]: middlewares }
+    });
+}
+/**
+ * Provider for operation-specific middlewares
+ */
+function provideOperationSpecificMiddleware(operation, middlewares) {
+    return provideEntityStorageMiddleware({
+        operations: { [operation]: middlewares }
+    });
+}
+
+/**
+ * Logging middleware for entity storage operations
+ */
+const loggingMiddleware = async (context, next) => {
+    const startTime = Date.now();
+    console.group(`🔄 Entity Storage Operation: ${context.operation}`);
+    console.log('📋 Entity:', context.entityName);
+    console.log('🗄️ Database:', context.dbName);
+    console.log('📨 Input:', context.input);
+    console.log('🆔 Request ID:', context.metadata.requestId);
+    try {
+        const result = await next(context);
+        const duration = Date.now() - startTime;
+        console.log('✅ Success');
+        console.log('⏱️ Duration:', `${duration}ms`);
+        console.log('📤 Result:', result);
+        console.groupEnd();
+        return result;
+    }
+    catch (error) {
+        const duration = Date.now() - startTime;
+        console.error('❌ Error');
+        console.error('⏱️ Duration:', `${duration}ms`);
+        console.error('💥 Error:', error);
+        console.groupEnd();
+        throw error;
+    }
+};
+/**
+ * Performance monitoring middleware
+ */
+const performanceMiddleware = async (context, next) => {
+    const startTime = performance.now();
+    try {
+        const result = await next(context);
+        const duration = performance.now() - startTime;
+        // Log slow operations (> 1000ms)
+        if (duration > 1000) {
+            console.warn(`⚠️ Slow operation detected: ${context.operation} on ${context.entityName} took ${duration.toFixed(2)}ms`);
+        }
+        // Add performance metrics to context
+        context.metadata['performanceMetrics'] = {
+            duration,
+            operation: context.operation,
+            entityName: context.entityName,
+        };
+        return result;
+    }
+    catch (error) {
+        const duration = performance.now() - startTime;
+        console.error(`❌ Failed operation: ${context.operation} on ${context.entityName} failed after ${duration.toFixed(2)}ms`);
+        throw error;
+    }
+};
+/**
+ * Error handling middleware with retry logic
+ */
+const errorHandlingMiddleware = async (context, next) => {
+    const maxRetries = 3;
+    let attempt = 0;
+    while (attempt < maxRetries) {
+        try {
+            const result = await next(context);
+            if (attempt > 0) {
+                console.log(`✅ Operation succeeded on retry ${attempt}/${maxRetries}`);
+            }
+            return result;
+        }
+        catch (error) {
+            attempt++;
+            // Don't retry for certain operations or error types
+            if (context.operation === 'deleteOne' ||
+                error?.code === 'VALIDATION_ERROR' ||
+                attempt >= maxRetries) {
+                console.error(`❌ Operation failed after ${attempt} attempts:`, error);
+                throw error;
+            }
+            console.warn(`⚠️ Attempt ${attempt}/${maxRetries} failed, retrying...`, error.message);
+            // Wait before retry (exponential backoff)
+            await new Promise(resolve => setTimeout(resolve, Math.pow(2, attempt) * 1000));
+        }
+    }
+    throw new Error('Max retries exceeded');
+};
+/**
+ * Validation middleware
+ */
+const validationMiddleware = async (context, next) => {
+    // Validate input based on operation
+    switch (context.operation) {
+        case 'insertOne':
+            if (!context.input.entity) {
+                throw new Error('Entity is required for insertOne operation');
+            }
+            break;
+        case 'updateOne':
+            if (!context.input.id) {
+                throw new Error('ID is required for updateOne operation');
+            }
+            if (!context.input.keyValues) {
+                throw new Error('Key values are required for updateOne operation');
+            }
+            break;
+        case 'deleteOne':
+        case 'getOne':
+            if (!context.input.id) {
+                throw new Error(`ID is required for ${context.operation} operation`);
+            }
+            break;
+        case 'query':
+            if (!context.input.request) {
+                throw new Error('Request is required for query operation');
+            }
+            break;
+        case 'initial':
+            if (!context.input.collection || !Array.isArray(context.input.collection)) {
+                throw new Error('Collection array is required for initial operation');
+            }
+            break;
+    }
+    return next(context);
+};
+/**
+ * Caching middleware (simple in-memory cache)
+ */
+const cachingMiddleware = (() => {
+    const cache = new Map();
+    const DEFAULT_TTL = 5 * 60 * 1000; // 5 minutes
+    return async (context, next) => {
+        // Only cache read operations
+        if (!['getOne', 'getAll', 'query'].includes(context.operation)) {
+            // Clear cache for write operations on the same entity
+            const keysToDelete = Array.from(cache.keys()).filter(key => key.includes(`${context.entityName}:`));
+            keysToDelete.forEach(key => cache.delete(key));
+            return next(context);
+        }
+        // Generate cache key
+        const cacheKey = `${context.entityName}:${context.operation}:${JSON.stringify(context.input)}`;
+        // Check cache
+        const cached = cache.get(cacheKey);
+        if (cached && Date.now() - cached.timestamp < cached.ttl) {
+            console.log(`💾 Cache hit for ${cacheKey}`);
+            return cached.data;
+        }
+        // Execute and cache result
+        const result = await next(context);
+        cache.set(cacheKey, {
+            data: result,
+            timestamp: Date.now(),
+            ttl: DEFAULT_TTL,
+        });
+        console.log(`💾 Cached result for ${cacheKey}`);
+        return result;
+    };
+})();
+
+/**
+ * Simple in-memory audit storage (for demo purposes)
+ */
+class InMemoryAuditStorage {
+    constructor() {
+        this.entries = [];
+    }
+    async save(entry) {
+        this.entries.push(entry);
+        console.log('📋 Audit entry saved:', entry);
+    }
+    getEntries() {
+        return [...this.entries];
+    }
+    getEntriesForEntity(entityName) {
+        return this.entries.filter(entry => entry.entityName === entityName);
+    }
+    clear() {
+        this.entries.length = 0;
+    }
+}
+// Global audit storage instance
+const auditStorage = new InMemoryAuditStorage();
+/**
+ * Audit middleware that tracks all entity operations
+ */
+const auditMiddleware = async (context, next) => {
+    const auditEntry = {
+        id: `audit_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        entityName: context.entityName,
+        operation: context.operation,
+        user: context.metadata.user?.id || 'system',
+        timestamp: new Date(),
+        requestId: context.metadata.requestId,
+    };
+    // Add operation-specific data
+    switch (context.operation) {
+        case 'insertOne':
+            auditEntry.changes = { created: context.input.entity };
+            break;
+        case 'updateOne':
+            auditEntry.entityId = context.input.id;
+            auditEntry.changes = { updated: context.input.keyValues };
+            break;
+        case 'deleteOne':
+            auditEntry.entityId = context.input.id;
+            auditEntry.changes = { deleted: true };
+            break;
+        case 'getOne':
+            auditEntry.entityId = context.input.id;
+            break;
+        case 'query':
+            auditEntry.metadata = { queryRequest: context.input.request };
+            break;
+        case 'initial':
+            auditEntry.metadata = {
+                collectionSize: context.input.collection?.length,
+                options: context.input.options
+            };
+            break;
+    }
+    try {
+        const result = await next(context);
+        // For insert operations, capture the generated ID
+        if (context.operation === 'insertOne' && result) {
+            auditEntry.entityId = result;
+        }
+        // Save audit entry
+        await auditStorage.save(auditEntry);
+        return result;
+    }
+    catch (error) {
+        // Save audit entry even for failed operations
+        auditEntry.metadata = {
+            ...auditEntry.metadata,
+            error: error instanceof Error ? error.message : 'Unknown error'
+        };
+        await auditStorage.save(auditEntry);
+        throw error;
+    }
+};
+/**
+ * User context middleware - adds user information to context
+ */
+const userContextMiddleware = async (context, next) => {
+    // In a real application, you would inject your auth service here
+    // const authService = inject(AuthService);
+    // const user = authService.getCurrentUser();
+    // For demo purposes, we'll use a mock user
+    const mockUser = {
+        id: 'user123',
+        name: 'John Doe',
+        role: 'admin',
+    };
+    context.metadata.user = mockUser;
+    return next(context);
+};
+/**
+ * Data sanitization middleware - removes sensitive data from logs
+ */
+const dataSanitizationMiddleware = async (context, next) => {
+    const sensitiveFields = ['password', 'ssn', 'creditCard', 'apiKey', 'token'];
+    // Sanitize input data
+    if (context.input.entity) {
+        context.input.entity = sanitizeObject(context.input.entity, sensitiveFields);
+    }
+    if (context.input.keyValues) {
+        context.input.keyValues = sanitizeObject(context.input.keyValues, sensitiveFields);
+    }
+    const result = await next(context);
+    // Sanitize result data if needed
+    if (result && typeof result === 'object') {
+        return sanitizeObject(result, sensitiveFields);
+    }
+    return result;
+};
+/**
+ * Helper function to sanitize objects by removing sensitive fields
+ */
+function sanitizeObject(obj, sensitiveFields) {
+    if (!obj || typeof obj !== 'object') {
+        return obj;
+    }
+    if (Array.isArray(obj)) {
+        return obj.map(item => sanitizeObject(item, sensitiveFields));
+    }
+    const sanitized = { ...obj };
+    for (const field of sensitiveFields) {
+        if (field in sanitized) {
+            sanitized[field] = '[REDACTED]';
+        }
+    }
+    // Recursively sanitize nested objects
+    for (const [key, value] of Object.entries(sanitized)) {
+        if (value && typeof value === 'object') {
+            sanitized[key] = sanitizeObject(value, sensitiveFields);
+        }
+    }
+    return sanitized;
+}
+
+// Core middleware types and utilities
+
 class AXPEntityCommandSearchDefinitionProvider {
     async provide(context) {
         context.addDefinition('command', 'Commands', 'command', 'fa-solid fa-command', 1, {
@@ -2222,8 +2970,8 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         cls[`ax-gap-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetViewComponent, isStandalone: true, selector: "axp-lookup-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPLookupWidgetViewComponent, isStandalone: true, selector: "axp-lookup-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     @if(loading())
     {
       <ax-loading></ax-loading>
@@ -2243,7 +2991,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-view',
@@ -2339,8 +3087,8 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     handleSelectClick() {
         this.close({ items: this.selectedItems() });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-p-4 ax-flex ax-flex-col ax-gap-4  ax-overflow-hidden">
       @if (vm.hasInlineFilters()) {
         <div class="ax-w-full">
@@ -2407,7 +3155,7 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     </ax-footer>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i1$2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.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: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i4.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i4.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i6.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -2512,6 +3260,7 @@ class AXPLookupWidgetSelectorViewModel {
             },
             load: (e) => {
                 const func = this.entityDef.queries.list?.execute;
+                this.mergeFilter(e, this.options.customFilter);
                 return func(e);
             },
             pageSize: 10,
@@ -2617,6 +3366,25 @@ class AXPLookupWidgetSelectorViewModel {
         const func = this.entityDef.queries.list?.execute;
         return (await func({ filter: this.inlineFilters, take: 10 })) ?? [];
     }
+    setCustomFilter(filter) {
+        this.options.customFilter = filter;
+        this.applyFilterAndSort();
+    }
+    mergeFilter(request, filter) {
+        if (!filter) {
+            return request;
+        }
+        if (request.filter) {
+            request.filter = {
+                logic: 'and',
+                filters: [...[request.filter], ...(filter.filters ?? [])]
+            };
+        }
+        else {
+            request.filter = filter;
+        }
+        return request;
+    }
 }
 
 class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
@@ -2662,10 +3430,19 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             if (this.getValue()) {
                 this.findByValue();
             }
+            else {
+                this.clear();
+            }
         }, ...(ngDevMode ? [{ debugName: "#efValue" }] : []));
+        this.#efCustomFilter = effect(() => {
+            if (this.customFilter()) {
+                this.vm()?.setCustomFilter(this.customFilter());
+            }
+        }, ...(ngDevMode ? [{ debugName: "#efCustomFilter" }] : []));
     }
     #efEntity;
     #efValue;
+    #efCustomFilter;
     async findByValue() {
         this.isLoading.set(true);
         const rawValue = this.getValue();
@@ -2696,7 +3473,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.popupService
             .open(AXPLookupWidgetSelectorComponent, {
             title: `${this.translateService.translateSync('widget.lookup.search')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`,
-            size: columnsCount < 3 ? 'sm' : columnsCount > 3 ? 'lg' : 'md',
+            size: columnsCount < 4 ? 'md' : 'lg',
             data: {
                 vm: new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), {
                     customFilter: this.customFilter(),
@@ -2797,6 +3574,13 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     handleClearClick() {
         this.clear();
     }
+    refresh() {
+        this.clear();
+        if (this.customFilter()) {
+            this.vm()?.setCustomFilter(this.customFilter());
+        }
+        this.vm()?.dataSource.refresh();
+    }
     clear() {
         this.setValue(null);
         this.clearInput();
@@ -2809,8 +3593,8 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     singleOrMultiple(values) {
         return this.multiple() ? values : values[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", 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: `
     @if (look() == 'select') {
       <ax-select-box
         [dataSource]="vm()?.dataSource!"
@@ -2863,7 +3647,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 //
                 AXButtonModule }, { kind: "component", type: i2.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: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.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: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-edit',
@@ -2948,9 +3732,12 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.badgeClass = this.options['badgeClass'] ?? 'ax-accent1';
         this.displayItems = computed(() => isNil(this.rawValue)
             ? []
-            : castArray(this.rawValue).map((item) => this.extractItem(item)), ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
+            : castArray(this.rawValue).map((item) => this.extractItem(item)).filter((c) => c != null), ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
     }
     extractItem(item) {
+        if (isNil(item)) {
+            return null;
+        }
         return typeof item == 'object'
             ? {
                 [this.valueField]: item?.[this.valueField],
@@ -2961,8 +3748,8 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
                 [this.textField]: item,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-1">
       @for (item of displayItems(); track $index) {
       <ax-badge [text]="item[this.textField]" [class]="badgeClass"></ax-badge>
@@ -2973,7 +3760,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3073,8 +3860,8 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
             return Array.isArray(value) ? value : [value];
         }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-1 ax-flex-wrap">
       @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
       <ax-badge [look]="'twotone'" [text]="item[textField()]" color="primary"></ax-badge>
@@ -3086,7 +3873,7 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3149,8 +3936,8 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
         cls[`ax-flex-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-4">
       <!-- نمایش Select Box با دکمه اضافه کردن آیتم -->
       <ax-select-box
@@ -3191,7 +3978,7 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.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: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: AXSelectBoxModule }, { kind: "component", type: i7$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tagable-box-widget',
@@ -3259,10 +4046,10 @@ var tagableBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPTagableBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -3297,8 +4084,8 @@ class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
             return Array.isArray(value) ? value : [value];
         }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div>
       @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
       <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
@@ -3314,7 +4101,7 @@ class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3363,14 +4150,14 @@ class AXPTagableBoxWidgetViewComponent extends AXPValueWidgetComponent {
             return Array.isArray(value) ? value : [value];
         }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
     @for (item of internalValue(); track $index) {
     <ax-badge [look]="'twotone'" [text]="item" color="primary"></ax-badge>
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tagable-box-widget',
@@ -3465,8 +4252,8 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
         const widget = this.widgetRegisteryService.resolve(e.values.type);
         this.setValue({ title: widget?.title, ...e.values });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXPWidgetSelectorWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AXPWidgetSelectorWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <ax-text-box [ngModel]="displayText()" [placeholder]="placeholder()" [readonly]="true">
       @for (validation of validationRules(); track $index) {
       <ax-validation-rule
@@ -3487,7 +4274,7 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.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: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -3534,10 +4321,10 @@ var widgetSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPWidgetSelectorWidgetViewComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `{{ getValue()?.title }}`,
@@ -3614,10 +4401,10 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreatePopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreatePopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
@@ -3625,10 +4412,10 @@ class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
         this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
         this.dispatch(AXPRefreshEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
             type: Injectable
         }] });
 const AXPCreateEntityWorkflow = {
@@ -3687,6 +4474,7 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         const data = context.getVariable('data');
         const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
         const { parentKey } = entityRef;
+        console.log(data);
         const { id } = data;
         const { interfaces, title } = entityRef;
         const properties = interfaces?.master?.update?.properties?.map((p) => p.name) || [];
@@ -3718,10 +4506,10 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(popup.data.context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQuickEntityModifyPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQuickEntityModifyPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPQuickEntityModifyPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPQuickEntityModifyPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPQuickEntityModifyPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPQuickEntityModifyPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPQuickModifyEntityWorkflow = {
@@ -3778,10 +4566,10 @@ class AXPEntityApplyUpdatesAction extends AXPWorkflowAction {
             context.setOutput('error', error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityApplyUpdatesAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityApplyUpdatesAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityApplyUpdatesAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityApplyUpdatesAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityApplyUpdatesAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityApplyUpdatesAction, decorators: [{
             type: Injectable
         }] });
 
@@ -3800,10 +4588,10 @@ class AXPShowDetailViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowDetailViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowDetailViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowDetailsViewWorkflow = {
@@ -3829,12 +4617,14 @@ class AXPShowFileUploaderPopupAction extends AXPWorkflowAction {
         const accept = context.getVariable('options.accept');
         const maxFileSize = context.getVariable('options.maxFileSize');
         const files = context.getVariable('options.files');
+        const fileEditable = context.getVariable('options.fileEditable');
         // *********** show file list ***********
         const res = await this.fileUploaderWidgetService.showFileList({
             files: files,
             readOnly: readOnly,
             multiple: multiple,
             accept: accept,
+            fileEditable: fileEditable,
         });
         // Handle case when result is undefined or empty array
         if (!res || res.length === 0) {
@@ -3854,10 +4644,10 @@ class AXPShowFileUploaderPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(entityData));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowFileUploaderPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowFileUploaderPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowFileUploaderPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowFileUploaderPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowFileUploaderPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowFileUploaderPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowFileUploaderPopupWorkflow = {
@@ -3908,10 +4698,10 @@ class AXPShowListViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowListViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowListViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPShowListViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPShowListViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowListViewWorkflow = {
@@ -3924,6 +4714,147 @@ const AXPShowListViewWorkflow = {
     },
 };
 
+class AXPEntityReferenceWidgetViewComponent extends AXPLayoutWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPEntityReferenceWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule]
+                }]
+        }] });
+
+var entityReferenceWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPEntityReferenceWidgetViewComponent: AXPEntityReferenceWidgetViewComponent
+});
+
+class AXPEntityReferenceWidgetEditComponent extends AXPLayoutWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.injector = inject(Injector);
+        this.entityResolver = inject(AXPEntityResolver);
+        this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
+        this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : []));
+        this.#efEntity = effect(async () => {
+            const [module, entity] = this.entity().split('.');
+            this.entityDef.set(await this.entityResolver.get(module, entity));
+            console.log(this.entityDef());
+        }, ...(ngDevMode ? [{ debugName: "#efEntity" }] : []));
+    }
+    #efEntity;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPEntityReferenceWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                }]
+        }] });
+
+var entityReferenceWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPEntityReferenceWidgetEditComponent: AXPEntityReferenceWidgetEditComponent
+});
+
+class AXPEntityReferenceWidgetColumnComponent extends AXPColumnWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPEntityReferenceWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `{{rawValue}}`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['rawValue']
+                }]
+        }] });
+
+var entityReferenceWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPEntityReferenceWidgetColumnComponent: AXPEntityReferenceWidgetColumnComponent
+});
+
+class AXPEntityReferenceWidgetPrintComponent extends AXPLayoutWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPEntityReferenceWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var entityReferenceWidgetPrint_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPEntityReferenceWidgetPrintComponent: AXPEntityReferenceWidgetPrintComponent
+});
+
+class AXPEntityReferenceWidgetDesignerComponent extends AXPLayoutWidgetComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AXPEntityReferenceWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityReferenceWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule]
+                }]
+        }] });
+
+var entityReferenceWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPEntityReferenceWidgetDesignerComponent: AXPEntityReferenceWidgetDesignerComponent
+});
+
+const AXPEntityReferenceWidget = {
+    name: "entity-reference",
+    title: "Entity Reference",
+    description: '',
+    type: 'view',
+    categories: [],
+    groups: [AXPWidgetGroupEnum.FormElement],
+    icon: "fa-solid fa-square",
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetView_component; }).then((c) => c.AXPEntityReferenceWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetEdit_component; }).then((c) => c.AXPEntityReferenceWidgetEditComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetColumn_component; }).then((c) => c.AXPEntityReferenceWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetPrint_component; }).then((c) => c.AXPEntityReferenceWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetDesigner_component; }).then((c) => c.AXPEntityReferenceWidgetDesignerComponent),
+        },
+    }
+};
+
 function routesFacory() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     let routes = [];
@@ -3986,9 +4917,9 @@ class AXPEntityModule {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$4.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i6.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$4.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i6.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -4033,10 +4964,10 @@ class AXPEntityModule {
                 functions: {},
             }),
             AXPLayoutBuilderModule.forChild({
-                widgets: [AXPLookupWidget, AXPWidgetSelectorWidget, AXPTagableBoxWidget],
+                widgets: [AXPLookupWidget, AXPWidgetSelectorWidget, AXPTagableBoxWidget, AXPEntityReferenceWidget],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXPEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXPEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4069,7 +5000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                             functions: {},
                         }),
                         AXPLayoutBuilderModule.forChild({
-                            widgets: [AXPLookupWidget, AXPWidgetSelectorWidget, AXPTagableBoxWidget],
+                            widgets: [AXPLookupWidget, AXPWidgetSelectorWidget, AXPTagableBoxWidget, AXPEntityReferenceWidget],
                         }),
                     ],
                     exports: [],
@@ -4139,6 +5070,11 @@ function entityMasterCrudActions() {
         entityMasterDeleteAction(),
     ];
 }
+function entityMasterRecordActions() {
+    return [
+        entityMasterDeleteAction(),
+    ];
+}
 // #endregion
 // #region Details
 function entityDetailsCreateActions(parentId) {
@@ -4191,5 +5127,5 @@ function entityDetailsCrudActions(parentId) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPModifyEntitySectionWorkflow, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, createModifierContext, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterViewAction };
+export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageExecutor, AXPEntityStorageRegistry, AXPEntityStorageService, AXPEntityStorageWithMiddlewareService, AXPModifyEntitySectionWorkflow, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_EXTENSION, AXP_ENTITY_STORAGE_MIDDLEWARE_SETUP, auditMiddleware, auditStorage, cachingMiddleware, composeEntityStorageMiddlewares, createModifierContext, dataSanitizationMiddleware, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, errorHandlingMiddleware, generateRequestId, loggingMiddleware, performanceMiddleware, provideEntitySpecificMiddleware, provideEntityStorageMiddleware, provideGlobalEntityStorageMiddleware, provideOperationSpecificMiddleware, userContextMiddleware, validationMiddleware };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map