@acorex/platform 20.3.0-next.8 → 20.3.0-next.9

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

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, computed, signal, Injector, runInInjectionContext, EnvironmentInjector, viewChild, viewChildren, linkedSignal, effect, untracked, ChangeDetectionStrategy, Component, HostBinding, input, ElementRef, ApplicationRef, createComponent, ViewChild, NgModule } from '@angular/core';
 import { castArray, get, cloneDeep, set, merge, isNil, isEmpty, sortBy } from 'lodash-es';
-import * as i1$1 from '@acorex/cdk/common';
-import { AXDataSource, AXCommonModule } from '@acorex/cdk/common';
+import { AXDataSource } from '@acorex/cdk/common';
 import { AXFormatService } from '@acorex/core/format';
 import { AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPReloadEvent, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
-import * as i1$3 from '@acorex/platform/core';
+import * as i1$2 from '@acorex/platform/core';
 import { resolveActionLook, AXPExpressionEvaluatorService, AXPPlatformScope, AXPDistributedEventListenerService, getChangedPaths, extractValue, setSmart, AXPSystemActionType } from '@acorex/platform/core';
 import * as i2$2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
@@ -16,7 +15,7 @@ import { Subject, takeUntil } from 'rxjs';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import { AXPCommandService, AXPQueryService, provideCommandSetups, provideQuerySetups } from '@acorex/platform/runtime';
 import { moveItemInArray } from '@angular/cdk/drag-drop';
-import * as i8 from '@acorex/core/translation';
+import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
@@ -29,10 +28,10 @@ import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
-import * as i7 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXPFileUploaderWidgetService } from '@acorex/platform/widgets';
-import * as i1$2 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i4$1 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
@@ -40,22 +39,18 @@ import * as i1 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import * as i5$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i5 from '@acorex/components/search-box';
-import { AXSearchBoxModule, AXSearchBoxComponent } from '@acorex/components/search-box';
-import * as i7$1 from '@acorex/components/select-box';
+import * as i6$2 from '@acorex/components/search-box';
+import { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i7 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i6 from '@acorex/components/tag-box';
+import * as i6$1 from '@acorex/components/tag-box';
 import { AXTagBoxComponent, AXTagBoxModule } from '@acorex/components/tag-box';
 import { AXValidationModule } from '@acorex/core/validation';
-import * as i4$2 from '@acorex/components/data-table';
-import { AXDataTableModule } from '@acorex/components/data-table';
-import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
-import { AXBasePageComponent } from '@acorex/components/page';
+import { AXPDataSelectorService, AXPWidgetPropertyViewerComponent } from '@acorex/platform/layout/components';
 import * as i2 from '@acorex/components/popover';
 import { AXPopoverModule } from '@acorex/components/popover';
 import * as i2$1 from '@acorex/components/text-box';
 import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
-import { AXPWidgetPropertyViewerComponent } from '@acorex/platform/layout/components';
 import { transform, isEqual } from 'lodash';
 
 const AXP_DATA_SEEDER_TOKEN = new InjectionToken('AXP_DATA_SEEDER_TOKEN');
@@ -369,7 +364,7 @@ class AXPEntityDetailListViewModel {
                 module: this.detailEntity()?.module,
                 title: this.detailEntity()?.title,
                 parentKey: this.detailEntity()?.parentKey,
-                source: this.detailEntity()?.source,
+                source: `${this.detailEntity()?.module}.${this.detailEntity()?.name}`,
             },
             options,
         });
@@ -437,13 +432,6 @@ function createModifierContext(entity) {
                 return ctx;
             },
         },
-        source: {
-            get: () => entity.source,
-            set: (newValue) => {
-                entity.source = newValue;
-                return ctx;
-            },
-        },
         parentKey: {
             get: () => entity.parentKey,
             set: (newValue) => {
@@ -1542,7 +1530,7 @@ class AXPEntityMasterListViewModel {
                     module: this.entityDef.module,
                     title: this.entityDef.title,
                     parentKey: this.entityDef.parentKey,
-                    source: this.entityDef.source,
+                    source: `${this.entityDef.module}.${this.entityDef.name}`,
                 },
                 data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
                 options: options,
@@ -1550,7 +1538,20 @@ class AXPEntityMasterListViewModel {
             });
         }
         else {
-            this.commandService.execute(command, options);
+            // this.commandService.execute(command, options);
+            this.commandService.execute(command, {
+                entity: getEntityInfo(this.entityDef).source,
+                entityInfo: {
+                    name: this.entityDef.name,
+                    module: this.entityDef.module,
+                    title: this.entityDef.title,
+                    parentKey: this.entityDef.parentKey,
+                    source: `${this.entityDef.module}.${this.entityDef.name}`,
+                },
+                data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
+                options: options,
+                metadata: action?.metadata,
+            });
         }
     }
     async execute(command) {
@@ -1661,14 +1662,14 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         // Create dialog config but don't show it yet
         const createDialog = async () => {
             dialog = this.loadingDialog.show({
-                title: await this.translationService.translateAsync('workflow.deleting'),
+                title: await this.translationService.translateAsync('@general:workflow.deleting'),
                 mode: 'determinate',
                 status: 'Deleting...',
                 progressValue: 0,
                 text: `0/${idLength}`,
                 buttons: [
                     {
-                        text: await this.translationService.translateAsync('cancel'),
+                        text: await this.translationService.translateAsync('@general:actions.cancel.title'),
                         color: 'danger',
                         onClick: () => {
                             if (dialog) {
@@ -1729,7 +1730,7 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         if (successfulPromises > 0 && failedPromises === 0) {
             // All items deleted successfully
             if (showResult) {
-                await this.dialogService.alert(await this.translationService.translateAsync('workflow.success-delete-title'), await this.translationService.translateAsync('workflow.success-delete-body', {
+                await this.dialogService.alert(await this.translationService.translateAsync('@general:workflow.success-delete-title'), await this.translationService.translateAsync('@general:workflow.success-delete-body', {
                     params: { item: successfulPromises },
                 }), //TODO test translation
                 'success');
@@ -1741,7 +1742,7 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         else if (successfulPromises > 0 && failedPromises > 0) {
             // Some items deleted successfully, some failed
             if (showResult) {
-                await this.dialogService.alert(await this.translationService.translateAsync('workflow.success-partial-delete-title'), await this.translationService.translateAsync('workflow.partial-delete-body', {
+                await this.dialogService.alert(await this.translationService.translateAsync('@general:workflow.success-partial-delete-title'), await this.translationService.translateAsync('@general:workflow.partial-delete-body', {
                     params: { success: successfulPromises, fail: failedPromises },
                 }), 'warning');
             }
@@ -1751,7 +1752,7 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         else if (successfulPromises === 0 && failedPromises > 0) {
             // No items deleted, all failed
             if (showResult) {
-                await this.dialogService.alert(await this.translationService.translateAsync('workflow.fail-delete-title'), await this.translationService.translateAsync('workflow.fail-delete-body', {
+                await this.dialogService.alert(await this.translationService.translateAsync('@general:workflow.fail-delete-title'), await this.translationService.translateAsync('@general:workflow.fail-delete-body', {
                     params: { item: failedPromises },
                 }), 'danger');
             }
@@ -1759,7 +1760,7 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         else {
             // No items to delete (no successful or failed promises)
             if (showResult) {
-                await this.dialogService.alert(await this.translationService.translateAsync('workflow.no-need'), await this.translationService.translateAsync('workflow.no-item'), 'primary');
+                await this.dialogService.alert(await this.translationService.translateAsync('@general:workflow.no-need'), await this.translationService.translateAsync('@general:workflow.no-item'), 'primary');
             }
         }
     }
@@ -1797,6 +1798,35 @@ const AXPDeleteEntityWorkflow = {
     },
 };
 
+class AXPEntityUpdateViewSectionViewModel {
+    constructor(entity, section) {
+        this.entity = entity;
+        this.section = section;
+        this.group = this.entity.groups?.find((c) => c.id == this.section.id);
+        this.name = signal(this.group.id, ...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.title = computed(() => {
+            return this.group.title ?? this.group.id;
+        }, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.description = computed(() => {
+            return this.group.description;
+        }, ...(ngDevMode ? [{ debugName: "description" }] : []));
+        this.layout = computed(() => {
+            const source = cloneDeep(this.section.layout ?? {});
+            set(source, 'positions.default.colSpan', 12);
+            return source;
+        }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
+        this.elements = computed(() => {
+            const { interfaces, properties } = this.entity;
+            const updateProps = interfaces?.master?.update?.properties ?? [];
+            const updatePropNames = new Set(updateProps.map(({ name }) => name));
+            const filteredProperties = properties.filter(({ groupId, schema, name }) => groupId === this.group.id && !schema.hidden && updatePropNames.has(name));
+            return filteredProperties.map((property) => {
+                const updateProp = updateProps.find(({ name }) => name === property.name);
+                return new AXPEntityMasterUpdateElementViewModel(this.entity, property);
+            });
+        }, ...(ngDevMode ? [{ debugName: "elements" }] : []));
+    }
+}
 class AXPEntityMasterUpdateElementViewModel {
     constructor(entity, property) {
         this.entity = entity;
@@ -1862,6 +1892,13 @@ class AXPEntityMasterUpdateViewModel {
                 return new AXPEntityMasterUpdateElementViewModel(this.entityDef, e);
             });
         }, ...(ngDevMode ? [{ debugName: "elements" }] : []));
+        this.sections = computed(() => {
+            const { interfaces, properties } = this.entityDef;
+            const updateProps = interfaces?.master?.update?.properties?.map(({ name }) => name) ?? [];
+            const visibleProperties = properties.filter(({ groupId, schema, name }) => groupId && !schema.hidden && updateProps.includes(name));
+            const sections = interfaces?.master?.update?.sections?.filter(({ id }) => visibleProperties.some(({ groupId }) => groupId === id)) ?? [];
+            return sections.map((section) => new AXPEntityUpdateViewSectionViewModel(this.entityDef, section));
+        }, ...(ngDevMode ? [{ debugName: "sections" }] : []));
     }
     async save() {
         this.isInProgress.set(true);
@@ -2284,6 +2321,34 @@ const AXPEntityDetailViewModelResolver = (route, state, service = inject(AXPEnti
     return service.create(moduleName, entityName, id);
 };
 
+/**
+ * Error type that can be thrown by middlewares to abort the chain with a structured payload.
+ */
+class AXPMiddlewareAbortError extends Error {
+    constructor(message, options = {}) {
+        super(message);
+        this.message = message;
+        this.options = options;
+        this.name = 'AXPMiddlewareAbortError';
+    }
+    toResponse() {
+        return {
+            success: false,
+            error: {
+                code: this.options.code,
+                message: this.message,
+                status: this.options.status,
+                details: this.options.details,
+            },
+        };
+    }
+}
+/** Type guard for AXPMiddlewareAbortError */
+function isAXPMiddlewareAbortError(error) {
+    return error instanceof AXPMiddlewareAbortError;
+}
+//#endregion
+
 const AXP_ENTITY_STORAGE_BACKEND = new InjectionToken('AXP_ENTITY_STORAGE_BACKEND');
 const AXP_ENTITY_STORAGE_MIDDLEWARE = new InjectionToken('AXP_ENTITY_STORAGE_MIDDLEWARE');
 
@@ -2326,6 +2391,7 @@ class AXMEntityCrudServiceImpl {
         this._storageService = inject(AXPEntityStorageService);
         this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
         this._entityDataProvider = new AXPEntityDataProviderImpl(this._storageService, this.entityName);
+        this._entityCategoryDataProvider = new AXPEntityDataProviderImpl(this._storageService, `${this.entityName}Category`);
     }
     async insertOne(request) {
         return this._entityDataProvider.insertOne(request);
@@ -2405,6 +2471,9 @@ class AXMEntityCrudServiceImpl {
         const result = await this._entityDataProvider.query(queryRequest);
         return result;
     }
+    async getCategoriesList(request = { skip: 0, take: 1000 }) {
+        return this._entityCategoryDataProvider.query(request);
+    }
     get storageService() {
         return this._storageService;
     }
@@ -2461,8 +2530,10 @@ class AXPMiddlewareEntityStorageService extends AXPEntityStorageService {
             entityName,
             locals: new Map(),
             backend: {
-                getOneRaw: (name, id) => this.backend.getOne(name, id),
-                insertOneRaw: (name, e) => this.backend.insertOne(name, e),
+                getOne: (name, id) => this.backend.getOne(name, id),
+                insertOne: (name, e) => this.backend.insertOne(name, e),
+                query: (name, request) => this.backend.query(name, request),
+                updateOne: (name, id, data) => this.backend.updateOne(name, id, data),
             },
             ...init,
         };
@@ -2865,13 +2936,13 @@ class AXPPageDetailsConverter extends AXPBaseRelatedEntityConverter {
         return {
             commands: {
                 reject: {
-                    title: 't("discard")',
+                    title: '@general:actions.discard.title',
                     color: 'default',
                     visible: '{{context.isDirty()}}',
                     command: { name: 'discard' },
                 },
                 accept: {
-                    title: 't("confirm")',
+                    title: '@general:actions.confirm.title',
                     color: 'secondary',
                     visible: '{{context.isDirty()}}',
                     command: { name: 'update-entity' },
@@ -3016,7 +3087,7 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                             module: entityDef.module,
                             title: entityDef.title,
                             parentKey: entityDef.parentKey,
-                            source: entityDef.source,
+                            source: `${entityDef.module}.${entityDef.name}`,
                         },
                         data: action.scope == AXPEntityCommandScope.Selected
                             ? executeContext
@@ -3488,7 +3559,7 @@ class AXPMainEntityContentBuilder {
             settings: {
                 commands: {
                     reject: {
-                        title: 't("discard")',
+                        title: '@general:actions.discard.title',
                         color: 'default',
                         visible: '{{context.isDirty()}}',
                         command: {
@@ -3496,7 +3567,7 @@ class AXPMainEntityContentBuilder {
                         },
                     },
                     accept: {
-                        title: 't("confirm")',
+                        title: '@general:actions.confirm.title',
                         color: 'secondary',
                         visible: '{{context.isDirty()}}',
                         command: {
@@ -3518,57 +3589,68 @@ class AXPMainEntityContentBuilder {
                 };
             },
             execute: async (e, context) => {
-                if (e.name == 'update-entity') {
-                    const fn = entity?.commands?.update?.execute;
-                    const result = await fn(context);
-                    return {
-                        success: true,
-                        result: result,
-                    };
-                }
-                else {
-                    // Find action in single interface actions
-                    const action = actions.find((a) => a.name === e.name);
-                    if (action && dependencies?.workflowService) {
-                        // Evaluate action options with current context
-                        let evaluatedOptions = action.options;
-                        if (evaluateExpressions && action.options) {
-                            try {
-                                evaluatedOptions = await evaluateExpressions(action.options);
+                try {
+                    if (e.name == 'update-entity') {
+                        const fn = entity?.commands?.update?.execute;
+                        const result = await fn(context);
+                        return {
+                            success: true,
+                            result: result,
+                        };
+                    }
+                    else {
+                        // Find action in single interface actions
+                        const action = actions.find((a) => a.name === e.name);
+                        if (action && dependencies?.workflowService) {
+                            // Evaluate action options with current context
+                            let evaluatedOptions = action.options;
+                            if (evaluateExpressions && action.options) {
+                                try {
+                                    evaluatedOptions = await evaluateExpressions(action.options);
+                                }
+                                catch {
+                                    // Keep original options if evaluation fails
+                                }
                             }
-                            catch {
-                                // Keep original options if evaluation fails
+                            const commandName = e.name.split('&')[0];
+                            if (this.workflowService.exists(commandName)) {
+                                await this.workflowService.execute(commandName, {
+                                    entity: getEntityInfo(entity).source,
+                                    data: context,
+                                    entityInfo: {
+                                        name: entity.name,
+                                        module: entity.module,
+                                        title: entity.title,
+                                        parentKey: entity.parentKey,
+                                        source: `${entity.module}.${entity.name}`,
+                                    },
+                                    options: evaluatedOptions,
+                                    metadata: action.metadata,
+                                });
+                                return {
+                                    success: true,
+                                };
+                            }
+                            if (this.commandService.exists(commandName)) {
+                                // check options for evaluation
+                                await this.commandService.execute(commandName, e.options);
                             }
                         }
-                        const commandName = e.name.split('&')[0];
-                        if (this.workflowService.exists(commandName)) {
-                            await this.workflowService.execute(commandName, {
-                                entity: getEntityInfo(entity).source,
-                                data: context,
-                                entityInfo: {
-                                    name: entity.name,
-                                    module: entity.module,
-                                    title: entity.title,
-                                    parentKey: entity.parentKey,
-                                    source: entity.source,
-                                },
-                                options: evaluatedOptions,
-                                metadata: action.metadata,
-                            });
-                            return {
-                                success: true,
-                            };
-                        }
-                        if (this.commandService.exists(commandName)) {
-                            // check options for evaluation
-                            await this.commandService.execute(commandName, e.options);
-                        }
+                        return {
+                            success: false,
+                            error: {
+                                code: 'invalid_command',
+                                message: 'Invalid command',
+                            },
+                        };
                     }
+                }
+                catch (error) {
                     return {
                         success: false,
                         error: {
-                            code: 'invalid_command',
-                            message: 'Invalid command',
+                            //TODO: handle error as object
+                            message: error,
                         },
                     };
                 }
@@ -4239,7 +4321,7 @@ class AXPEntityListTableService {
                 module: entity.module,
                 title: entity.title,
                 parentKey: entity.parentKey,
-                source: entity.source,
+                source: `${entity.module}.${entity.name}`,
             },
             data: action?.scope == AXPEntityCommandScope.Selected ? selectedRows : data,
             options: options,
@@ -4515,7 +4597,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
                 module: this.entity()?.module,
                 title: this.entity()?.title,
                 parentKey: this.entity()?.parentKey,
-                source: this.entity()?.source,
+                source: `${this.entity()?.module}.${this.entity()?.name}`,
             },
             data: action?.scope == AXPEntityCommandScope.Selected
                 ? this.selectedItems()
@@ -4720,7 +4802,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
           <ax-button
             [class.ax-sm]="layoutThemeService.isSmall()"
             [iconOnly]="layoutThemeService.isSmall()"
-            [text]="'actions'"
+            [text]="'@general:terms.workflow.actions' | translate | async"
             [look]="layoutThemeService.isSmall() ? 'blank' : 'solid'"
             [color]="'default'"
           >
@@ -4774,7 +4856,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         ></ng-container>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXPLayoutBuilderModule }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: "component", type: i3$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXPLayoutBuilderModule }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: "component", type: i3$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListWidgetViewComponent, decorators: [{
             type: Component,
@@ -4826,7 +4908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
           <ax-button
             [class.ax-sm]="layoutThemeService.isSmall()"
             [iconOnly]="layoutThemeService.isSmall()"
-            [text]="'actions'"
+            [text]="'@general:terms.workflow.actions' | translate | async"
             [look]="layoutThemeService.isSmall() ? 'blank' : 'solid'"
             [color]="'default'"
           >
@@ -4887,7 +4969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [AXPEntityListTableService, AXPEntityListToolbarService],
-                    imports: [CommonModule, AXDecoratorModule, AXPLayoutBuilderModule, AXButtonModule, AXDropdownModule],
+                    imports: [CommonModule, AXDecoratorModule, AXPLayoutBuilderModule, AXButtonModule, AXDropdownModule, AXTranslationModule],
                 }]
         }] });
 
@@ -5178,383 +5260,193 @@ var lookupWidgetView_component = /*#__PURE__*/Object.freeze({
     AXPLookupWidgetViewComponent: AXPLookupWidgetViewComponent
 });
 
-class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
+//#endregion
+class AXPEntityDataSelectorService {
     constructor() {
-        super(...arguments);
-        this.grid = viewChild('grid', ...(ngDevMode ? [{ debugName: "grid" }] : []));
-        this.initialSelectedItems = [];
-        this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
-        this.allowSelect = computed(() => this.selectedItems().length > 0, ...(ngDevMode ? [{ debugName: "allowSelect" }] : []));
-    }
-    ngAfterViewInit() {
-        if (this.initialSelectedItems.length > 0 && this.grid()) {
-            this.grid()?.selectRows(...this.initialSelectedItems);
-        }
-        if (this.searchTerm) {
-            this.vm.applyInlineFilter(this.searchTerm);
-        }
-        else {
-            this.vm.applyFilterAndSort();
-        }
+        //#region ----   Services & Dependencies   ----
+        this.dataSelectorService = inject(AXPDataSelectorService);
+        this.filterOperatorMiddleware = inject(AXPFilterOperatorMiddlewareService);
+        this.widgetResolver = inject(AXPWidgetRegistryService);
     }
-    handleRowDbClick(e) {
-        this.close({ items: [e.data] });
+    //#endregion
+    //#region ----   Public Methods   ----
+    /**
+     * Open entity data selector popup
+     */
+    async open(options) {
+        const config = this.createDataSelectorConfig(options);
+        const result = await this.dataSelectorService.open(config);
+        return result;
     }
-    handleRowClick(e) {
-        if (this.vm.allowMultiple()) {
-            this.selectedItems.set([...this.selectedItems(), e.data]);
-        }
-        else if (this.selectedItems().length > 0) {
-            const selected = this.selectedItems().find((item) => item.id === e.data.id);
-            if (selected) {
-                this.selectedItems.set(this.selectedItems().filter((item) => item.id !== selected.id));
-            }
-            else {
-                this.selectedItems.set([e.data]);
-            }
-        }
-        else if (this.selectedItems().length === 0) {
-            this.selectedItems.set([e.data]);
-        }
-        else {
-            this.selectedItems.set([e.data]);
-        }
+    /**
+     * Open entity data selector with category filter
+     */
+    async openWithCategoryFilter(options, categoryFilterConfig) {
+        const config = this.createDataSelectorConfig({
+            ...options,
+            allowCreate: false
+        });
+        // Add category filter to config
+        config.categoryFilter = {
+            enabled: true,
+            ...categoryFilterConfig
+        };
+        const result = await this.dataSelectorService.open(config);
+        return result;
     }
-    async handleSelectedRowsChange(rows) {
-        this.selectedItems.set(rows);
+    //#endregion
+    //#region ----   Private Methods   ----
+    /**
+     * Create data selector configuration from entity options
+     */
+    createDataSelectorConfig(options) {
+        const dataSource = this.createDataSource(options);
+        const columns = this.createColumns(options);
+        const searchFields = this.getSearchFields(options);
+        return {
+            title: options.title,
+            dataSource,
+            columns,
+            selectionMode: options.allowMultiple ? 'multiple' : 'single',
+            searchFields,
+            parentField: options.entity.parentKey,
+            allowCreate: options.allowCreate ?? this.canCreate(options.entity),
+            // Note: Custom filters will be applied to the dataSource in createDataSource
+        };
     }
-    handleChangeSearchValue(e) {
-        if (e.isUserInteraction) {
-            this.vm.applyInlineFilter(e.value);
-        }
-    }
-    async handleCreateNewClick() {
-        this.close();
-        await this.vm.create();
-    }
-    handleCloseClick() {
-        this.close();
-    }
-    handleSelectClick() {
-        this.close({ items: this.selectedItems() });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", 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">
-          <ax-search-box
-            [placeholder]="('widget.lookup.search' | translate | async) + vm.inlineFiltersPlaceholders().join(', ')"
-            [value]="searchTerm"
-            (onValueChanged)="handleChangeSearchValue($event)"
-            [axAutoFocus]="true"
-            ><ax-clear-button></ax-clear-button
-          ></ax-search-box>
-        </div>
-      }
-      <ax-data-table
-        #grid
-        [showFooter]="false"
-        class="ax-h-[50vh]"
-        [paging]="true"
-        [fetchDataMode]="'manual'"
-        [loading]="{ enabled: true, animation: true }"
-        [dataSource]="vm.dataSource"
-        [parentField]="vm.parentKey()"
-        (selectedRowsChange)="handleSelectedRowsChange($event)"
-        (onRowClick)="handleRowClick($event)"
-        (onRowDbClick)="handleRowDbClick($event)"
-      >
-        @if (vm.allowMultiple()) {
-          <ax-select-column fixed="start" [width]="'50px'"></ax-select-column>
-        }
-        @for (col of vm.columns(); track col.name) {
-          @if (col.visible) {
-            <axp-widget-column-renderer
-              [expandHandler]="$index === 0 && vm.parentKey() ? true : false"
-              [caption]="col.title | translate | async"
-              [node]="col.node()"
-            ></axp-widget-column-renderer>
-          }
-        }
-      </ax-data-table>
-    </div>
-    <ax-footer>
-      <ax-suffix>
-        <ax-button look="solid" [text]="('close' | translate | async)!" (onClick)="handleCloseClick()"> </ax-button>
-        <ax-button
-          look="solid"
-          color="primary"
-          [text]="('select' | translate | async)!"
-          (onClick)="handleSelectClick()"
-          [disabled]="allowSelect() === false"
-        >
-        </ax-button>
-        @if (!vm.canCreate()) {
-          <ax-button
-            look="solid"
-            color="primary"
-            [text]="'Create-New' | translate | async"
-            (onClick)="handleCreateNewClick()"
-          >
-            <ax-prefix>
-              <ax-icon icon="fa-solid fa-add"></ax-icon>
-            </ax-prefix>
-          </ax-button>
-        }
-      </ax-suffix>
-    </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i1$1.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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$2.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$2.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: i3$1.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.8", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    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">
-          <ax-search-box
-            [placeholder]="('widget.lookup.search' | translate | async) + vm.inlineFiltersPlaceholders().join(', ')"
-            [value]="searchTerm"
-            (onValueChanged)="handleChangeSearchValue($event)"
-            [axAutoFocus]="true"
-            ><ax-clear-button></ax-clear-button
-          ></ax-search-box>
-        </div>
-      }
-      <ax-data-table
-        #grid
-        [showFooter]="false"
-        class="ax-h-[50vh]"
-        [paging]="true"
-        [fetchDataMode]="'manual'"
-        [loading]="{ enabled: true, animation: true }"
-        [dataSource]="vm.dataSource"
-        [parentField]="vm.parentKey()"
-        (selectedRowsChange)="handleSelectedRowsChange($event)"
-        (onRowClick)="handleRowClick($event)"
-        (onRowDbClick)="handleRowDbClick($event)"
-      >
-        @if (vm.allowMultiple()) {
-          <ax-select-column fixed="start" [width]="'50px'"></ax-select-column>
-        }
-        @for (col of vm.columns(); track col.name) {
-          @if (col.visible) {
-            <axp-widget-column-renderer
-              [expandHandler]="$index === 0 && vm.parentKey() ? true : false"
-              [caption]="col.title | translate | async"
-              [node]="col.node()"
-            ></axp-widget-column-renderer>
-          }
-        }
-      </ax-data-table>
-    </div>
-    <ax-footer>
-      <ax-suffix>
-        <ax-button look="solid" [text]="('close' | translate | async)!" (onClick)="handleCloseClick()"> </ax-button>
-        <ax-button
-          look="solid"
-          color="primary"
-          [text]="('select' | translate | async)!"
-          (onClick)="handleSelectClick()"
-          [disabled]="allowSelect() === false"
-        >
-        </ax-button>
-        @if (!vm.canCreate()) {
-          <ax-button
-            look="solid"
-            color="primary"
-            [text]="'Create-New' | translate | async"
-            (onClick)="handleCreateNewClick()"
-          >
-            <ax-prefix>
-              <ax-icon icon="fa-solid fa-add"></ax-icon>
-            </ax-prefix>
-          </ax-button>
-        }
-      </ax-suffix>
-    </ax-footer>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        CommonModule,
-                        AXCommonModule,
-                        AXButtonModule,
-                        AXFormModule,
-                        AXDecoratorModule,
-                        AXDropdownButtonModule,
-                        AXDataTableModule,
-                        AXSearchBoxModule,
-                        AXPLayoutBuilderModule,
-                        AXTranslationModule,
-                    ],
-                    inputs: [],
-                }]
-        }] });
-
-class AXPLookupWidgetSelectorViewModel {
-    constructor(injector, entityDef, options = {
-        parentFilters: null,
-        customFilter: null,
-        sortedFields: [],
-        columns: [],
-    }) {
-        this.injector = injector;
-        this.entityDef = entityDef;
-        this.options = options;
-        this.workflow = this.injector.get(AXPWorkflowService);
-        this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
-        this.widgetResolver = this.injector.get(AXPWidgetRegistryService);
-        this.dataSource = new AXDataSource({
+    /**
+     * Create data source from entity definition
+     */
+    createDataSource(options) {
+        const { entity, customFilter, parentFilters } = options;
+        return new AXDataSource({
             byKey: (key) => {
-                const func = this.entityDef.queries.byKey.execute;
+                const func = entity.queries.byKey.execute;
                 return func();
             },
             load: (e) => {
-                const func = this.entityDef.queries.list?.execute;
-                this.mergeFilter(e, this.options.customFilter);
+                const func = entity.queries.list?.execute;
+                this.mergeFilters(e, customFilter, parentFilters);
                 return func(e);
             },
             pageSize: 10,
             key: 'id',
         });
-        this.canCreate = computed(() => {
-            return this.entityDef.commands?.create?.execute != null;
-        }, ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
-        this.parentKey = computed(() => {
-            return this.entityDef.parentKey;
-        }, ...(ngDevMode ? [{ debugName: "parentKey" }] : []));
-        this.allowMultiple = computed(() => {
-            return this.options.allowMultiple ?? false;
-        }, ...(ngDevMode ? [{ debugName: "allowMultiple" }] : []));
-        this.inlineFiltersPlaceholders = computed(() => {
-            return (this.entityDef?.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name) ?? []);
-        }, ...(ngDevMode ? [{ debugName: "inlineFiltersPlaceholders" }] : []));
-        this.hasInlineFilters = computed(() => {
-            return this.inlineFiltersPlaceholders().length > 0;
-        }, ...(ngDevMode ? [{ debugName: "hasInlineFilters" }] : []));
-        this.columns = () => {
-            const { columns = [], properties } = this.entityDef;
-            const visibleProperties = properties.filter(({ schema }) => !schema?.hidden);
-            const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
-            return columns
-                .filter(({ name, showAs }) => visiblePropNames.has(name) || showAs)
-                .filter(({ name }) => ((this.options.columns?.length ?? 0) == 0) || this.options.columns?.includes(name))
-                .map((column) => {
-                if (column.showAs) {
-                    const widgetConfig = this.widgetResolver.resolve(column.showAs.type);
-                    const property = {
-                        ...widgetConfig,
-                        name: column.name,
-                        title: column.title ?? '',
-                        schema: {
-                            dataType: 'string',
-                            interface: {
-                                type: column.showAs.type,
-                                options: column.showAs.options,
-                            },
+    }
+    /**
+     * Create columns configuration from entity definition
+     */
+    createColumns(options) {
+        const { entity, columns = [] } = options;
+        const { columns: entityColumns = [], properties } = entity;
+        const visibleProperties = properties.filter(({ schema }) => !schema?.hidden);
+        const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
+        return entityColumns
+            .filter(({ name, showAs }) => visiblePropNames.has(name) || showAs)
+            .filter(({ name }) => columns.length === 0 || columns.includes(name))
+            .map((column) => {
+            let property;
+            let widgetType;
+            let widgetOptions;
+            if (column.showAs) {
+                // Use custom column configuration
+                const widgetConfig = this.widgetResolver.resolve(column.showAs.type);
+                property = {
+                    ...widgetConfig,
+                    name: column.name,
+                    title: column.title ?? '',
+                    schema: {
+                        dataType: 'string',
+                        interface: {
+                            type: column.showAs.type,
+                            options: column.showAs.options,
                         },
-                    };
-                    return new AXPEntityListViewColumnViewModel(property, column);
-                }
-                else {
-                    const property = visibleProperties.find(({ name }) => name === column.name);
-                    return new AXPEntityListViewColumnViewModel(property, column);
+                    },
+                };
+                widgetType = column.showAs.type;
+                widgetOptions = column.showAs.options;
+            }
+            else {
+                // Use entity property configuration
+                property = visibleProperties.find(({ name }) => name === column.name);
+                widgetType = property.schema?.interface?.type || 'text';
+                widgetOptions = property.schema?.interface?.options || {};
+            }
+            return {
+                name: column.name,
+                title: property.title || column.title || column.name,
+                visible: true,
+                widget: {
+                    type: widgetType,
+                    options: widgetOptions
                 }
-            });
-        };
-        this.inlineFilters = {
-            field: null,
-            logic: 'or',
-            operator: null,
-            filters: [],
-        };
-        this.advanceFilters = {
-            field: null,
-            logic: 'and',
-            operator: null,
-            filters: [],
-        };
-    }
-    async create() {
-        await this.workflow.execute('create-entity', {
-            entity: getEntityInfo(this.entityDef).source,
+            };
         });
     }
-    applyInlineFilter(value, refresh = true) {
-        const props = this.entityDef.properties.filter((c) => c.options?.filter?.inline?.enabled);
-        this.inlineFilters.filters = [];
-        if (value) {
-            props.forEach((p) => {
-                this.inlineFilters.filters?.push({
-                    field: p.name,
-                    operator: {
-                        type: 'contains',
-                    },
-                    value,
-                });
-            });
+    /**
+     * Get searchable fields from entity properties
+     */
+    getSearchFields(options) {
+        const { entity, searchFields } = options;
+        if (searchFields && searchFields.length > 0) {
+            return searchFields;
         }
-        if (refresh)
-            this.applyFilterAndSort();
+        // Auto-detect searchable fields from entity properties
+        return entity.properties
+            .filter(p => p.options?.filter?.inline?.enabled)
+            .map(p => p.name);
     }
-    applyFilterAndSort() {
-        // this.dataSource.clearFilter();
-        //
-        //this.dataSource.sort(...this.sortedFields().map(s => ({ dir: s.dir, field: s.name } as AXDataSourceSortOption)));
-        //
-        // Check if inlineFilters or parentFilters have any filters
-        const hasInlineFilters = (this.inlineFilters?.filters?.length ?? 0) > 0;
-        const hasParentFilters = (this.options.parentFilters?.filters?.length ?? 0) > 0;
-        // Construct the filters array based on the presence of filters
+    /**
+     * Check if entity supports create operation
+     */
+    canCreate(entity) {
+        return entity.commands?.create?.execute != null;
+    }
+    /**
+     * Merge custom and parent filters into data source query
+     */
+    mergeFilters(request, customFilter, parentFilters) {
+        if (!customFilter && !parentFilters) {
+            return request;
+        }
         const filters = [];
-        if (this.options.customFilter) {
-            const cleanedFilters = AXPCleanNestedFilters([this.options.customFilter]);
+        // Add custom filter
+        if (customFilter) {
+            const cleanedFilters = AXPCleanNestedFilters([customFilter]);
             if (cleanedFilters.length > 0) {
                 filters.push(this.filterOperatorMiddleware.transformFilter(cleanedFilters[0]));
             }
         }
-        if (hasInlineFilters) {
-            filters.push(this.inlineFilters);
-        }
-        if (hasParentFilters && this.options.parentFilters) {
-            filters.push(this.options.parentFilters);
-        }
-        // Apply the filters to the dataSource
-        this.dataSource.filter({
-            field: null,
-            logic: 'and',
-            operator: null,
-            filters: filters,
-        });
-        // Refresh the dataSource
-        this.dataSource.refresh();
-    }
-    async find(value) {
-        this.applyInlineFilter(value.trim(), false);
-        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;
+        // Add parent filters
+        if (parentFilters) {
+            filters.push(parentFilters);
         }
+        // Merge with existing filter
         if (request.filter) {
             request.filter = {
                 logic: 'and',
-                filters: [...[request.filter], ...(filter.filters ?? [])]
+                filters: [...[request.filter], ...filters]
             };
         }
         else {
-            request.filter = filter;
+            request.filter = {
+                field: null,
+                logic: 'and',
+                operator: null,
+                filters: filters,
+            };
         }
         return request;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDataSelectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDataSelectorService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDataSelectorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
@@ -5563,6 +5455,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.entityResolver = inject(AXPEntityResolver);
         this.formatService = inject(AXFormatService);
         this.popupService = inject(AXPopupService);
+        this.entityDataSelectorService = inject(AXPEntityDataSelectorService);
         this.translateService = inject(AXTranslationService);
         this.expose = computed(() => this.options()['expose'], ...(ngDevMode ? [{ debugName: "expose" }] : []));
         this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
@@ -5588,24 +5481,37 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         }, ...(ngDevMode ? [{ debugName: "selectedItemsText" }] : []));
         this.valueField = computed(() => this.entityDef()?.properties.find((c) => c.name == 'id')?.name ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
         this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : []));
+        this.dataSource = computed(() => {
+            const entity = this.entityDef();
+            if (!entity)
+                return null;
+            return new AXDataSource({
+                byKey: (key) => {
+                    const func = entity.queries.byKey.execute;
+                    return func();
+                },
+                load: (e) => {
+                    const func = entity.queries.list?.execute;
+                    this.mergeFilter(e, this.customFilter());
+                    return func(e);
+                },
+                pageSize: 10,
+                key: 'id',
+            });
+        }, ...(ngDevMode ? [{ debugName: "dataSource" }] : []));
         this.searchTerm = signal(null, ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
         this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
         this.textbox = viewChild(AXTagBoxComponent, ...(ngDevMode ? [{ debugName: "textbox" }] : []));
         this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-        this.vm = signal(null, ...(ngDevMode ? [{ debugName: "vm" }] : []));
         this.placeholder = computed(() => {
             return this.selectedItems().length
                 ? ''
-                : this.translateService.translateSync('widget.lookup.search') + this.vm()?.inlineFiltersPlaceholders().join(', ');
+                : this.translateService.translateSync('@general:widgets.lookup.search');
         }, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.#efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
-            this.vm.set(new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), {
-                parentFilters: this.filter,
-                allowMultiple: this.multiple(),
-            }));
         }, ...(ngDevMode ? [{ debugName: "#efEntity" }] : []));
         this.#efValue = effect(() => {
             if (this.getValue()) {
@@ -5615,15 +5521,9 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 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();
@@ -5648,31 +5548,29 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     handleOnClick(e) {
         this.showSelector();
     }
-    showSelector() {
+    async showSelector() {
         this.isOpen.set(true);
-        const columnsCount = this.columns().length > 0 ? this.columns().length : (this.vm()?.columns().length ?? 0);
-        this.popupService
-            .open(AXPLookupWidgetSelectorComponent, {
-            title: `${this.translateService.translateSync('widget.lookup.search')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`,
-            size: columnsCount < 3 ? 'md' : 'lg',
-            data: {
-                vm: new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), {
-                    customFilter: this.customFilter(),
-                    parentFilters: this.filter,
-                    allowMultiple: this.multiple(),
-                    columns: this.columns(),
-                }),
-                searchTerm: this.searchTerm(),
-                initialSelectedItems: this.selectedItems(),
-            },
-        })
-            .then((e) => {
+        try {
+            const result = await this.entityDataSelectorService.open({
+                entity: this.entityDef(),
+                title: `${this.translateService.translateSync('@general:widgets.lookup.search')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`,
+                allowMultiple: this.multiple(),
+                customFilter: this.customFilter(),
+                parentFilters: this.filter,
+                columns: this.columns(),
+                allowCreate: true
+            });
+            if (result && 'items' in result) {
+                this.setItems(result.items);
+            }
+        }
+        catch (error) {
+            console.error('Error opening entity data selector:', error);
+        }
+        finally {
             this.isOpen.set(false);
             this.textbox()?.focus();
-            if (e.data?.items) {
-                this.setItems(e.data?.items);
-            }
-        });
+        }
     }
     selectBoxValueChange(e) {
         const items = e.component.selectedItems;
@@ -5701,7 +5599,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.searchTerm.set(value);
         if ((keyEvent.code == 'Enter' || keyEvent.code == 'NumpadEnter') && value) {
             this.isLoading.set(true);
-            const result = await this.vm()?.find(value);
+            const result = await this.searchByValue(value);
             if (result?.total == 1) {
                 this.setItems(result.items[0]);
             }
@@ -5758,10 +5656,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     }
     refresh() {
         this.clear();
-        if (this.customFilter()) {
-            this.vm()?.setCustomFilter(this.customFilter());
-        }
-        this.vm()?.dataSource.refresh();
+        this.dataSource()?.refresh();
     }
     clear() {
         this.setValue(null);
@@ -5772,15 +5667,53 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.textbox()?.inputValue.set('');
         this.searchTerm.set('');
     }
+    async searchByValue(value) {
+        if (!this.entityDef())
+            return null;
+        const entity = this.entityDef();
+        const searchFields = entity.properties.filter(p => p.options?.filter?.inline?.enabled);
+        const inlineFilters = {
+            field: null,
+            logic: 'or',
+            operator: null,
+            filters: [],
+        };
+        if (value && searchFields.length > 0) {
+            searchFields.forEach((p) => {
+                inlineFilters.filters?.push({
+                    field: p.name,
+                    operator: { type: 'contains' },
+                    value,
+                });
+            });
+        }
+        const func = entity.queries.list?.execute;
+        return await func({ filter: inlineFilters, take: 10 });
+    }
+    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;
+    }
     singleOrMultiple(values) {
         return this.multiple() ? values : values[0];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", 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(vm()) {
+  @if(dataSource()) {
     @if (look() == 'select') {
       <ax-select-box
-        [dataSource]="vm()?.dataSource!"
+        [dataSource]="dataSource()!"
         [ngModel]="selectedItems()"
         [textField]="displayField()"
         [valueField]="valueField()"
@@ -5843,19 +5776,19 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
       </ax-tag-box>
     }
   }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
-                AXButtonModule }, { kind: "component", type: i3$2.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: i4$1.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.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", "onItemSelected", "onItemClick"] }, { 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 }); }
+                AXButtonModule }, { kind: "component", type: i3$2.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: i4$1.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.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", "onItemSelected", "onItemClick"] }, { 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: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-edit',
                     template: `
-  @if(vm()) {
+  @if(dataSource()) {
     @if (look() == 'select') {
       <ax-select-box
-        [dataSource]="vm()?.dataSource!"
+        [dataSource]="dataSource()!"
         [ngModel]="selectedItems()"
         [textField]="displayField()"
         [valueField]="valueField()"
@@ -5992,7 +5925,7 @@ class AXPEntityDetailPopoverComponent {
         try {
             const result = await this.queryService.fetch('Entity:GetDetails', {
                 entity: this.entity(),
-                id: this.entityId()
+                id: this.entityId(),
             });
             if (result?.success) {
                 this.entityDetails.set(result);
@@ -6025,7 +5958,7 @@ class AXPEntityDetailPopoverComponent {
     }
     async navigateToDetails() {
         if (this.entityId()) {
-            await this.commandService.execute("Entity:OpenDetails", {
+            await this.commandService.execute('Entity:OpenDetails', {
                 entity: this.entity(),
                 data: { id: this.entityId() },
             });
@@ -6058,9 +5991,6 @@ class AXPEntityDetailPopoverComponent {
             [AXPWidgetsCatalog.text]: 100,
             [AXPWidgetsCatalog.select]: 95,
             [AXPWidgetsCatalog.number]: 90,
-            [AXPWidgetsCatalog.email]: 88,
-            [AXPWidgetsCatalog.phone]: 87,
-            [AXPWidgetsCatalog.link]: 86,
             [AXPWidgetsCatalog.dateTime]: 85,
             [AXPWidgetsCatalog.richText]: 80,
             [AXPWidgetsCatalog.largeText]: 75,
@@ -6100,7 +6030,7 @@ class AXPEntityDetailPopoverComponent {
             { keys: ['owner', 'assignee', 'assignedto'], score: 92 },
             { keys: ['email', 'phone', 'mobile', 'contact'], score: 90 },
             { keys: ['category', 'type', 'label', 'tag', 'note', 'notes'], score: 85 },
-            { keys: ['primary', 'active', 'active', 'enabled', 'archived', 'deleted', 'locked', 'disabled'], score: -2 } // send to bottom,
+            { keys: ['primary', 'active', 'active', 'enabled', 'archived', 'deleted', 'locked', 'disabled'], score: -2 }, // send to bottom,
         ];
         for (const group of priorities) {
             for (const key of group.keys) {
@@ -6127,16 +6057,16 @@ class AXPEntityDetailPopoverComponent {
         const importantProperties = (entityDefinition.columns ?? [])
             .map((prop, index) => {
             const propName = prop.options?.dataPath ?? prop.name;
-            const schema = prop.showAs?.type ?? entityDefinition.properties.find(p => p.name === propName)?.schema.interface?.type;
-            const title = prop.title ?? entityDefinition.properties.find(p => p.name === propName)?.title ?? prop.name;
+            const schema = prop.showAs?.type ?? entityDefinition.properties.find((p) => p.name === propName)?.schema.interface?.type;
+            const title = prop.title ?? entityDefinition.properties.find((p) => p.name === propName)?.title ?? prop.name;
             return {
                 ...prop,
                 schema,
                 title,
-                orderIndex: index
+                orderIndex: index,
             };
         })
-            .filter(prop => {
+            .filter((prop) => {
             // Exclude technical fields
             if (prop.name === 'id' || prop.name === this.textField() || prop.name === this.valueField()) {
                 return false;
@@ -6146,7 +6076,7 @@ class AXPEntityDetailPopoverComponent {
                 return false;
             }
             // Filter by property importance based on schema and options
-            const schema = prop.showAs?.type ?? entityDefinition.properties.find(p => p.name === prop.name)?.schema.interface?.type;
+            const schema = prop.showAs?.type ?? entityDefinition.properties.find((p) => p.name === prop.name)?.schema.interface?.type;
             // Include common important field types
             const importantWidgets = [
                 AXPWidgetsCatalog.text,
@@ -6163,9 +6093,6 @@ class AXPEntityDetailPopoverComponent {
                 AXPWidgetsCatalog.dateTime,
                 AXPWidgetsCatalog.color,
                 AXPWidgetsCatalog.contact,
-                AXPWidgetsCatalog.email,
-                AXPWidgetsCatalog.link,
-                AXPWidgetsCatalog.phone,
             ];
             //
             if (importantWidgets.includes(schema)) {
@@ -6196,13 +6123,13 @@ class AXPEntityDetailPopoverComponent {
                 return (a.orderIndex ?? 0) - (b.orderIndex ?? 0);
             return a.name.localeCompare(b.name);
         })
-            .map(prop => {
+            .map((prop) => {
             // Create widget node based on property schema
             const widgetNode = {
                 type: prop.schema || AXPWidgetsCatalog.text,
                 path: prop.options?.dataPath || prop.name,
                 options: prop.options ?? {},
-                mode: 'view'
+                mode: 'view',
             };
             return {
                 name: prop.name,
@@ -6214,11 +6141,18 @@ class AXPEntityDetailPopoverComponent {
         return importantProperties;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i3$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i3$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXPLayoutBuilderModule, AXTranslationModule, AXLoadingModule], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n" }]
+            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXPopoverModule,
+                        AXPLayoutBuilderModule,
+                        AXTranslationModule,
+                        AXLoadingModule,
+                    ], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n" }]
         }] });
 
 class AXPEntityDetailPopoverService {
@@ -6587,7 +6521,7 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-prefix>
       </ax-button>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: i3$2.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", "onItemSelected", "onItemClick"] }, { 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 }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.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: i3$2.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.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", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6$2.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.8", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
             type: Component,
@@ -6884,7 +6818,7 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     <axp-widget-property-viewer [widget]="selectedWidgetNode()!" (onChanged)="handleChangeWidget($event)">
     </axp-widget-property-viewer>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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: i3$2.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 }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.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: i3$2.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.8", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
@@ -6995,7 +6929,7 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
         const result = await this.popupService.open(com, {
             title: headerTitle
                 ? headerTitle
-                : `${await this.translateService.translateAsync('create-new')} ${await this.translateService.translateAsync(entityRef.formats.individual)}`,
+                : `${await this.translateService.translateAsync('@general:actions.create.title')} ${await this.translateService.translateAsync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : size ? size : 'md',
             data: {
                 vm: await this.factory.create(module, entity, data, options),
@@ -7403,7 +7337,7 @@ class AXPEntityModule {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$3.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$2.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i3$1.AXPLayoutBuilderModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, providers: [
             {
@@ -7555,7 +7489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                         ]),
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i1$3.AXPAppStartUpService }, { type: i0.Injector }] });
+        }], ctorParameters: () => [{ type: i1$2.AXPAppStartUpService }, { type: i0.Injector }] });
 
 //#endregion
 //#region ----   Entity Open Details Command   ----
@@ -7722,13 +7656,28 @@ function entityMasterDeleteAction() {
         scope: AXPEntityCommandScope.Individual,
     };
 }
-function entityMasterCrudActions() {
-    return [
-        entityMasterCreateAction(),
-        entityMasterBulkDeleteAction(),
-        entityMasterViewAction(),
-        entityMasterDeleteAction(),
-    ];
+function entityMasterCrudActions(options) {
+    const opts = {
+        create: true,
+        delete: true,
+        view: true,
+        edit: true,
+        ...options,
+    };
+    const actions = [];
+    if (opts.create) {
+        actions.push(entityMasterCreateAction());
+    }
+    if (opts.delete) {
+        actions.push(entityMasterBulkDeleteAction());
+    }
+    if (opts.view) {
+        actions.push(entityMasterViewAction());
+    }
+    if (opts.edit) {
+        actions.push(entityMasterDeleteAction());
+    }
+    return actions;
 }
 function entityMasterRecordActions() {
     return [entityMasterDeleteAction()];
@@ -7886,5 +7835,5 @@ const eventDispatchMiddleware = {
  * 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, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPGetEntityDetailsQuery, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, DEFAULT_COLUMN_WIDTHS, actionExists, columnWidthMiddlewareFactory, columnWidthMiddlewareProvider, createColumnWidthMiddlewareProvider, createModifierContext, detectEntityChanges, ensureListActions, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware };
+export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPGetEntityDetailsQuery, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, DEFAULT_COLUMN_WIDTHS, actionExists, columnWidthMiddlewareFactory, columnWidthMiddlewareProvider, createColumnWidthMiddlewareProvider, createModifierContext, detectEntityChanges, ensureListActions, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware, isAXPMiddlewareAbortError };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map