@acorex/platform 21.0.0-next.76 → 21.0.0-next.79

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

@@ -1,31 +1,30 @@
 import { AXToastService } from '@acorex/components/toast';
-import * as i6 from '@acorex/core/translation';
-import { AXTranslationService, resolveMultiLanguageString, AXTranslationModule, translateSync } from '@acorex/core/translation';
-import * as i4$3 from '@acorex/platform/common';
-import { AXPNotFoundError, AXPEntityCommandScope, axpNavigateAppPath, AXPSettingsService, AXPCommonSettings, resolveEntityModifyPopupTitle, resolveSearchableText, normalizeEntityDisplayTemplate, evaluateEntityDisplayTemplate, sanitizeResolvedEntityDisplayTitle, isUnresolvedEntityDisplayTemplate, AXPFilterOperatorMiddlewareService, isCardFieldBadgeDisplay, resolveCardFieldBadgeColor, getEntityInfo, resolveEnabledMasterListLayouts, resolveDefaultMasterListLayout, AXPRefreshEvent, AXPReloadEvent, axpRedirectToNotFound, ENTITY_ROW_POPUP_TITLE_OPTION, AXPCleanNestedFilters, AXPFileTypeProviderService, AXPFileStorageService, resolveEntityRowDisplayTitle, AXPFileActionsService, axpIsEntityRecordNotFound, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, AXPEntityQueryType, buildEntitySearchTitleContext, AXPWorkflowNavigateAction, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_DEFINITION_LAZY_RESOLVER, AXPMenuItemsDataSourceDefinition } from '@acorex/platform/common';
+import * as i3$1 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString, translateSync } from '@acorex/core/translation';
+import * as i4$2 from '@acorex/platform/common';
+import { AXPNotFoundError, AXPEntityCommandScope, axpNavigateAppPath, AXPSettingsService, AXPCommonSettings, normalizeEntityDisplayTemplate, isUnresolvedEntityDisplayTemplate, AXPFilterOperatorMiddlewareService, isCardFieldBadgeDisplay, resolveCardFieldBadgeColor, getEntityInfo, resolveEnabledMasterListLayouts, resolveDefaultMasterListLayout, AXPRefreshEvent, AXPReloadEvent, axpRedirectToNotFound, ENTITY_ROW_POPUP_TITLE_OPTION, AXPCleanNestedFilters, AXPFileTypeProviderService, AXPFileStorageService, resolveEntityRowDisplayTitle, AXPFileActionsService, axpIsEntityRecordNotFound, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, AXPEntityQueryType, buildEntitySearchTitleContext, AXPWorkflowNavigateAction, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER, AXPMenuItemsDataSourceDefinition } from '@acorex/platform/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injector, runInInjectionContext, Injectable, input, viewChild, signal, computed, effect, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, NgModule, ChangeDetectorRef, Input, afterNextRender, untracked, ViewEncapsulation, viewChildren, linkedSignal, HostBinding, output, makeEnvironmentProviders } from '@angular/core';
-import { cloneDeep, merge, get, castArray, set, orderBy, omit, isNil, isEmpty, isEqual as isEqual$1, isArray, isString } from 'lodash-es';
-import { Subject, takeUntil } from 'rxjs';
+import { InjectionToken, inject, Injector, runInInjectionContext, Injectable, ChangeDetectorRef, input, signal, computed, ChangeDetectionStrategy, Component, ElementRef, NgModule, viewChild, effect, Input, afterNextRender, untracked, ViewEncapsulation, viewChildren, linkedSignal, HostBinding, output, EnvironmentInjector, makeEnvironmentProviders } from '@angular/core';
+import { Subject, filter, takeUntil } from 'rxjs';
 import { AXPLayoutBuilderService, LayoutBuilderModule } from '@acorex/platform/layout/builder';
-import * as i3 from '@acorex/platform/layout/widget-core';
+import * as i2 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPWidgetCoreModule, AXPPageStatus, AXPWidgetRegistryService, AXPColumnWidgetComponent, AXPValueWidgetComponent, AXPWidgetGroupEnum, createBooleanProperty, AXPWidgetRendererDirective, AXPBaseWidgetComponent, AXPWidgetStatus, createStringProperty, createNumberProperty, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_CATEGORY, createSelectProperty, AXP_WIDGETS_EDITOR_CATEGORY, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
-import { AXPDeviceService, AXPExpressionEvaluatorService, AXPContextEvalFactory, AXPBroadcastEventService, applyFilterArray, applySortArray, resolveActionLook, AXPDistributedEventListenerService, AXPPlatformScope, AXHighlightService, extractValue, setSmart, getChangedPaths, objectKeyValueTransforms, AXPHookService, AXPDataGenerator, AXPComponentSlotModule, AXPContextStore, AXPColumnWidthService, AXPModuleManifestRegistry, AXPSystemActionType, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXPModuleManifestsDataSourceDefinition } from '@acorex/platform/core';
-import { mergeForeignKeyFieldIntoCreateActions, collectNestedCreateHiddenProperties, AXPEntityDataSourceKeys } from '@acorex/platform/contracts';
-export { AXPEntityDataSourceKeys, collectNestedCreateHiddenProperties, entityDetailsCreateActions, entityDetailsCreateActionsDeferredParent, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsNewEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterEditAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, mergeForeignKeyFieldIntoCreateActions } from '@acorex/platform/contracts';
+import { AXPSystemActionType, AXPDeviceService, AXPExpressionEvaluatorService, AXPBroadcastEventService, applyFilterArray, applySortArray, resolveActionLook, AXPDistributedEventListenerService, AXPPlatformScope, AXHighlightService, extractValue, setSmart, getChangedPaths, objectKeyValueTransforms, AXPHookService, AXPDataGenerator, AXPComponentSlotModule, AXPContextStore, AXPColumnWidthService, AXPModuleManifestRegistry, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXPModuleManifestsDataSourceDefinition } from '@acorex/platform/core';
+import { cloneDeep, merge, get, castArray, set, orderBy, omit, isNil, isEmpty, isEqual as isEqual$1, isArray, isString } from 'lodash-es';
 import { transform, isEqual } from 'lodash';
 import { AXPSessionService, AXPPermissionDefinitionsDataSourceDefinition } from '@acorex/platform/auth';
-import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
+import { Router, NavigationStart, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
 import { defineCommand, AXP_COMMAND_DEFINITION_CATEGORY_ENTITY, AXPCommandService, AXPQueryService, AXPQueryExecutor, AXPCommandExecutor, provideCommandSetups, provideQuerySetups, AXPCommandRegistry, AXPQueryRegistry } from '@acorex/platform/runtime';
-import { AXFormatService } from '@acorex/core/format';
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i4 from '@acorex/components/skeleton';
+import * as i3 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i2 from '@acorex/components/popover';
-import { AXPopoverModule } from '@acorex/components/popover';
+import { AXFormatService } from '@acorex/core/format';
 import * as i5 from '@angular/common';
-import { CommonModule, AsyncPipe, NgClass } from '@angular/common';
+import { CommonModule, DOCUMENT, AsyncPipe, NgClass } from '@angular/common';
+import { AXOverlayService } from '@acorex/cdk/overlay';
+import { AXLocaleService } from '@acorex/core/locale';
+import { AXPlatform } from '@acorex/core/platform';
 import { AXPThemeLayoutBlockComponent, AXPPreloadFiltersComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPStateMessageComponent, AXPColumnItemListComponent, AXPDataSelectorService, AXPPageComponentRegistryService } from '@acorex/platform/layout/components';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageComponentRendererDirective, AXPPageComponentInstanceRegistryService, axpDetailsViewCanDeactivateGuard } from '@acorex/platform/layout/views';
 import { AXDataSource } from '@acorex/cdk/common';
@@ -38,33 +37,34 @@ import { moveItemInArray } from '@angular/cdk/drag-drop';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
 import { AXPopupService } from '@acorex/components/popup';
-import { AXPlatform } from '@acorex/core/platform';
-import { AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_NAME_PROPERTY, AXP_READONLY_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXPProviderSelectWidgetEditBase, AXP_ROW_EXPR_PREFIX, AXP_DOWNLOADABLE_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP } from '@acorex/platform/layout/widgets';
 import * as i2$1 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i3$1 from '@acorex/components/decorators';
+import * as i3$2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXBasePageComponent } from '@acorex/components/page';
-import * as i4$1 from '@acorex/components/search-box';
+import * as i4 from '@acorex/components/search-box';
 import { AXSearchBoxModule, AXSearchBoxComponent } from '@acorex/components/search-box';
 import { AXTreeViewComponent } from '@acorex/components/tree-view';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i3$2 from '@acorex/components/tooltip';
+import * as i3$3 from '@acorex/components/tooltip';
 import { AXTooltipModule } from '@acorex/components/tooltip';
 import * as i5$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import * as i1$2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i6$1 from '@acorex/components/tag-box';
+import * as i6 from '@acorex/components/tag-box';
 import { AXTagBoxModule } from '@acorex/components/tag-box';
 import { AXValidationModule } from '@acorex/core/validation';
+import { AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_NAME_PROPERTY, AXP_READONLY_PROPERTY, AXP_PLACEHOLDER_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXPProviderSelectWidgetEditBase, AXP_ROW_EXPR_PREFIX, AXP_DOWNLOADABLE_PROPERTY, AXP_DESCRIPTION_PROPERTY } from '@acorex/platform/layout/widgets';
 import * as i2$2 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i3$3 from '@acorex/components/dropdown';
+import * as i3$4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
-import * as i2$3 from '@acorex/components/tabs';
+import * as i2$3 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i2$4 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
 import * as i5$2 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
@@ -73,7 +73,7 @@ import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXFileService } from '@acorex/core/file';
 import { AXUploaderZoneDirective } from '@acorex/cdk/uploader';
 import { AXUploaderModule } from '@acorex/components/uploader';
-import * as i4$2 from '@acorex/components/collapse';
+import * as i4$1 from '@acorex/components/collapse';
 import { AXCollapseModule } from '@acorex/components/collapse';
 
 function ensureListActions(ctx) {
@@ -854,6 +854,276 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+// #region Master
+function entityMasterCreateAction() {
+    return {
+        title: '@general:actions.create.title',
+        command: {
+            name: 'Entity:Create',
+        },
+        priority: 'primary',
+        type: AXPSystemActionType.Create,
+        scope: AXPEntityCommandScope.TypeLevel,
+    };
+}
+function entityMasterEditAction() {
+    return {
+        title: '@general:actions.edit.title',
+        command: 'Entity:Update',
+        priority: 'secondary',
+        type: AXPSystemActionType.Update,
+        scope: AXPEntityCommandScope.Individual,
+        default: true,
+    };
+}
+function entityMasterBulkDeleteAction() {
+    return {
+        title: '@general:actions.delete-items.title',
+        command: 'delete-entity',
+        priority: 'primary',
+        type: AXPSystemActionType.Delete,
+        scope: AXPEntityCommandScope.Selected,
+        order: 100,
+    };
+}
+function entityMasterViewAction() {
+    return {
+        title: '@general:actions.view.title',
+        command: 'open-entity',
+        priority: 'secondary',
+        type: AXPSystemActionType.View,
+        scope: AXPEntityCommandScope.Individual,
+        default: true,
+    };
+}
+function entityMasterDeleteAction() {
+    return {
+        title: '@general:actions.delete.title',
+        command: 'delete-entity',
+        priority: 'secondary',
+        type: AXPSystemActionType.Delete,
+        scope: AXPEntityCommandScope.Individual,
+        order: 100,
+        shortcuts: ['ctrl+shift+delete'],
+    };
+}
+function entityMasterCrudActions(options) {
+    const opts = {
+        create: true,
+        delete: true,
+        view: true,
+        edit: false,
+        ...options,
+    };
+    const actions = [];
+    if (opts.create) {
+        actions.push(entityMasterCreateAction());
+    }
+    if (opts.delete) {
+        actions.push(entityMasterBulkDeleteAction());
+        actions.push(entityMasterDeleteAction());
+    }
+    if (opts.view) {
+        actions.push(entityMasterViewAction());
+    }
+    if (opts.edit) {
+        actions.push(entityMasterEditAction());
+    }
+    return actions;
+}
+function entityMasterRecordActions() {
+    return [entityMasterDeleteAction()];
+}
+// #endregion
+// #region Details
+function entityDetailsCreateActions(parentId) {
+    return {
+        title: '@general:actions.create.title',
+        command: {
+            name: 'Entity:Create',
+            options: {
+                process: {
+                    redirect: false,
+                    canCreateNewOne: true,
+                    data: {
+                        [parentId]: '{{context.eval("id")}}',
+                    },
+                },
+            },
+        },
+        priority: 'primary',
+        type: AXPSystemActionType.Create,
+        scope: AXPEntityCommandScope.TypeLevel,
+    };
+}
+/**
+ * Type-level Create with empty `process.data`; the FK is supplied from `relatedEntity.persistence.foreignKeyField`
+ * when the related list is built (see `mergeForeignKeyFieldIntoCreateActions`).
+ */
+function entityDetailsCreateActionsDeferredParent() {
+    return {
+        title: '@general:actions.create.title',
+        command: {
+            name: 'Entity:Create',
+            options: {
+                process: {
+                    redirect: false,
+                    canCreateNewOne: true,
+                    data: {},
+                },
+            },
+        },
+        priority: 'primary',
+        type: AXPSystemActionType.Create,
+        scope: AXPEntityCommandScope.TypeLevel,
+    };
+}
+/**
+ * Ensures each type-level `Entity:Create` action includes `process.data[foreignKeyField]` bound to the parent row id.
+ */
+function mergeForeignKeyFieldIntoCreateActions(foreignKeyField, actions) {
+    if (!foreignKeyField || !actions?.length) {
+        return actions ?? [];
+    }
+    return actions.map((a) => {
+        const cmd = a.command;
+        if (typeof cmd !== 'object' ||
+            !cmd ||
+            cmd.name !== 'Entity:Create' ||
+            a.scope !== AXPEntityCommandScope.TypeLevel) {
+            return a;
+        }
+        const opts = (cmd.options ?? {});
+        const proc = (opts['process'] ?? {});
+        const data = { ...(proc['data'] ?? {}) };
+        if (data[foreignKeyField] === undefined || data[foreignKeyField] === null || data[foreignKeyField] === '') {
+            data[foreignKeyField] = '{{ context.eval("id") }}';
+        }
+        return {
+            ...a,
+            command: {
+                ...cmd,
+                options: { ...opts, process: { ...proc, data } },
+            },
+        };
+    });
+}
+/** Property names hidden on nested Create from a related list (`excludeProperties` plus `foreignKeyField` when set). */
+function collectNestedCreateHiddenProperties(relatedEntity) {
+    const fk = relatedEntity.persistence?.foreignKeyField;
+    const merged = [...(relatedEntity.excludeProperties ?? [])];
+    if (fk) {
+        merged.push(fk);
+    }
+    const unique = [...new Set(merged)];
+    return unique.length ? unique : undefined;
+}
+function entityDetailsSimpleCondition(fk) {
+    return {
+        name: fk,
+        operator: { type: 'equal' },
+        value: '{{context.eval("id")}}',
+    };
+}
+function entityDetailsReferenceCondition(type) {
+    return [
+        {
+            name: 'reference.id',
+            operator: { type: 'equal' },
+            value: '{{context.eval("id")}}',
+        },
+        {
+            name: 'reference.type',
+            operator: { type: 'equal' },
+            value: type,
+        },
+    ];
+}
+function entityDetailsEditAction() {
+    return {
+        title: '@general:actions.edit.title',
+        // command: 'quick-modify-entity',
+        command: 'Entity:Update',
+        priority: 'secondary',
+        type: AXPSystemActionType.Update,
+        default: true,
+        scope: AXPEntityCommandScope.Individual,
+    };
+}
+function entityDetailsNewEditAction() {
+    return {
+        title: 'New Edit',
+        command: {
+            name: 'Entity:Update',
+        },
+        priority: 'secondary',
+        type: AXPSystemActionType.Update,
+        default: true,
+        scope: AXPEntityCommandScope.Individual,
+    };
+}
+function entityOverrideDetailsViewAction() {
+    return {
+        title: '@general:actions.view.title',
+        command: 'open-entity',
+        priority: 'secondary',
+        hidden: true,
+        type: AXPSystemActionType.View,
+        scope: AXPEntityCommandScope.Individual,
+    };
+}
+function entityDetailsCrudActions(parentId, options) {
+    const opts = {
+        create: true,
+        delete: true,
+        view: true,
+        edit: true,
+        ...options,
+    };
+    const actions = [];
+    if (opts.create) {
+        if (parentId) {
+            actions.push(entityDetailsCreateActions(parentId));
+        }
+        else {
+            actions.push(entityDetailsCreateActionsDeferredParent());
+        }
+    }
+    if (opts.edit) {
+        actions.push(entityDetailsEditAction());
+    }
+    if (opts.view) {
+        actions.push(entityOverrideDetailsViewAction());
+    }
+    return actions;
+}
+function entityDetailsReferenceCreateActions(type) {
+    return [
+        {
+            title: '@general:actions.create.title',
+            command: {
+                name: 'Entity:Create',
+                options: {
+                    process: {
+                        redirect: false,
+                        canCreateNewOne: true,
+                        data: {
+                            reference: {
+                                id: '{{context.eval("id")}}',
+                                type: type,
+                            },
+                        },
+                    },
+                },
+            },
+            priority: 'primary',
+            type: AXPSystemActionType.Create,
+            scope: AXPEntityCommandScope.TypeLevel,
+        },
+        entityDetailsEditAction(),
+        entityOverrideDetailsViewAction(),
+    ];
+}
 /**
  * Computes a diff between two plain objects with array-aware semantics.
  * - For arrays of objects with an id field, computes added/removed by id.
@@ -1211,7 +1481,7 @@ class PropertyFilter {
             const viewLayout = mainViewLayoutMap.get(prop.name);
             const mergedProp = {
                 ...prop,
-                __layout: viewLayout?.layout ? cloneDeep(viewLayout.layout) : undefined,
+                __layout: viewLayout?.layout,
                 __order: viewLayout?.layout?.order,
             };
             if (this.readonlyList?.has(prop.name)) {
@@ -1274,7 +1544,7 @@ class PropertyFilter {
                         const mergedProp = {
                             ...prop,
                             __dataPath: dataPath,
-                            __layout: viewLayout?.layout ? cloneDeep(viewLayout.layout) : undefined,
+                            __layout: viewLayout?.layout,
                             __order: viewLayout?.layout?.order,
                         };
                         // Apply generic propertyOverrides extension (e.g. for identifier defaultValue on nested paths)
@@ -1783,9 +2053,6 @@ const GRID_COLUMNS = 12;
 function getColSpanAt(layout, breakpoint) {
     return layout?.positions?.[breakpoint]?.colSpan ?? GRID_COLUMNS;
 }
-function getColStartAt(layout, breakpoint) {
-    return layout?.positions?.[breakpoint]?.colStart;
-}
 function setColSpanAt(layout, breakpoint, colSpan) {
     if (!layout)
         return;
@@ -1810,56 +2077,23 @@ function normalizeLayoutFillRowGaps(items, getLayout, getItemId) {
     if (items.length === 0)
         return scaleFactors;
     for (const breakpoint of LAYOUT_BREAKPOINTS) {
+        const colSpans = items.map((item) => getColSpanAt(getLayout(item), breakpoint));
         let i = 0;
-        while (i < items.length) {
+        while (i < colSpans.length) {
+            let rowSum = 0;
             const rowStart = i;
-            let rowHasExplicitColStart = false;
-            let sequentialRowSum = 0;
-            let explicitRowEnd = 0;
-            while (i < items.length) {
-                const layout = getLayout(items[i]);
-                const colStart = getColStartAt(layout, breakpoint);
-                const colSpan = getColSpanAt(layout, breakpoint);
-                // colStart: 1 begins a new row (except for the first item in the current row)
-                if (colStart === 1 && i > rowStart) {
-                    break;
-                }
-                if (colStart != null) {
-                    rowHasExplicitColStart = true;
-                    const end = colStart + colSpan;
-                    if (end - 1 > GRID_COLUMNS) {
-                        i++;
-                        break;
-                    }
-                    explicitRowEnd = Math.max(explicitRowEnd, end);
-                    i++;
-                    if (explicitRowEnd >= GRID_COLUMNS) {
-                        break;
-                    }
-                    continue;
-                }
-                if (sequentialRowSum + colSpan > GRID_COLUMNS && i > rowStart) {
-                    break;
-                }
-                if (sequentialRowSum + colSpan > GRID_COLUMNS && i === rowStart) {
-                    sequentialRowSum = colSpan;
-                    i++;
-                    break;
-                }
-                sequentialRowSum += colSpan;
+            while (i < colSpans.length && rowSum + colSpans[i] <= GRID_COLUMNS) {
+                rowSum += colSpans[i];
                 i++;
-                if (sequentialRowSum >= GRID_COLUMNS) {
-                    break;
-                }
             }
-            // Rows with explicit colStart (e.g. 4+4+4 at columns 1/5/9) keep intentional gaps
-            if (rowHasExplicitColStart) {
-                continue;
+            if (i === rowStart) {
+                rowSum = colSpans[i];
+                i++;
             }
-            if (sequentialRowSum < GRID_COLUMNS && sequentialRowSum > 0 && i > rowStart) {
+            if (rowSum < GRID_COLUMNS && rowSum > 0 && i > rowStart) {
                 const lastIdx = i - 1;
-                const oldColSpan = getColSpanAt(getLayout(items[lastIdx]), breakpoint);
-                const fill = GRID_COLUMNS - sequentialRowSum;
+                const oldColSpan = colSpans[lastIdx];
+                const fill = GRID_COLUMNS - rowSum;
                 const newColSpan = Math.min(GRID_COLUMNS, oldColSpan + fill);
                 const layout = getLayout(items[lastIdx]);
                 if (layout) {
@@ -2354,7 +2588,7 @@ class AXPCreateEntityCommand {
             }
             const createFn = entityRef.commands?.create?.execute;
             const updateFn = entityRef.commands?.update?.execute;
-            const context = merge({}, data, dialogRef.context());
+            const context = dialogRef.context();
             console.log('context', context);
             const hasPersistedId = hasPersistedRootId(context);
             const persistFn = hasPersistedId ? updateFn : createFn;
@@ -2510,9 +2744,6 @@ class AXPUpdateEntityCommand {
         this.entityService = inject(AXPEntityDefinitionRegistryService);
         this.toastService = inject(AXToastService);
         this.translationService = inject(AXTranslationService);
-        this.formatService = inject(AXFormatService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
         this.eventService = inject(AXPBroadcastEventService);
     }
     //#endregion
@@ -2520,7 +2751,7 @@ class AXPUpdateEntityCommand {
     async execute(input) {
         const enableOperationToasts = await this.settingsService.get(AXPCommonSettings.EnableOperationToasts);
         const dialogSize = input['dialogSize'];
-        const { entity, data, options } = input.__context__;
+        const { entity, entityInfo, data, options } = input.__context__;
         const excludeProperties = options?.excludeProperties;
         const includeProperties = options?.includeProperties;
         const decoration = options?.['decoration'];
@@ -2559,17 +2790,10 @@ class AXPUpdateEntityCommand {
             if (headerTitle) {
                 chain = chain.title(headerTitle);
             }
-            else {
-                let recordData = {};
-                const recordId = typeof data === 'string' ? data : (data?.id ?? data?._id);
-                if (recordId) {
-                    recordData = await this.entityForm.getRecordById(`${moduleName}.${entityName}`, String(recordId));
-                }
-                else if (typeof data === 'object' && data != null) {
-                    recordData = data;
-                }
-                const title = await resolveEntityModifyPopupTitle(entityRef, recordData, this.translationService, this.formatService, this.expressionEvaluator, this.contextEvalFactory, '@general:actions.edit.title');
-                chain = chain.title(title);
+            else if (entityInfo?.title) {
+                const editText = await this.translationService.translateAsync('@general:actions.edit.title');
+                const translatedTitle = await this.translationService.translateAsync(entityInfo.title);
+                chain = chain.title(`${editText} ${translatedTitle}`);
             }
             const finalSize = layoutSize || dialogSize;
             if (finalSize) {
@@ -2663,19 +2887,15 @@ var updateEntity_command = /*#__PURE__*/Object.freeze({
 
 class AXPViewEntityDetailsCommand {
     constructor() {
-        //#region ---- Services & Dependencies ----
+        //#region ----   Services & Dependencies   ----
         this.entityForm = inject(AXPEntityFormBuilderService);
         this.entityService = inject(AXPEntityDefinitionRegistryService);
         this.translationService = inject(AXTranslationService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
     }
     //#endregion
-    //#region ---- Command Execution ----
+    //#region ----   Command Execution   ----
     async execute(input) {
-        const excludeProperties = input['excludeProperties'] ??
-            input?.options?.excludeProperties ??
-            input?.__context__?.options?.excludeProperties;
+        const excludeProperties = input['excludeProperties'];
         const { entity, entityInfo, data } = input.__context__;
         const [moduleName, entityName] = (entity || '').split('.');
         if (!moduleName || !entityName) {
@@ -2686,9 +2906,10 @@ class AXPViewEntityDetailsCommand {
                 },
             };
         }
-        const entityDef = await this.entityService.resolve(moduleName, entityName);
+        await this.entityService.resolve(moduleName, entityName);
         let dialogRef;
         try {
+            // Validate data type
             if (!data || (typeof data !== 'string' && typeof data !== 'object')) {
                 return {
                     success: false,
@@ -2697,18 +2918,22 @@ class AXPViewEntityDetailsCommand {
                     },
                 };
             }
+            // Pass data directly to single() - it handles string | object internally
             let chain = this.entityForm.entity(`${moduleName}.${entityName}`).single(data);
             if (excludeProperties && excludeProperties.length > 0) {
                 chain = chain.exclude(...excludeProperties);
             }
-            const dialogTitle = await this.resolveDialogTitle(entityDef, data);
-            if (dialogTitle) {
-                chain = chain.title(dialogTitle);
+            if (entityInfo?.title) {
+                const detailText = await this.translationService.translateAsync('@general:actions.detail.title');
+                // const translatedTitle = await this.translationService.translateAsync(entityInfo.title);
+                chain = chain.title(`${detailText}`);
             }
             chain = chain.actions((actions) => {
                 actions.submit('@general:actions.ok.title');
             });
             dialogRef = await chain.show();
+            // For single/view mode, only close action is available
+            // No need to show any message when closing a read-only view
             dialogRef.close();
             return {
                 success: true,
@@ -2728,62 +2953,11 @@ class AXPViewEntityDetailsCommand {
             };
         }
         finally {
-            if (dialogRef && typeof dialogRef === 'object' && dialogRef !== null && 'setLoading' in dialogRef) {
+            if (dialogRef) {
                 dialogRef.setLoading(false);
             }
         }
     }
-    //#endregion
-    //#region ---- Title resolution ----
-    async resolveDialogTitle(entityDef, data) {
-        const titleTemplate = entityDef.interfaces?.master?.single?.title ??
-            entityDef.formats?.searchResult?.title ??
-            entityDef.formats?.individual;
-        if (!titleTemplate || typeof titleTemplate !== 'string') {
-            return this.translationService.translateAsync('@general:actions.detail.title');
-        }
-        if (!titleTemplate.includes('{{')) {
-            const translated = await this.translationService.translateAsync(titleTemplate);
-            return resolveMultiLanguageString(translated, this.translationService.getActiveLang()).trim() || translated;
-        }
-        const recordContext = await this.loadRecordContext(`${entityDef.module}.${entityDef.name}`, data);
-        const scope = {
-            context: this.contextEvalFactory.createScope(recordContext),
-        };
-        const evaluated = await this.expressionEvaluator.evaluate(titleTemplate, scope);
-        const locale = this.translationService.getActiveLang();
-        const text = resolveMultiLanguageString(evaluated, locale).trim() || String(evaluated ?? '').trim();
-        if (text) {
-            return text;
-        }
-        return this.translationService.translateAsync('@general:actions.detail.title');
-    }
-    async loadRecordContext(entityFullName, data) {
-        if (typeof data === 'object' && data !== null && !Array.isArray(data)) {
-            const hasNestedFields = get(data, 'subject.title') != null ||
-                get(data, 'recordType.title') != null ||
-                get(data, 'occurredDate') != null;
-            if (hasNestedFields) {
-                return data;
-            }
-        }
-        const recordId = typeof data === 'string' ? data : String(get(data, 'id') ?? '');
-        if (!recordId) {
-            return typeof data === 'object' && data !== null ? data : {};
-        }
-        try {
-            const [moduleName, entityName] = entityFullName.split('.');
-            const entity = await this.entityService.resolve(moduleName, entityName);
-            const byKeyFn = entity?.queries?.byKey?.execute;
-            if (typeof byKeyFn === 'function') {
-                return (await byKeyFn(recordId)) ?? {};
-            }
-        }
-        catch {
-            // Fall back to list row payload below.
-        }
-        return typeof data === 'object' && data !== null ? data : {};
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, providedIn: 'root' }); }
 }
@@ -2799,6 +2973,13 @@ var viewEntityDetails_command = /*#__PURE__*/Object.freeze({
     AXPViewEntityDetailsCommand: AXPViewEntityDetailsCommand
 });
 
+//#region ---- Datasource keys ----
+/** Platform entity layout datasource registry names. */
+const AXPEntityDataSourceKeys = {
+    Entities: 'entities',
+};
+//#endregion
+
 const AXPEntityEventsKeys = {
     REFRESH_LAYOUT: 'entity:refresh-layout',
     REFRESH_DATA: 'entity:refresh-data',
@@ -2837,44 +3018,10 @@ function buildAXPRecordWorkflowInfo(params) {
         ...(params.pinnedVersion != null ? { pinnedVersion: params.pinnedVersion } : {}),
     };
 }
-//#endregion
 
 //#region ---- Contracts barrel ----
 //#endregion
 
-/** Common keys on denormalized expose stubs (e.g. `{ id, displayName }` from lookup expose). */
-const LOOKUP_EXPOSE_STUB_DISPLAY_FIELDS = ['displayName', 'title', 'name', 'fullName', 'code'];
-function resolveLookupItemFieldValue(item, field) {
-    const direct = get(item, field);
-    if (direct != null && direct !== '') {
-        return direct;
-    }
-    if (!field.includes('.')) {
-        return direct;
-    }
-    for (const fallback of LOOKUP_EXPOSE_STUB_DISPLAY_FIELDS) {
-        const candidate = get(item, fallback);
-        if (candidate != null && candidate !== '') {
-            return candidate;
-        }
-    }
-    return direct;
-}
-function formatLookupFieldValue(raw, locale, translationService, resolveMultiLanguage) {
-    if (raw == null || raw === '') {
-        return '';
-    }
-    if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
-        return String(raw);
-    }
-    if (typeof raw === 'object' && !Array.isArray(raw)) {
-        if (resolveMultiLanguage) {
-            return resolveMultiLanguage(raw);
-        }
-        return resolveSearchableText(raw, locale, translationService);
-    }
-    return String(raw);
-}
 //#region ---- Template resolution ----
 /**
  * Resolves the display template for a lookup item.
@@ -2916,46 +3063,7 @@ function resolveLookupDisplayField(entity, options) {
     return found ?? 'title';
 }
 /**
- * Formats a lookup row for display using template and/or field resolution (display tier).
- */
-async function formatLookupItemDisplayAsync(item, entity, options, formatService, displayDeps, resolveMultiLanguage) {
-    if (item == null) {
-        return '';
-    }
-    if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
-        return String(item);
-    }
-    if (typeof item !== 'object') {
-        return '';
-    }
-    if (options.isMultiLanguage?.(item) && resolveMultiLanguage) {
-        return resolveMultiLanguage(item);
-    }
-    const template = resolveLookupDisplayTemplate(entity, options);
-    if (template) {
-        if (template.includes('{{') || template.includes('context.eval')) {
-            const evaluated = await evaluateEntityDisplayTemplate(template, item, displayDeps.expressionEvaluator, displayDeps.locale, displayDeps.translationService, displayDeps.contextEvalFactory);
-            const text = sanitizeResolvedEntityDisplayTitle(resolveSearchableText(evaluated, displayDeps.locale, displayDeps.translationService));
-            if (text && !isUnresolvedEntityDisplayTemplate(text)) {
-                return text;
-            }
-        }
-        else {
-            const formatted = formatService.format(template, 'string', item);
-            if (formatted) {
-                const text = String(formatted);
-                if (!isUnresolvedEntityDisplayTemplate(text)) {
-                    return text;
-                }
-            }
-        }
-    }
-    const field = resolveLookupDisplayField(entity, options);
-    const raw = typeof item === 'object' && item != null ? resolveLookupItemFieldValue(item, field) : undefined;
-    return formatLookupFieldValue(raw, displayDeps.locale, displayDeps.translationService, resolveMultiLanguage);
-}
-/**
- * @deprecated Prefer {@link formatLookupItemDisplayAsync} for expression templates with `context.eval`.
+ * Formats a lookup row for display using template and/or field resolution.
  */
 function formatLookupItemDisplay(item, entity, options, formatService, resolveMultiLanguage) {
     if (item == null) {
@@ -2971,7 +3079,7 @@ function formatLookupItemDisplay(item, entity, options, formatService, resolveMu
         return resolveMultiLanguage(item);
     }
     const template = resolveLookupDisplayTemplate(entity, options);
-    if (template && !template.includes('context.eval') && !template.includes('{{')) {
+    if (template) {
         const formatted = formatService.format(template, 'string', item);
         if (formatted) {
             const text = String(formatted);
@@ -2981,8 +3089,8 @@ function formatLookupItemDisplay(item, entity, options, formatService, resolveMu
         }
     }
     const field = resolveLookupDisplayField(entity, options);
-    const raw = typeof item === 'object' && item != null ? resolveLookupItemFieldValue(item, field) : undefined;
-    if (raw == null || raw === '') {
+    const raw = get(item, field);
+    if (raw == null) {
         return '';
     }
     if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
@@ -3005,8 +3113,7 @@ class AXPEntityDetailPopoverComponent {
         this.queryService = inject(AXPQueryService);
         this.formatService = inject(AXFormatService);
         this.translation = inject(AXTranslationService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
         //#endregion
         //#region ----   Inputs   ----
         this.entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
@@ -3016,18 +3123,36 @@ class AXPEntityDetailPopoverComponent {
         this.displayTitle = input('', ...(ngDevMode ? [{ debugName: "displayTitle" }] : /* istanbul ignore next */ []));
         this.item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : /* istanbul ignore next */ []));
         this.breadcrumb = input(null, ...(ngDevMode ? [{ debugName: "breadcrumb" }] : /* istanbul ignore next */ []));
-        //#endregion
-        //#region ----   View Children   ----
-        this.detailPopover = viewChild('detailPopover', ...(ngDevMode ? [{ debugName: "detailPopover" }] : /* istanbul ignore next */ []));
+        this.requestClose = input(...(ngDevMode ? [undefined, { debugName: "requestClose" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Signals   ----
         this.entityDetails = signal(null, ...(ngDevMode ? [{ debugName: "entityDetails" }] : /* istanbul ignore next */ []));
         this.isLoadingDetails = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingDetails" }] : /* istanbul ignore next */ []));
-        this.isDetailPopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isDetailPopoverOpen" }] : /* istanbul ignore next */ []));
-        this.headerTitleVersion = 0;
         /** Placeholder rows for the loading skeleton (matches typical property count). */
         this.loadingSkeletonRows = [1, 2, 3, 4, 5];
-        this.headerTitle = signal('', ...(ngDevMode ? [{ debugName: "headerTitle" }] : /* istanbul ignore next */ []));
+        this.headerTitle = computed(() => {
+            const details = this.entityDetails();
+            const entityDefinition = details?.entityDefinition;
+            const data = details?.entityData;
+            if (data && entityDefinition) {
+                const fromDetails = this.resolveLookupDisplayLabel(data, entityDefinition);
+                if (fromDetails) {
+                    return fromDetails;
+                }
+            }
+            const preset = this.displayTitle()?.trim();
+            if (preset && !isUnresolvedEntityDisplayTemplate(preset)) {
+                return preset;
+            }
+            const fallbackItem = this.item();
+            if (fallbackItem) {
+                const fromItem = this.resolveLookupDisplayLabel(fallbackItem, entityDefinition);
+                if (fromItem) {
+                    return fromItem;
+                }
+            }
+            return preset ?? '';
+        }, ...(ngDevMode ? [{ debugName: "headerTitle" }] : /* istanbul ignore next */ []));
         /**
          * Stable list of property widgets for the template. Must be a signal (computed), not a method:
          * calling a method from the template rebuilds nodes every CD cycle and can make the widget renderer loop.
@@ -3040,45 +3165,14 @@ class AXPEntityDetailPopoverComponent {
                 return [];
             return this.buildEntityPropertiesWithWidgets(data, entityDefinition, this.textField(), this.valueField());
         }, ...(ngDevMode ? [{ debugName: "entityPropertiesWithWidgets" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            void this.translation.getActiveLang();
-            const details = this.entityDetails();
-            const preset = this.displayTitle();
-            const fallbackItem = this.item();
-            const version = ++this.headerTitleVersion;
-            void this.resolveHeaderTitle(details?.entityDefinition, details?.entityData, preset, fallbackItem).then((title) => {
-                if (version === this.headerTitleVersion) {
-                    this.headerTitle.set(title);
-                }
-            });
-        });
     }
     //#endregion
     //#region ----   Public Methods   ----
-    /**
-     * Show the entity detail popover
-     */
-    async show(target) {
-        this.isDetailPopoverOpen.set(true);
+    /** Loads entity details after the overlay panel is created. */
+    async loadDetails() {
         this.isLoadingDetails.set(true);
         this.entityDetails.set(null);
-        // Open the popover immediately to display loading state
-        if (this.detailPopover()) {
-            const targetElement = target instanceof ElementRef ? target.nativeElement : target;
-            this.detailPopover().target = targetElement;
-            this.detailPopover().open();
-        }
-        else {
-            // In case the view child is not ready yet, schedule an immediate open
-            setTimeout(() => {
-                if (this.detailPopover()) {
-                    const targetElement = target instanceof ElementRef ? target.nativeElement : target;
-                    this.detailPopover().target = targetElement;
-                    this.detailPopover().open();
-                }
-            }, 0);
-        }
-        // Fetch entity details using the query
+        this.changeDetectorRef.detectChanges();
         try {
             const result = await this.queryService.fetch('Entity:GetDetails', {
                 entity: this.entity(),
@@ -3093,24 +3187,7 @@ class AXPEntityDetailPopoverComponent {
         }
         finally {
             this.isLoadingDetails.set(false);
-        }
-    }
-    /**
-     * Hide the entity detail popover
-     */
-    hide() {
-        this.isDetailPopoverOpen.set(false);
-        this.entityDetails.set(null);
-        this.isLoadingDetails.set(false);
-        if (this.detailPopover()) {
-            this.detailPopover().close();
-        }
-    }
-    onDetailPopoverOpenChange(event) {
-        this.isDetailPopoverOpen.set(event);
-        if (!event) {
-            this.entityDetails.set(null);
-            this.isLoadingDetails.set(false);
+            this.changeDetectorRef.detectChanges();
         }
     }
     async navigateToDetails() {
@@ -3119,39 +3196,15 @@ class AXPEntityDetailPopoverComponent {
                 entity: this.entity(),
                 data: { id: this.entityId() },
             });
-            this.hide();
+            this.requestClose()?.();
         }
     }
     //#endregion
     //#region ----   Helper Methods   ----
-    async resolveHeaderTitle(entityDefinition, data, preset, fallbackItem) {
-        if (data && entityDefinition) {
-            const fromDetails = await this.resolveLookupDisplayLabelAsync(data, entityDefinition);
-            if (fromDetails) {
-                return fromDetails;
-            }
-        }
-        const presetTrimmed = preset?.trim();
-        if (presetTrimmed && !isUnresolvedEntityDisplayTemplate(presetTrimmed)) {
-            return presetTrimmed;
-        }
-        if (fallbackItem) {
-            const fromItem = await this.resolveLookupDisplayLabelAsync(fallbackItem, entityDefinition);
-            if (fromItem) {
-                return fromItem;
-            }
-        }
-        return presetTrimmed ?? '';
-    }
-    async resolveLookupDisplayLabelAsync(item, entityDefinition) {
-        const locale = this.translation.getActiveLang() ?? 'en-US';
-        const label = await formatLookupItemDisplayAsync(item, entityDefinition ?? null, { textField: this.textField() }, this.formatService, {
-            expressionEvaluator: this.expressionEvaluator,
-            contextEvalFactory: this.contextEvalFactory,
-            translationService: this.translation,
-            locale,
-        }, (value) => this.translation.resolve(value));
-        return label && !isUnresolvedEntityDisplayTemplate(label) ? label : '';
+    resolveLookupDisplayLabel(item, entityDefinition) {
+        const label = formatLookupItemDisplay(item, entityDefinition, { textField: this.textField() }, this.formatService, (value) => this.translation.resolve(value));
+        const resolved = typeof label === 'string' ? label : this.translation.resolve(label);
+        return resolved && !isUnresolvedEntityDisplayTemplate(resolved) ? resolved : '';
     }
     /**
      * Returns true if a value is meaningful for display (non-empty/non-null).
@@ -3316,91 +3369,196 @@ class AXPEntityDetailPopoverComponent {
     resolveDataPath(prop, data) {
         const iface = prop.schema?.interface;
         const expose = iface?.options?.['expose'];
-        const textField = iface?.options?.['textField']?.trim();
         if (expose?.length) {
+            // Try expanded path first (e.g. personTitle for personTitle.title)
             const textTarget = expose.find((e) => e.source !== 'id');
             if (textTarget) {
                 const expandedPath = textTarget.target.split('.')[0];
                 const expandedValue = get(data, expandedPath);
                 if (expandedValue != null && typeof expandedValue === 'object') {
-                    if (textField) {
-                        if (this.hasMeaningfulValue(get(expandedValue, textField))) {
-                            return expandedPath;
-                        }
-                    }
-                    else {
-                        const leaf = textTarget.target.split('.').pop();
-                        if (leaf && this.hasMeaningfulValue(get(expandedValue, leaf))) {
-                            return expandedPath;
-                        }
-                    }
+                    return expandedPath;
                 }
             }
         }
         return prop.name;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, displayTitle: { classPropertyName: "displayTitle", publicName: "displayTitle", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", 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  dark:ax-dark-surface ax-p-4 ax-w-[min(600px,calc(100vw-2rem))]\">\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        {{ headerTitle() }}\n      </h3>\n      @if (breadcrumb()) {\n      <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n      }\n    </div>\n    @if (isLoadingDetails()) {\n    <div class=\"ax-space-y-2 ax-mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n      <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-items-start\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-2/3 ax-rounded\"></ax-skeleton>\n        @if (row === 2) {\n        <ax-skeleton [animated]=\"true\" class=\"ax-h-16 ax-w-full ax-rounded\"></ax-skeleton>\n        } @else {\n        <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-full ax-rounded\"></ax-skeleton>\n        }\n      </div>\n      }\n    </div>\n    <div class=\"ax-flex ax-justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"ax-h-9 ax-w-28 ax-rounded\"></ax-skeleton>\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 entityPropertiesWithWidgets(); track item.name) {\n          <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-gap-y-1 ax-items-start\">\n            <span class=\"ax-text-sm ax-font-medium  ax-shrink-0\">{{ item.title | translate | async\n              }}:</span>\n            <div class=\"ax-min-w-0 ax-text-sm\">\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]=\"'@general:actions.open-details.title' | translate | async\"\n        (click)=\"navigateToDetails()\">\n      </ax-button>\n    </div>\n    }\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, displayTitle: { classPropertyName: "displayTitle", publicName: "displayTitle", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"ax-lightest-surface dark:ax-dark-surface ax-p-4 ax-w-[min(600px,calc(100vw-2rem))] ax-rounded-lg ax-shadow-lg\"\n>\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      {{ headerTitle() }}\n    </h3>\n    @if (breadcrumb()) {\n      <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n    }\n  </div>\n  @if (isLoadingDetails()) {\n    <div class=\"ax-space-y-2 ax-mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n        <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-items-start\">\n          <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-2/3 ax-rounded\"></ax-skeleton>\n          @if (row === 2) {\n            <ax-skeleton [animated]=\"true\" class=\"ax-h-16 ax-w-full ax-rounded\"></ax-skeleton>\n          } @else {\n            <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-full ax-rounded\"></ax-skeleton>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-flex ax-justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"ax-h-9 ax-w-28 ax-rounded\"></ax-skeleton>\n    </div>\n  } @else if (entityDetails()) {\n    <div class=\"ax-space-y-3 ax-mb-4\">\n      @if (entityDetails()?.entityData) {\n        <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n          <div class=\"ax-space-y-2\">\n            @for (item of entityPropertiesWithWidgets(); track item.name) {\n              <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-gap-y-1 ax-items-start\">\n                <span class=\"ax-text-sm ax-font-medium ax-shrink-0\">{{ item.title | translate | async }}:</span>\n                <div class=\"ax-min-w-0 ax-text-sm\">\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\n        [color]=\"'primary'\"\n        [look]=\"'solid'\"\n        [text]=\"'@general:actions.open-details.title' | translate | async\"\n        (click)=\"navigateToDetails()\"\n      >\n      </ax-button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXPWidgetCoreModule }, { kind: "component", type: i2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXPWidgetCoreModule, AXTranslationModule, AXSkeletonModule], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface  dark:ax-dark-surface ax-p-4 ax-w-[min(600px,calc(100vw-2rem))]\">\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        {{ headerTitle() }}\n      </h3>\n      @if (breadcrumb()) {\n      <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n      }\n    </div>\n    @if (isLoadingDetails()) {\n    <div class=\"ax-space-y-2 ax-mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n      <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-items-start\">\n        <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-2/3 ax-rounded\"></ax-skeleton>\n        @if (row === 2) {\n        <ax-skeleton [animated]=\"true\" class=\"ax-h-16 ax-w-full ax-rounded\"></ax-skeleton>\n        } @else {\n        <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-full ax-rounded\"></ax-skeleton>\n        }\n      </div>\n      }\n    </div>\n    <div class=\"ax-flex ax-justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"ax-h-9 ax-w-28 ax-rounded\"></ax-skeleton>\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 entityPropertiesWithWidgets(); track item.name) {\n          <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-gap-y-1 ax-items-start\">\n            <span class=\"ax-text-sm ax-font-medium  ax-shrink-0\">{{ item.title | translate | async\n              }}:</span>\n            <div class=\"ax-min-w-0 ax-text-sm\">\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]=\"'@general:actions.open-details.title' | translate | async\"\n        (click)=\"navigateToDetails()\">\n      </ax-button>\n    </div>\n    }\n  </div>\n</ax-popover>" }]
-        }], ctorParameters: () => [], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: true }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], displayTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTitle", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], detailPopover: [{ type: i0.ViewChild, args: ['detailPopover', { isSignal: true }] }] } });
+            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXPWidgetCoreModule, AXTranslationModule, AXSkeletonModule], template: "<div\n  class=\"ax-lightest-surface dark:ax-dark-surface ax-p-4 ax-w-[min(600px,calc(100vw-2rem))] ax-rounded-lg ax-shadow-lg\"\n>\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      {{ headerTitle() }}\n    </h3>\n    @if (breadcrumb()) {\n      <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n    }\n  </div>\n  @if (isLoadingDetails()) {\n    <div class=\"ax-space-y-2 ax-mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n        <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-items-start\">\n          <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-2/3 ax-rounded\"></ax-skeleton>\n          @if (row === 2) {\n            <ax-skeleton [animated]=\"true\" class=\"ax-h-16 ax-w-full ax-rounded\"></ax-skeleton>\n          } @else {\n            <ax-skeleton [animated]=\"true\" class=\"ax-h-4 ax-w-full ax-rounded\"></ax-skeleton>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-flex ax-justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"ax-h-9 ax-w-28 ax-rounded\"></ax-skeleton>\n    </div>\n  } @else if (entityDetails()) {\n    <div class=\"ax-space-y-3 ax-mb-4\">\n      @if (entityDetails()?.entityData) {\n        <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n          <div class=\"ax-space-y-2\">\n            @for (item of entityPropertiesWithWidgets(); track item.name) {\n              <div class=\"ax-grid ax-grid-cols-[minmax(7rem,35%)_1fr] ax-gap-x-4 ax-gap-y-1 ax-items-start\">\n                <span class=\"ax-text-sm ax-font-medium ax-shrink-0\">{{ item.title | translate | async }}:</span>\n                <div class=\"ax-min-w-0 ax-text-sm\">\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\n        [color]=\"'primary'\"\n        [look]=\"'solid'\"\n        [text]=\"'@general:actions.open-details.title' | translate | async\"\n        (click)=\"navigateToDetails()\"\n      >\n      </ax-button>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: true }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], displayTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTitle", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], requestClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestClose", required: false }] }] } });
 
 class AXPEntityDetailPopoverService {
     constructor() {
-        //#region ----   Dependencies   ----
-        this.applicationRef = inject(ApplicationRef);
-        this.environmentInjector = inject(EnvironmentInjector);
+        //#region ----   Services & Dependencies   ----
+        this.overlayService = inject(AXOverlayService);
+        this.platform = inject(AXPlatform);
+        this.localeService = inject(AXLocaleService);
+        this.document = inject(DOCUMENT);
+        this.router = inject(Router);
         //#endregion
         //#region ----   Private Properties   ----
-        this.activePopoverRef = null;
+        this.overlayRef = null;
+        this.componentRef = null;
+        this.outsideClickHandler = null;
+        this.keydownHandler = null;
+        this.routerSubscription = null;
     }
     //#endregion
     //#region ----   Public Methods   ----
     /**
-     * Show entity detail popover
-     * @param target - The target element to position the popover
-     * @param options - Configuration options for the popover
+     * Show entity detail popover anchored to the target element.
      */
     async show(target, options) {
-        // Close any existing popover
+        const anchorElement = this.resolveAnchorElement(target);
+        if (!anchorElement) {
+            return;
+        }
         this.hide();
-        // Create component dynamically
-        this.activePopoverRef = createComponent(AXPEntityDetailPopoverComponent, {
-            environmentInjector: this.environmentInjector,
-        });
-        // Set inputs
-        this.activePopoverRef.setInput('entity', options.entity);
-        this.activePopoverRef.setInput('entityId', options.id);
-        this.activePopoverRef.setInput('textField', options.textField || 'title');
-        this.activePopoverRef.setInput('valueField', options.valueField || 'id');
-        this.activePopoverRef.setInput('displayTitle', options.displayTitle ?? '');
-        this.activePopoverRef.setInput('breadcrumb', options.breadcrumb || null);
-        this.activePopoverRef.setInput('item', options.item);
-        // Attach to application
-        this.applicationRef.attachView(this.activePopoverRef.hostView);
-        // Append to document body
-        document.body.appendChild(this.activePopoverRef.location.nativeElement);
-        // Show the popover
-        await this.activePopoverRef.instance.show(target);
+        const panelClasses = ['ax-animate-fadeIn', 'ax-animate-faster', 'axp-entity-detail-popover-overlay'];
+        if (this.platform.isDark()) {
+            panelClasses.push('ax-dark');
+        }
+        const requestClose = () => {
+            this.hide();
+        };
+        try {
+            const ref = await this.overlayService.create(AXPEntityDetailPopoverComponent, {
+                centered: false,
+                width: 'fit-content',
+                actionSheetStyle: true,
+                panelClass: panelClasses,
+                backdrop: {
+                    enabled: false,
+                    background: false,
+                    closeOnClick: false,
+                },
+                anchorOptions: {
+                    anchor: anchorElement,
+                    placement: this.resolveOverlayPlacement(anchorElement),
+                    offsetX: this.resolveOverlayOffsetX(anchorElement),
+                    offsetY: 8,
+                    autoFlip: true,
+                },
+                inputs: {
+                    entity: options.entity,
+                    entityId: options.id,
+                    textField: options.textField || 'title',
+                    valueField: options.valueField || 'id',
+                    displayTitle: options.displayTitle ?? '',
+                    breadcrumb: options.breadcrumb ?? null,
+                    item: options.item,
+                    requestClose,
+                },
+                onDispose: () => {
+                    this.handleOverlayDisposed();
+                },
+            });
+            this.overlayRef = ref;
+            this.componentRef = ref.instance;
+            setTimeout(() => {
+                ref.updatePosition();
+                this.bindDismissHandlers(ref.overlayElement, anchorElement);
+            }, 0);
+            await this.componentRef.instance.loadDetails();
+        }
+        catch (error) {
+            console.error('[EntityDetailPopover] Failed to open overlay:', error);
+            this.handleOverlayDisposed();
+        }
     }
-    /**
-     * Hide the active popover
-     */
+    /** Hide the active popover */
     hide() {
-        if (this.activePopoverRef) {
-            this.activePopoverRef.instance.hide();
-            this.applicationRef.detachView(this.activePopoverRef.hostView);
-            this.activePopoverRef.destroy();
-            this.activePopoverRef = null;
+        this.removeDismissHandlers();
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
         }
     }
-    /**
-     * Check if a popover is currently active
-     */
+    /** Whether a popover is currently active */
     get isActive() {
-        return this.activePopoverRef !== null;
+        return this.overlayRef !== null;
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    resolveAnchorElement(target) {
+        if (target instanceof ElementRef) {
+            return target.nativeElement;
+        }
+        if (target instanceof HTMLElement) {
+            return target;
+        }
+        const hostCandidate = target;
+        if (typeof hostCandidate.getHostElement === 'function') {
+            return hostCandidate.getHostElement();
+        }
+        return null;
+    }
+    /** Mirror popover placement for RTL so the panel aligns with the anchor's inline-start edge. */
+    resolveOverlayPlacement(anchor) {
+        return this.isRtlContext(anchor) ? 'bottom-end' : 'bottom-start';
+    }
+    resolveOverlayOffsetX(anchor) {
+        return this.isRtlContext(anchor) ? -8 : 8;
+    }
+    isRtlContext(anchor) {
+        if (this.localeService.activeProfile()?.i18nMeta?.rtl === true) {
+            return true;
+        }
+        const dir = getComputedStyle(anchor).direction || this.document.documentElement.getAttribute('dir');
+        return dir === 'rtl';
+    }
+    bindDismissHandlers(overlayElement, anchor) {
+        this.removeDismissHandlers();
+        this.keydownHandler = (event) => {
+            if (event.key === 'Escape') {
+                this.hide();
+            }
+        };
+        this.document.addEventListener('keydown', this.keydownHandler);
+        this.outsideClickHandler = (event) => {
+            const target = event.target;
+            if (!target || !overlayElement) {
+                return;
+            }
+            if (this.isInsideInteractiveSurface(target, overlayElement, anchor)) {
+                return;
+            }
+            this.hide();
+        };
+        this.document.addEventListener('mousedown', this.outsideClickHandler);
+        this.routerSubscription = this.router.events
+            .pipe(filter((event) => event instanceof NavigationStart))
+            .subscribe(() => {
+            this.hide();
+        });
+    }
+    /** Ignore clicks on the anchor, overlay panel, or nested dropdown menus. */
+    isInsideInteractiveSurface(target, overlayElement, anchor) {
+        if (anchor.contains(target) || overlayElement.contains(target)) {
+            return true;
+        }
+        return Boolean(target.closest('ax-dropdown-panel, ax-button-item-list, ax-button-item, ax-dropdown-button, .ax-dropdown-panel'));
+    }
+    removeDismissHandlers() {
+        if (this.keydownHandler) {
+            this.document.removeEventListener('keydown', this.keydownHandler);
+            this.keydownHandler = null;
+        }
+        if (this.outsideClickHandler) {
+            this.document.removeEventListener('mousedown', this.outsideClickHandler);
+            this.outsideClickHandler = null;
+        }
+        if (this.routerSubscription) {
+            this.routerSubscription.unsubscribe();
+            this.routerSubscription = null;
+        }
+    }
+    handleOverlayDisposed() {
+        this.removeDismissHandlers();
+        this.overlayRef = null;
+        this.componentRef = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, providedIn: 'root' }); }
@@ -3408,7 +3566,7 @@ class AXPEntityDetailPopoverService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }] });
 
@@ -3897,6 +4055,7 @@ class AXPEntityPreloadFiltersContainerComponent extends AXPPageLayoutBaseCompone
         super(...arguments);
         //#region ----   Services & Dependencies   ----
         this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
         this.entityService = inject(AXPEntityService);
         this.filterOperatorMiddleware = inject(AXPFilterOperatorMiddlewareService);
         //#endregion
@@ -4315,7 +4474,7 @@ class AXPEntityCommandTriggerViewModel {
         this.priority = action.priority;
         this.title = action.title;
         this.separated = action.separated ?? false;
-        this.color = (action.color ?? resolvedLook.color);
+        this.color = action.color ?? resolvedLook.color;
         this.icon = action.icon ?? resolvedLook.icon;
         this.hidden = action.hidden ?? false;
         this.disabled = action.disabled ?? false;
@@ -5185,7 +5344,7 @@ class AXPEntityMasterListViewModel {
         }
     }
     //#endregion
-    createLogicExpressionScope(data) {
+    createExpressionScope(data) {
         return {
             context: {
                 eval: (path) => get(data, path),
@@ -5196,20 +5355,11 @@ class AXPEntityMasterListViewModel {
             },
         };
     }
-    createDisplayExpressionScope(data) {
-        return {
-            context: this.contextEvalFactory.createScope((data ?? {})),
-            list: {
-                view: () => this.view().name,
-                views: () => this.views().map((v) => ({ name: v.name, title: v.title })),
-            },
-        };
-    }
     async resolveCommandNameExpression(commandName, data) {
         if (!commandName || !commandName.includes('{{')) {
             return commandName;
         }
-        const scope = this.createLogicExpressionScope(data);
+        const scope = this.createExpressionScope(data);
         const result = await this.expressionEvaluator.evaluate({ value: commandName }, scope);
         const resolved = result?.value;
         return typeof resolved === 'string' && resolved.trim() !== '' ? resolved : commandName;
@@ -5218,7 +5368,7 @@ class AXPEntityMasterListViewModel {
         if (!title || !title.includes('{{')) {
             return title;
         }
-        const scope = this.createDisplayExpressionScope(data);
+        const scope = this.createExpressionScope(data);
         const result = await this.expressionEvaluator.evaluate({ value: title }, scope);
         const resolved = result?.value;
         return typeof resolved === 'string' && resolved.trim() !== '' ? resolved : title;
@@ -5233,7 +5383,7 @@ class AXPEntityMasterListViewModel {
             return '';
         }
         if (value.includes('{{')) {
-            const scope = this.createDisplayExpressionScope(rowData);
+            const scope = this.createExpressionScope(rowData);
             const result = await this.expressionEvaluator.evaluate(value, scope);
             if (result === false) {
                 return '';
@@ -5271,7 +5421,7 @@ class AXPEntityMasterListViewModel {
         if (color == null || color === '') {
             return 'default';
         }
-        const scope = this.createLogicExpressionScope(rowData);
+        const scope = this.createExpressionScope(rowData);
         const result = await this.expressionEvaluator.evaluate(color, scope);
         if (result === false || result == null) {
             return 'default';
@@ -5319,7 +5469,6 @@ class AXPEntityMasterListViewModel {
         this.settings = this.injector.get(AXPSettingsService);
         this.widgetResolver = this.injector.get(AXPWidgetRegistryService);
         this.expressionEvaluator = this.injector.get(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = this.injector.get(AXPContextEvalFactory);
         this.translation = this.injector.get(AXTranslationService);
         this.commandService = this.injector.get(AXPCommandService);
         this.eventService = this.injector.get(AXPBroadcastEventService);
@@ -5542,7 +5691,7 @@ class AXPEntityMasterListViewModel {
         this.sortedFields = signal([], ...(ngDevMode ? [{ debugName: "sortedFields" }] : /* istanbul ignore next */ []));
         //#endregion
         this.evaluateExpressions = async (options, data) => {
-            const scope = this.createLogicExpressionScope(data);
+            const scope = this.createExpressionScope(data);
             return await this.expressionEvaluator.evaluate(options, scope);
         };
         this.workflow.events$
@@ -5932,7 +6081,7 @@ class AXPEntityMasterListViewModel {
         this.selectedCategory.set(category);
     }
     async getPrimaryActions() {
-        const scope = this.createLogicExpressionScope(null);
+        const scope = this.createExpressionScope(null);
         const actions = await Promise.all(this.allActions()
             .filter((a) => a.priority == 'primary' &&
             ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
@@ -5949,7 +6098,7 @@ class AXPEntityMasterListViewModel {
         return actions.filter(Boolean);
     }
     async getSecondaryActions() {
-        const scope = this.createLogicExpressionScope(null);
+        const scope = this.createExpressionScope(null);
         const actions = await Promise.all(this.allActions()
             .filter((a) => a.priority == 'secondary' &&
             ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
@@ -5966,7 +6115,7 @@ class AXPEntityMasterListViewModel {
         return actions.filter(Boolean);
     }
     async secondaryRowActions(rowData) {
-        const scope = this.createLogicExpressionScope(rowData);
+        const scope = this.createExpressionScope(rowData);
         const actions = await Promise.all(this.allActions()
             .filter((a) => a.scope === AXPEntityCommandScope.Individual && a.priority === 'secondary')
             .map(async (a) => {
@@ -6989,9 +7138,6 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
         this.popupService = inject(AXPopupService);
         this.platform = inject(AXPlatform);
         this.translateService = inject(AXTranslationService);
-        this.formatService = inject(AXFormatService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
         this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
         this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
         this.factory = inject(AXPEntityMasterUpdateViewModelFactory);
@@ -7009,7 +7155,7 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
             title: headerTitle
                 ? headerTitle
                 : title ??
-                    (await resolveEntityModifyPopupTitle(entityRef, vm.context(), this.translateService, this.formatService, this.expressionEvaluator, this.contextEvalFactory)),
+                    `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             data: {
                 vm,
@@ -8023,7 +8169,7 @@ class AXMAttachmentsPageComponentProvider {
         return [
             {
                 key: ATTACHMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-layout-entity-attachments-page.component-B0EkdqvH.mjs').then((m) => m.AXMAttachmentsPageComponent),
+                loader: () => import('./acorex-platform-layout-entity-attachments-page.component-CwG6n_Yb.mjs').then((m) => m.AXMAttachmentsPageComponent),
             },
         ];
     }
@@ -10003,7 +10149,7 @@ class AXPEntityCategoryTreeSelectorComponent extends AXBasePageComponent {
         ></ax-button>
       </ax-suffix>
     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i4.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick", "doubleClickDuration", "tooltipDelay", "controlledSelection", "selectedIds"], outputs: ["datasourceChange", "selectedIdsChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick", "doubleClickDuration", "tooltipDelay", "controlledSelection", "selectedIds"], outputs: ["datasourceChange", "selectedIdsChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityCategoryTreeSelectorComponent, decorators: [{
             type: Component,
@@ -10444,7 +10590,7 @@ class AXPEntityCategoryWidgetColumnComponent extends AXPColumnWidgetComponent {
     }
     //#endregion
     //#region ----   Public Methods   ----
-    async showItemDetail(item, index) {
+    async showItemDetail(item, index, anchor) {
         if (this.options['disableDetailPopover']) {
             return;
         }
@@ -10453,7 +10599,7 @@ class AXPEntityCategoryWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.selectedItemIndex.set(index);
         const entityKey = this.entity();
         if (entityKey && id) {
-            await this.entityDetailPopoverService.show(this.host, {
+            await this.entityDetailPopoverService.show(anchor ?? this.host.nativeElement, {
                 entity: entityKey,
                 id: id,
                 textField: this.textField(),
@@ -10717,7 +10863,7 @@ class AXPEntityCategoryWidgetColumnComponent extends AXPColumnWidgetComponent {
         }
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "component", type: AXPColumnItemListComponent, selector: "axp-column-item-list", inputs: ["items", "itemTemplate"], outputs: ["itemClick"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.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: AXTooltipModule }, { kind: "directive", type: i3$2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXPColumnItemListComponent, selector: "axp-column-item-list", inputs: ["items", "itemTemplate"], outputs: ["itemClick"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i3$3.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityCategoryWidgetColumnComponent, decorators: [{
             type: Component,
@@ -10943,7 +11089,7 @@ class AXPTruncatedBreadcrumbComponent {
         }
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTruncatedBreadcrumbComponent, decorators: [{
             type: Component,
@@ -11520,7 +11666,7 @@ class AXPEntityCategoryWidgetEditComponent extends AXPValueWidgetComponent {
         </button>
       </div>
     </ng-template>
-  `, 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: AXButtonModule }, { kind: "component", type: i1.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.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", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPTruncatedBreadcrumbComponent, selector: "axp-truncated-breadcrumb", inputs: ["sections", "characterLimit", "sectionLimit", "separatorIcon", "ellipsisIcon", "eyeIcon"] }], 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: AXButtonModule }, { kind: "component", type: i1.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$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.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", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPTruncatedBreadcrumbComponent, selector: "axp-truncated-breadcrumb", inputs: ["sections", "characterLimit", "sectionLimit", "separatorIcon", "ellipsisIcon", "eyeIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityCategoryWidgetEditComponent, decorators: [{
             type: Component,
@@ -11691,7 +11837,7 @@ class AXPEntityCategoryWidgetViewComponent extends AXPValueWidgetComponent {
         <span class="ax-text-muted">---</span>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityCategoryWidgetViewComponent, decorators: [{
             type: Component,
@@ -11949,7 +12095,7 @@ class AXPEntityDefinitionProviderWidgetEditComponent extends AXPProviderSelectWi
         return parent ? `${parent}.${fieldName}` : fieldName;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDefinitionProviderWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntityDefinitionProviderWidgetEditComponent, isStandalone: true, selector: "axp-entity-definition-provider-widget-edit", usesInheritance: true, ngImport: i0, template: "<ax-select-box\n  [placeholder]=\"(placeholder() | translate | async) ?? ''\"\n  [dataSource]=\"dataSource()\"\n  [disabled]=\"disabled()\"\n  [valueField]=\"valueField()\"\n  [textField]=\"textField()\"\n  [textTemplate]=\"textTemplate()\"\n  [multiple]=\"multiple()\"\n  [readonly]=\"readonly()\"\n  [ngModel]=\"filterMode() ? selectFilterDisplayValue() : getValue()\"\n  (onValueChanged)=\"handleValueChange($event)\"\n>\n  @if (allowSearch()) {\n    <ax-search-box\n      [autoSearch]=\"false\"\n      [ngModel]=\"searchValue()\"\n      (onValueChanged)=\"handleSearchValueChange($event)\"\n      ><ax-clear-button></ax-clear-button\n    ></ax-search-box>\n  }\n  @if (hasClearButton() && !filterMode()) {\n    <ax-clear-button></ax-clear-button>\n  }\n  @for (validation of validationRules(); track $index) {\n    <ax-validation-rule\n      [rule]=\"validation.rule\"\n      [message]=\"validation.options?.message\"\n      [options]=\"validation.options\"\n    ></ax-validation-rule>\n  }\n</ax-select-box>\n", 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: "component", type: i2$2.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", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { 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$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4$1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntityDefinitionProviderWidgetEditComponent, isStandalone: true, selector: "axp-entity-definition-provider-widget-edit", usesInheritance: true, ngImport: i0, template: "<ax-select-box\n  [placeholder]=\"(placeholder() | translate | async) ?? ''\"\n  [dataSource]=\"dataSource()\"\n  [disabled]=\"disabled()\"\n  [valueField]=\"valueField()\"\n  [textField]=\"textField()\"\n  [textTemplate]=\"textTemplate()\"\n  [multiple]=\"multiple()\"\n  [readonly]=\"readonly()\"\n  [ngModel]=\"filterMode() ? selectFilterDisplayValue() : getValue()\"\n  (onValueChanged)=\"handleValueChange($event)\"\n>\n  @if (allowSearch()) {\n    <ax-search-box\n      [autoSearch]=\"false\"\n      [ngModel]=\"searchValue()\"\n      (onValueChanged)=\"handleSearchValueChange($event)\"\n      ><ax-clear-button></ax-clear-button\n    ></ax-search-box>\n  }\n  @if (hasClearButton() && !filterMode()) {\n    <ax-clear-button></ax-clear-button>\n  }\n  @for (validation of validationRules(); track $index) {\n    <ax-validation-rule\n      [rule]=\"validation.rule\"\n      [message]=\"validation.options?.message\"\n      [options]=\"validation.options\"\n    ></ax-validation-rule>\n  }\n</ax-select-box>\n", 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: "component", type: i2$2.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", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { 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$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i4.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDefinitionProviderWidgetEditComponent, decorators: [{
             type: Component,
@@ -12246,7 +12392,6 @@ class AXPEntityListTableService {
         const evaluatedOptions = await this.evaluateExpressions(action?.options, data);
         const options = this.mergeRelatedListFormOptions(command, evaluatedOptions, relatedListExcludeProperties);
         if (this.commandService.exists(command)) {
-            const excludeProperties = options['excludeProperties'];
             await this.commandService.execute(command, {
                 __context__: {
                     entity: getEntityInfo(entity).source,
@@ -12263,7 +12408,6 @@ class AXPEntityListTableService {
                 },
                 options,
                 metadata: action?.metadata,
-                ...(excludeProperties?.length ? { excludeProperties } : {}),
             });
         }
         else {
@@ -12289,7 +12433,7 @@ class AXPEntityListTableService {
     mergeRelatedListFormOptions(command, evaluatedOptions, relatedListExcludeProperties) {
         const exclusions = relatedListExcludeProperties?.filter(Boolean);
         if (!exclusions?.length ||
-            (command !== 'Entity:Create' && command !== 'Entity:Update' && command !== 'Entity:View')) {
+            (command !== 'Entity:Create' && command !== 'Entity:Update')) {
             return evaluatedOptions;
         }
         return {
@@ -13287,7 +13431,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         ></ng-container>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXPWidgetCoreModule }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$3.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 }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.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: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityListWidgetViewComponent, decorators: [{
             type: Component,
@@ -13653,7 +13797,7 @@ class AXPPageComponentWidgetViewComponent extends AXPBaseWidgetComponent {
       [options]="pageOptions()"
       (componentReady)="handleComponentReady()"
     ></div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPPageComponentRendererDirective, selector: "[axp-page-component-renderer]", inputs: ["componentKey", "rootContext", "pageConfig", "options"], outputs: ["componentReady"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.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: AXDropdownModule }, { kind: "component", type: i3$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPPageComponentRendererDirective, selector: "[axp-page-component-renderer]", inputs: ["componentKey", "rootContext", "pageConfig", "options"], outputs: ["componentReady"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPageComponentWidgetViewComponent, decorators: [{
             type: Component,
@@ -13833,8 +13977,6 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.formatService = inject(AXFormatService);
         this.translation = inject(AXTranslationService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
         this.entityResolver = inject(AXPEntityDefinitionRegistryService);
         this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
         this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
@@ -13868,7 +14010,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         if (typeof item == 'object') {
             return {
                 id: item[this.valueField()],
-                text: await this.getDisplayRaw(item),
+                text: this.getDisplayRaw(item),
             };
         }
         const def = this.entityDef();
@@ -13879,7 +14021,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
             this.loading.set(false);
             return {
                 id: fetchedItem[this.valueField()],
-                text: await this.getDisplayRaw(fetchedItem),
+                text: this.getDisplayRaw(fetchedItem),
             };
         }
         return {
@@ -13887,17 +14029,12 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
             text: item,
         };
     }
-    async getDisplayRaw(item) {
-        const locale = this.translation.getActiveLang() ?? 'en-US';
-        return formatLookupItemDisplayAsync(item, this.entityDef(), {
+    getDisplayRaw(item) {
+        const text = formatLookupItemDisplay(item, this.entityDef(), {
             displayFormat: this.options()['displayFormat'],
             textField: this.textField(),
-        }, this.formatService, {
-            expressionEvaluator: this.expressionEvaluator,
-            contextEvalFactory: this.contextEvalFactory,
-            translationService: this.translation,
-            locale,
-        }, (value) => this.translation.resolve(value));
+        }, this.formatService, (value) => this.translation.resolve(value));
+        return text;
     }
     get __class() {
         const cls = {};
@@ -13923,7 +14060,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         <span class="ax-text-muted">---</span>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
@@ -14979,7 +15116,7 @@ class AXPLookupWidgetSelectComponent extends LookupWidgetLookBase {
         </ax-select-box>
       </div>
     }
-  `, 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: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2$2.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", "itemHeight", "maxVisibleItems", "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", "autoSearch"], 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 }); }
+  `, 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: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2$2.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", "itemHeight", "maxVisibleItems", "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", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetSelectComponent, decorators: [{
             type: Component,
@@ -15047,8 +15184,6 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
         this.formatService = inject(AXFormatService);
         this.translateService = inject(AXTranslationService);
         this.entityDataSelectorService = inject(AXPEntityDataSelectorService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
         //#endregion
         //#region ----   Inputs   ----
         this.selectedItems = input.required(...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
@@ -15078,8 +15213,6 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
         //#region ----   Internal State   ----
         this.searchTerm = signal('', ...(ngDevMode ? [{ debugName: "searchTerm" }] : /* istanbul ignore next */ []));
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
-        this.itemLabels = signal({}, ...(ngDevMode ? [{ debugName: "itemLabels" }] : /* istanbul ignore next */ []));
-        this.itemLabelsVersion = 0;
         //#endregion
         //#region ----   View Children   ----
         this.tagBox = viewChild('tagBoxComponent', ...(ngDevMode ? [{ debugName: "tagBox" }] : /* istanbul ignore next */ []));
@@ -15102,31 +15235,6 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
                 }
             }
         }, ...(ngDevMode ? [{ debugName: "#focusEffect" }] : /* istanbul ignore next */ []));
-        this.#itemLabelsEffect = effect(() => {
-            void this.translateService.getActiveLang();
-            const items = this.selectedItemsValue();
-            const entityDef = this.entityDef()();
-            const valueField = this.valueFieldValue();
-            const version = ++this.itemLabelsVersion;
-            void Promise.all(items.map(async (item) => {
-                const id = String(get(item, valueField) ?? '');
-                const label = await formatLookupItemDisplayAsync(item, entityDef, {
-                    displayFormat: this.displayFormatValue(),
-                    textField: this.displayFieldValue(),
-                }, this.formatService, {
-                    expressionEvaluator: this.expressionEvaluator,
-                    contextEvalFactory: this.contextEvalFactory,
-                    translationService: this.translateService,
-                    locale: this.translateService.getActiveLang() ?? 'en-US',
-                }, (value) => this.translateService.resolve(value));
-                return [id, label];
-            })).then((entries) => {
-                if (version !== this.itemLabelsVersion) {
-                    return;
-                }
-                this.itemLabels.set(Object.fromEntries(entries));
-            });
-        }, ...(ngDevMode ? [{ debugName: "#itemLabelsEffect" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Computed Properties   ----
         this.tagBoxComponent = computed(() => this.tagBox(), ...(ngDevMode ? [{ debugName: "tagBoxComponent" }] : /* istanbul ignore next */ []));
@@ -15142,7 +15250,6 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
         this.placeholderValue = computed(() => this.placeholder()?.() ?? '', ...(ngDevMode ? [{ debugName: "placeholderValue" }] : /* istanbul ignore next */ []));
     }
     #focusEffect;
-    #itemLabelsEffect;
     focus() {
         this.shouldFocus.set(true);
     }
@@ -15208,9 +15315,11 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
     }
     //#endregion
     //#region ----   Utility Methods   ----
-    getItemLabel(item) {
-        const id = String(get(item, this.valueFieldValue()) ?? '');
-        return this.itemLabels()[id] ?? '';
+    getDisplayRaw(item) {
+        return formatLookupItemDisplay(item, this.entityDef()(), {
+            displayFormat: this.displayFormatValue(),
+            textField: this.displayFieldValue(),
+        }, this.formatService, (value) => this.translateService.resolve(value));
     }
     /**
      * Get current input value from tag box
@@ -15357,13 +15466,13 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
     </ax-tag-box>
     <ng-template #tagTemplate let-item let-index="index">
       <div class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-3 ax-py-1 ax-text-sm ax-surface">
-        <span>{{ getItemLabel(item) }}</span>
+        <span>{{ getDisplayRaw(item) | translate | async }}</span>
         <button type="button" (click)="tagBoxComponent.removeItem(index)">
           <ax-icon class="ax-icon ax-icon-close"></ax-icon>
         </button>
       </div>
     </ng-template>
-  `, 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: i1.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.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", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: 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: i1.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$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.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", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetTagboxComponent, decorators: [{
             type: Component,
@@ -15417,7 +15526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     </ax-tag-box>
     <ng-template #tagTemplate let-item let-index="index">
       <div class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-3 ax-py-1 ax-text-sm ax-surface">
-        <span>{{ getItemLabel(item) }}</span>
+        <span>{{ getDisplayRaw(item) | translate | async }}</span>
         <button type="button" (click)="tagBoxComponent.removeItem(index)">
           <ax-icon class="ax-icon ax-icon-close"></ax-icon>
         </button>
@@ -15795,7 +15904,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         }
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLookupWidgetSelectComponent, selector: "axp-lookup-widget-select", inputs: ["entityDef", "customFilter", "selectedItems", "displayField", "valueField", "disabled", "multiple", "validationRules", "placeholder", "hasClearButton", "allowCreate", "showItemTooltip", "isItemTruncated"], outputs: ["valueChanged"] }, { kind: "component", type: AXPLookupWidgetTagboxComponent, selector: "axp-lookup-widget-tagbox", inputs: ["selectedItems", "displayField", "valueField", "displayFormat", "disabled", "multiple", "isLoading", "validationRules", "placeholder", "hasClearButton", "allowCreate", "allowUnselect", "entityDef", "customFilter", "columns", "parentFilters", "rowActions", "onSetLoading"], outputs: ["valueChanged"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLookupWidgetSelectComponent, selector: "axp-lookup-widget-select", inputs: ["entityDef", "customFilter", "selectedItems", "displayField", "valueField", "disabled", "multiple", "validationRules", "placeholder", "hasClearButton", "allowCreate", "showItemTooltip", "isItemTruncated"], outputs: ["valueChanged"] }, { kind: "component", type: AXPLookupWidgetTagboxComponent, selector: "axp-lookup-widget-tagbox", inputs: ["selectedItems", "displayField", "valueField", "displayFormat", "disabled", "multiple", "isLoading", "validationRules", "placeholder", "hasClearButton", "allowCreate", "allowUnselect", "entityDef", "customFilter", "columns", "parentFilters", "rowActions", "onSetLoading"], outputs: ["valueChanged"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
@@ -15895,8 +16004,6 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.entityService = inject(AXPEntityService);
         this.entityResolver = inject(AXPEntityDefinitionRegistryService);
         this.queryExecutor = inject(AXPQueryExecutor);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
         //#endregion
         //#region ---- View Children ----
         this.moreButton = viewChild('moreButton', ...(ngDevMode ? [{ debugName: "moreButton" }] : /* istanbul ignore next */ []));
@@ -15934,16 +16041,11 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.resolveError = signal(null, ...(ngDevMode ? [{ debugName: "resolveError" }] : /* istanbul ignore next */ []));
         this.summaryLabel = signal('', ...(ngDevMode ? [{ debugName: "summaryLabel" }] : /* istanbul ignore next */ []));
         this.popoverHeader = signal('', ...(ngDevMode ? [{ debugName: "popoverHeader" }] : /* istanbul ignore next */ []));
-        this.mainItemLabels = signal([], ...(ngDevMode ? [{ debugName: "mainItemLabels" }] : /* istanbul ignore next */ []));
-        this.lazyPopoverItemLabels = signal([], ...(ngDevMode ? [{ debugName: "lazyPopoverItemLabels" }] : /* istanbul ignore next */ []));
         this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : /* istanbul ignore next */ []));
         this.hydratedDisplayItems = signal(null, ...(ngDevMode ? [{ debugName: "hydratedDisplayItems" }] : /* istanbul ignore next */ []));
         this.hydrateRequestId = 0;
-        this.mainLabelsVersion = 0;
-        this.lazyPopoverLabelsVersion = 0;
         //#endregion
         //#region ---- Computed ----
-        this.popoverItemLabels = computed(() => this.isHydratedStrategy() ? this.mainItemLabels() : this.lazyPopoverItemLabels(), ...(ngDevMode ? [{ debugName: "popoverItemLabels" }] : /* istanbul ignore next */ []));
         this.displayItems = computed(() => isNil(this.rawValue)
             ? []
             : castArray(this.rawValue)
@@ -16063,36 +16165,6 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             }
             void this.hydrateScalarIds(entityKey, values);
         });
-        effect(() => {
-            void this.translation.getActiveLang();
-            this.entityDef();
-            const items = this.allItems();
-            const version = ++this.mainLabelsVersion;
-            void this.resolveLabelsForItems(items).then((labels) => {
-                if (version === this.mainLabelsVersion) {
-                    this.mainItemLabels.set(labels);
-                }
-            });
-        });
-        effect(() => {
-            if (this.isHydratedStrategy()) {
-                return;
-            }
-            void this.translation.getActiveLang();
-            this.entityDef();
-            const status = this.resolveStatus();
-            const items = this.resolvedPopoverItems();
-            if (status !== 'ready') {
-                this.lazyPopoverItemLabels.set([]);
-                return;
-            }
-            const version = ++this.lazyPopoverLabelsVersion;
-            void this.resolveLabelsForItems(items).then((labels) => {
-                if (version === this.lazyPopoverLabelsVersion) {
-                    this.lazyPopoverItemLabels.set(labels);
-                }
-            });
-        });
     }
     //#endregion
     //#region ---- Public methods ----
@@ -16114,10 +16186,11 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             void this.ensureLazyItemsLoaded();
         }
     }
-    async showItemDetail(item, index) {
+    async showItemDetail(item, index, anchor) {
         if (!this.detailPopoverEnabled()) {
             return;
         }
+        const detailAnchor = this.resolveStableDetailAnchor(anchor);
         this.selectedItemIndex.set(index);
         this.closeMorePopover();
         // Prefer the row's FK / stored value (columnName) first. List columns often use options.dataPath so
@@ -16147,9 +16220,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         let resolvedTitle = '';
         if (headerItem != null && this.hasDisplayTextOnLookupValue(headerItem)) {
             resolvedTitle =
-                typeof headerItem === 'object'
-                    ? await this.resolveItemLabel(headerItem)
-                    : this.formatDisplayValue(headerItem);
+                typeof headerItem === 'object' ? this.renderLookupLabel(headerItem) : this.formatDisplayValue(headerItem);
         }
         else if (!this.isMultiValueLookup()) {
             const rowText = this.getRowDisplayTextFromTextField();
@@ -16158,12 +16229,13 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             }
         }
         if (!resolvedTitle) {
-            resolvedTitle = await this.resolveItemLabel(headerItem);
+            const displayTitle = formatLookupItemDisplay(headerItem, this.entityDef(), this.lookupDisplayOptions(), this.formatService, (value) => this.translation.resolve(value));
+            resolvedTitle = typeof displayTitle === 'string' ? displayTitle : this.translation.resolve(displayTitle);
             if (isUnresolvedEntityDisplayTemplate(resolvedTitle)) {
                 resolvedTitle = '';
             }
         }
-        await this.entityDetailPopoverService.show(this.host, {
+        await this.entityDetailPopoverService.show(detailAnchor, {
             entity: this.entity,
             id,
             textField: this.options['textField'] ?? this.displayField(),
@@ -16172,30 +16244,36 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             item,
         });
     }
-    handleItemClick(index) {
+    handleItemClick(index, event) {
         if (!this.detailPopoverEnabled()) {
             return;
         }
         const items = this.allItems();
         if (index < items.length) {
-            this.showItemDetail(items[index], index);
+            void this.showItemDetail(items[index], index, this.resolvePopoverAnchor(event));
         }
     }
-    handleResolvedItemClick(index) {
+    handleResolvedItemClick(index, event) {
         if (!this.detailPopoverEnabled()) {
             return;
         }
         const items = this.resolvedPopoverItems();
         if (index < items.length) {
-            this.showItemDetail(items[index], index);
+            void this.showItemDetail(items[index], index, this.resolvePopoverAnchor(event));
         }
     }
-    handlePopoverItemClick(index) {
+    handlePopoverItemClick(index, _event) {
+        const anchor = this.resolveMorePopoverDetailAnchor();
         if (this.isHydratedStrategy()) {
-            this.handleItemClick(index);
+            const items = this.allItems();
+            if (index < items.length) {
+                void this.showItemDetail(items[index], index, anchor);
+            }
+            return;
         }
-        else {
-            this.handleResolvedItemClick(index);
+        const items = this.resolvedPopoverItems();
+        if (index < items.length) {
+            void this.showItemDetail(items[index], index, anchor);
         }
     }
     /**
@@ -16218,22 +16296,8 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         const values = castArray(raw).filter((value) => value != null && value !== '');
         return values.length > 0 && values.every((value) => this.hasDisplayTextOnLookupValue(value));
     }
-    getItemLabel(index) {
-        return this.mainItemLabels()[index] ?? '';
-    }
-    getPopoverItemLabel(index) {
-        return this.popoverItemLabels()[index] ?? '';
-    }
-    //#endregion
-    //#region ---- Private methods ----
-    async resolveLabelsForItems(items) {
-        return Promise.all(items.map((item) => this.resolveItemLabel(item)));
-    }
-    async resolveItemLabel(item) {
-        if (item == null) {
-            return '';
-        }
-        if (typeof item === 'object' && this.translation.isValidMultiLanguageObject(item)) {
+    getDisplayRaw(item) {
+        if (item != null && typeof item === 'object' && this.translation.isValidMultiLanguageObject(item)) {
             return this.translation.resolve(item);
         }
         if (!this.isMultiValueLookup()) {
@@ -16242,19 +16306,16 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
                 return this.formatDisplayValue(rowText);
             }
         }
-        if (this.hasDisplayTextOnLookupValue(item)) {
-            if (typeof item !== 'object') {
-                return this.formatDisplayValue(item);
+        if (item != null && this.hasDisplayTextOnLookupValue(item)) {
+            if (typeof item === 'object') {
+                return this.renderLookupLabel(item);
             }
+            return this.formatDisplayValue(item);
         }
-        const locale = this.translation.getActiveLang() ?? 'en-US';
-        return formatLookupItemDisplayAsync(item, this.entityDef(), this.lookupDisplayOptions(), this.formatService, {
-            expressionEvaluator: this.expressionEvaluator,
-            contextEvalFactory: this.contextEvalFactory,
-            translationService: this.translation,
-            locale,
-        }, (value) => this.translation.resolve(value));
+        return this.renderLookupLabel(item);
     }
+    //#endregion
+    //#region ---- Private methods ----
     async refreshSummaryLabel(count) {
         const text = await this.translation.translateAsync('@general:widgets.lookup.column.items-count', {
             params: { count: String(count) },
@@ -16287,6 +16348,37 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             this.isMorePopoverOpen.set(false);
         }
     }
+    /** Prefer the clicked inline item as anchor; fall back to the column host. */
+    resolvePopoverAnchor(event) {
+        const target = event.currentTarget;
+        return target instanceof HTMLElement ? target : this.host.nativeElement;
+    }
+    /**
+     * Stable anchor for entity detail when opened from the more-items list.
+     * Clicks inside ax-popover overlay use elements that are removed/hidden on close.
+     */
+    resolveMorePopoverDetailAnchor() {
+        return (this.moreButton()?.nativeElement ??
+            this.lazyTrigger()?.nativeElement ??
+            this.host.nativeElement);
+    }
+    /** Ensures the detail popover anchor stays in the layout after the more popover closes. */
+    resolveStableDetailAnchor(anchor) {
+        const fallback = this.resolveMorePopoverDetailAnchor();
+        if (!anchor?.isConnected || this.isInsideMorePopover(anchor)) {
+            return fallback;
+        }
+        const rect = anchor.getBoundingClientRect();
+        if (rect.width <= 0 && rect.height <= 0) {
+            return fallback;
+        }
+        return anchor;
+    }
+    isInsideMorePopover(element) {
+        const popover = this.morePopover();
+        const popoverHost = popover?.getHostElement?.();
+        return popoverHost instanceof HTMLElement && popoverHost.contains(element);
+    }
     async ensureLazyItemsLoaded() {
         if (this.resolveStatus() === 'loading') {
             return;
@@ -16547,6 +16639,10 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             return !isNil(candidate) && candidate !== '' && !this.isLikelyEntityId(candidate);
         });
     }
+    renderLookupLabel(value) {
+        const label = formatLookupItemDisplay(value, this.entityDef(), this.lookupDisplayOptions(), this.formatService, (item) => this.translation.resolve(item));
+        return typeof label === 'string' ? label : this.translation.resolve(label);
+    }
     formatDisplayValue(value) {
         if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
             return String(value);
@@ -16567,11 +16663,11 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value) || /^\d+$/.test(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "lazyTrigger", first: true, predicate: ["lazyTrigger"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isHydratedStrategy()) {\n<div class=\"ax-relative ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @for (item of visibleItems(); track $index) {\n  <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n    [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handleItemClick($index)\">\n    {{ getItemLabel($index) }}\n  </span>\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    } @empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-end-0 ax-flex ax-h-full ax-cursor-pointer ax-items-center ax-px-1 hover:ax-primary-lighter\"\n      (click)=\"showMoreItems(); $event.stopPropagation()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n} @else {\n<div class=\"ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @if (displayCount() > 0) {\n  <span class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\" #lazyTrigger>\n    {{ summaryLabel() }}\n  </span>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface dark:ax-dark-surface ax-min-w-[280px] ax-rounded-lg ax-border ax-p-4 ax-shadow-lg\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n    <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n      <ax-loading></ax-loading>\n    </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n    <div class=\"ax-text-danger ax-text-sm\">{{ resolveError() }}</div>\n    } @else {\n    <div class=\"ax-flex ax-max-h-64 ax-flex-col ax-gap-3\">\n      @for (item of popoverListItems(); track $index) {\n      <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handlePopoverItemClick($index)\">\n        {{ getPopoverItemLabel($index) }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "lazyTrigger", first: true, predicate: ["lazyTrigger"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isHydratedStrategy()) {\n<div class=\"ax-relative ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @for (item of visibleItems(); track $index) {\n  @let label = getDisplayRaw(item);\n  <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n    [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handleItemClick($index, $event)\">\n    {{ label }}\n  </span>\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    } @empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-end-0 ax-flex ax-h-full ax-cursor-pointer ax-items-center ax-px-1 hover:ax-primary-lighter\"\n      (click)=\"showMoreItems(); $event.stopPropagation()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n} @else {\n<div class=\"ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @if (displayCount() > 0) {\n  <span class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\" #lazyTrigger>\n    {{ summaryLabel() }}\n  </span>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface dark:ax-dark-surface ax-min-w-[280px] ax-rounded-lg ax-p-4 ax-shadow-lg\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n    <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n      <ax-loading></ax-loading>\n    </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n    <div class=\"ax-text-danger ax-text-sm\">{{ resolveError() }}</div>\n    } @else {\n    <div class=\"ax-flex ax-max-h-64 ax-flex-col ax-gap-3\">\n      @for (item of popoverListItems(); track $index) {\n      @let label = getDisplayRaw(item);\n      <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handlePopoverItemClick($index, $event)\">\n        {{ label }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$3.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXLoadingModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], template: "@if (isHydratedStrategy()) {\n<div class=\"ax-relative ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @for (item of visibleItems(); track $index) {\n  <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n    [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handleItemClick($index)\">\n    {{ getItemLabel($index) }}\n  </span>\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    } @empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-end-0 ax-flex ax-h-full ax-cursor-pointer ax-items-center ax-px-1 hover:ax-primary-lighter\"\n      (click)=\"showMoreItems(); $event.stopPropagation()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n} @else {\n<div class=\"ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @if (displayCount() > 0) {\n  <span class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\" #lazyTrigger>\n    {{ summaryLabel() }}\n  </span>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface dark:ax-dark-surface ax-min-w-[280px] ax-rounded-lg ax-border ax-p-4 ax-shadow-lg\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n    <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n      <ax-loading></ax-loading>\n    </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n    <div class=\"ax-text-danger ax-text-sm\">{{ resolveError() }}</div>\n    } @else {\n    <div class=\"ax-flex ax-max-h-64 ax-flex-col ax-gap-3\">\n      @for (item of popoverListItems(); track $index) {\n      <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handlePopoverItemClick($index)\">\n        {{ getPopoverItemLabel($index) }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXLoadingModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], template: "@if (isHydratedStrategy()) {\n<div class=\"ax-relative ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @for (item of visibleItems(); track $index) {\n  @let label = getDisplayRaw(item);\n  <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n    [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handleItemClick($index, $event)\">\n    {{ label }}\n  </span>\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    } @empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-end-0 ax-flex ax-h-full ax-cursor-pointer ax-items-center ax-px-1 hover:ax-primary-lighter\"\n      (click)=\"showMoreItems(); $event.stopPropagation()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n} @else {\n<div class=\"ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @if (displayCount() > 0) {\n  <span class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\" #lazyTrigger>\n    {{ summaryLabel() }}\n  </span>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface dark:ax-dark-surface ax-min-w-[280px] ax-rounded-lg ax-p-4 ax-shadow-lg\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n    <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n      <ax-loading></ax-loading>\n    </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n    <div class=\"ax-text-danger ax-text-sm\">{{ resolveError() }}</div>\n    } @else {\n    <div class=\"ax-flex ax-max-h-64 ax-flex-col ax-gap-3\">\n      @for (item of popoverListItems(); track $index) {\n      @let label = getDisplayRaw(item);\n      <span [class.ax-cursor-pointer]=\"detailPopoverEnabled()\" [class.hover:ax-text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:ax-underline]=\"detailPopoverEnabled()\" (click)=\"handlePopoverItemClick($index, $event)\">\n        {{ label }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>" }]
         }], ctorParameters: () => [], propDecorators: { moreButton: [{ type: i0.ViewChild, args: ['moreButton', { isSignal: true }] }], lazyTrigger: [{ type: i0.ViewChild, args: ['lazyTrigger', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }] } });
 
 var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
@@ -17296,7 +17392,7 @@ class AXPMultiSourceSelectorComponent extends AXBasePageComponent {
         ></ax-button>
       </ax-suffix>
     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXTabsModule }, { kind: "component", type: i2$3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXTabsModule }, { kind: "component", type: i2$4.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$4.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPMultiSourceSelectorComponent, decorators: [{
             type: Component,
@@ -17657,7 +17753,7 @@ class AXPMultiSourceSelectorWidgetEditComponent extends AXPValueWidgetComponent
         </div>
       </ng-template>
     }
-  `, 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: AXButtonModule }, { kind: "component", type: i1.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.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", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }], 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: AXButtonModule }, { kind: "component", type: i1.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$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.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", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPMultiSourceSelectorWidgetEditComponent, decorators: [{
             type: Component,
@@ -18808,11 +18904,11 @@ class AXPFileListComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFileListComponent, isStandalone: true, selector: "axp-file-list", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, fileEditable: { classPropertyName: "fileEditable", publicName: "fileEditable", isSignal: true, isRequired: false, transformFunction: null }, enableTitleDescription: { classPropertyName: "enableTitleDescription", publicName: "enableTitleDescription", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, linksLayout: { classPropertyName: "linksLayout", publicName: "linksLayout", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, excludePlugins: { classPropertyName: "excludePlugins", publicName: "excludePlugins", isSignal: true, isRequired: false, transformFunction: null }, capabilities: { classPropertyName: "capabilities", publicName: "capabilities", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onRevert: "onRevert", onRename: "onRename" }, host: { properties: { "class.--look-rows": "look() === \"rows\"", "class.--look-links": "look() === \"links\"", "class.--links-inline": "look() === \"links\" && linksLayout() === \"inline\"" } }, providers: [], ngImport: i0, template: "@if (look() === 'links') {\n  @if (displayFiles().length > 0) {\n    <div class=\"__links\">\n      @if (showLabel()) {\n        <span class=\"__links-label\">{{ titleKey() | translate | async }}:</span>\n      }\n      <ul class=\"__links-list\">\n        @for (file of displayFiles(); track file.id ?? $index) {\n          <li>\n            <button\n              type=\"button\"\n              class=\"__link-item\"\n              (click)=\"handleFileDownload($event, file)\"\n              (dblclick)=\"handleFileRowActivate($event, file)\"\n            >\n              <i class=\"fa-light fa-paperclip ax-flex-shrink-0\"></i>\n              <span class=\"ax-min-w-0 ax-break-all\">{{ file.name }}</span>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n} @else {\n  @for (file of displayFiles(); track $index) {\n    <div\n      class=\"__item\"\n      [ngClass]=\"{\n        '--removed': file.status === 'deleted',\n        '--attached': file.status === 'attached',\n        '--with-meta': enableTitleDescription(),\n        '--item-readonly': file.readOnly === true,\n        '--downloadable': file.status !== 'deleted',\n      }\"\n      (dblclick)=\"handleFileRowActivate($event, file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ getFileInfo(file.name).icon }} fa-solid\"></i>\n      </div>\n      @if (enableTitleDescription()) {\n        <div class=\"__content\">\n          <div class=\"__primary\">{{ file.name }}{{ file.title?.trim() ? ' - ' + file.title : '' }}</div>\n          @if (file.description?.trim()) {\n            <div class=\"__secondary\">{{ file.description }}</div>\n          }\n        </div>\n      } @else {\n        <div class=\"__name\">{{ file.name }}</div>\n      }\n      <div class=\"__actions\" (dblclick)=\"$event.stopPropagation()\">\n        @if (file.status === 'deleted' && multiple() && !isItemInteractionLocked(file)) {\n          <ax-button [look]=\"'blank'\" class=\"ax-sm\" color=\"warning\" (onClick)=\"handleFileRevert($event, file)\">\n            <ax-icon class=\"fa-light fa-rotate-left\"></ax-icon>\n          </ax-button>\n        } @else if (file.status !== 'deleted') {\n          @for (action of actionsFor(file, $index); track action.id ?? action.textKey ?? action.text ?? $index) {\n            <ax-button\n              [look]=\"'blank'\"\n              class=\"ax-sm\"\n              [color]=\"getActionColor(action)\"\n              (onClick)=\"runAction(action)\"\n            >\n              @if (action.icon) {\n                <ax-icon class=\"{{ action.icon }}\"></ax-icon>\n              }\n            </ax-button>\n          }\n        }\n      </div>\n    </div>\n  } @empty {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n      >\n      </axp-state-message>\n    </div>\n  }\n}\n", styles: [":host{display:flex;width:100%;flex-direction:column;gap:.125rem}:host.--look-rows{padding-top:.5rem;padding-bottom:.5rem}:host.--look-links{padding-top:0;padding-bottom:0}:host.--look-links .__links .__links-label{margin-inline-end:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface-variant))}:host.--look-links .__links .__links-list{margin:0;margin-top:.25rem;list-style-type:none;padding:0}:host.--look-links .__links .__links-list li{margin:0;padding:0}:host.--look-links .__links .__links-list .__link-item{display:inline-flex;width:100%;cursor:pointer;align-items:center;gap:.75rem;border-radius:.375rem;border-width:0px;background-color:transparent;padding:.625rem .75rem;text-align:start;font-size:.875rem;line-height:1.25rem;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--ax-sys-color-primary))}:host.--look-links .__links .__links-list .__link-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}:host.--look-links.--links-inline .__links{margin-bottom:1rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-surface),var(--tw-border-opacity, 1));padding-bottom:1rem}:host.--look-links:not(.--links-inline) .__links-list{margin-top:0;display:flex;flex-direction:column;gap:.5rem}:host .__item{display:flex;align-items:center;gap:.75rem;border-left-width:4px;border-color:transparent;padding:.5rem}:host .__item.--downloadable{cursor:pointer}:host .__item.--downloadable:hover{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host .__item:not(.--downloadable){cursor:default}:host .__item.--removed{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-500),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-50),var(--tw-bg-opacity, 1))}:host .__item.--attached{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-success-500),var(--tw-border-opacity, 1));animation:attached-flash 1s ease-out forwards}:host .__item.--item-readonly:not(.--removed){opacity:.85}:host .__item .__icon{width:1.5rem;flex-shrink:0}:host .__item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:500}:host .__item .__content{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.125rem}:host .__item .__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:.875rem;line-height:1.25rem;font-weight:500}:host .__item .__secondary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:.75rem;line-height:1rem;color:var(--ax-sys-color-text-secondary)}:host .__item.--with-meta .__content{justify-content:center}:host .__item .__actions{margin-left:auto;display:flex;flex-shrink:0}@keyframes attached-flash{0%{background-color:rgb(var(--ax-sys-color-success-50))}to{background-color:transparent}}.__empty-state{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.__empty-state:hover{opacity:.8}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: 
                 // ACoreX
-                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
+                AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Platform
                 AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: 
                 // Angular
-                AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
+                AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileListComponent, decorators: [{
             type: Component,
@@ -19270,7 +19366,7 @@ class AXPFileUploaderWidgetColumnComponent extends AXPColumnWidgetComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileUploaderWidgetColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFileUploaderWidgetColumnComponent, isStandalone: true, selector: "axp-file-uploader-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "fileListTrigger", first: true, predicate: ["fileListTrigger"], descendants: true, isSignal: true }, { propertyName: "fileListPopover", first: true, predicate: ["fileListPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (fileCount() > 0) {\n<span class=\"ax-cursor-pointer ax-text-primary ax-underline\" (click)=\"openFileListPopover(); $event.stopPropagation()\"\n  #fileListTrigger>\n  {{\n  '@general:widgets.file-uploader.column.files-count'\n  | translate: { params: { count: fileCount() } }\n  | async\n  }}\n</span>\n} @else {\n<span class=\"ax-text-muted\">---</span>\n}\n\n<ax-popover [openOn]=\"'manual'\" #fileListPopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface dark:ax-dark-surface ax-min-w-[17.5rem] ax-max-w-[26rem] ax-overflow-hidden\">\n    <div class=\"ax-border-b ax-border-surface ax-px-4 ax-py-3\">\n      <h3 class=\"ax-m-0 ax-text-sm ax-font-semibold ax-leading-normal ax-text-on-lightest-surface\">\n        {{ popoverTitle() | translate | async }}\n      </h3>\n    </div>\n    <div class=\"ax-max-h-64 ax-overflow-y-auto ax-px-3 ax-py-3\" style=\"max-height: max(30dvh, 12rem)\">\n      @if (loadStatus() === 'loading') {\n      <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n        <ax-loading></ax-loading>\n      </div>\n      } @else if (loadStatus() === 'error') {\n      <div class=\"ax-text-danger ax-text-sm\">{{ loadError() }}</div>\n      } @else {\n      <axp-file-list [files]=\"popoverFiles()\" look=\"links\" linksLayout=\"menu\" [showLabel]=\"false\" [readonly]=\"true\" />\n      }\n    </div>\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFileUploaderWidgetColumnComponent, isStandalone: true, selector: "axp-file-uploader-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "fileListTrigger", first: true, predicate: ["fileListTrigger"], descendants: true, isSignal: true }, { propertyName: "fileListPopover", first: true, predicate: ["fileListPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (fileCount() > 0) {\n<span class=\"ax-cursor-pointer ax-text-primary ax-underline\" (click)=\"openFileListPopover(); $event.stopPropagation()\"\n  #fileListTrigger>\n  {{\n  '@general:widgets.file-uploader.column.files-count'\n  | translate: { params: { count: fileCount() } }\n  | async\n  }}\n</span>\n} @else {\n<span class=\"ax-text-muted\">---</span>\n}\n\n<ax-popover [openOn]=\"'manual'\" #fileListPopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface dark:ax-dark-surface ax-min-w-[17.5rem] ax-max-w-[26rem] ax-overflow-hidden\">\n    <div class=\"ax-border-b ax-border-surface ax-px-4 ax-py-3\">\n      <h3 class=\"ax-m-0 ax-text-sm ax-font-semibold ax-leading-normal ax-text-on-lightest-surface\">\n        {{ popoverTitle() | translate | async }}\n      </h3>\n    </div>\n    <div class=\"ax-max-h-64 ax-overflow-y-auto ax-px-3 ax-py-3\" style=\"max-height: max(30dvh, 12rem)\">\n      @if (loadStatus() === 'loading') {\n      <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n        <ax-loading></ax-loading>\n      </div>\n      } @else if (loadStatus() === 'error') {\n      <div class=\"ax-text-danger ax-text-sm\">{{ loadError() }}</div>\n      } @else {\n      <axp-file-list [files]=\"popoverFiles()\" look=\"links\" linksLayout=\"menu\" [showLabel]=\"false\" [readonly]=\"true\" />\n      }\n    </div>\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2$3.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileUploaderWidgetColumnComponent, decorators: [{
             type: Component,
@@ -19720,7 +19816,7 @@ class AXPFileUploaderWidgetEditComponent extends AXPValueWidgetComponent {
         (onRename)="handleFileRename($event)"
       ></axp-file-list>
     </div>
-  `, isInline: true, styles: [":host{border-color:rgba(var(--ax-comp-editor-border-color))}:host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drag-over{background-color:rgba(var(--ax-sys-color-primary-50),.1);border:2px dashed rgb(var(--ax-sys-color-primary-500));border-radius:.375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "fileType", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXDropdownModule }, { kind: "component", type: i3$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{border-color:rgba(var(--ax-comp-editor-border-color))}:host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drag-over{background-color:rgba(var(--ax-sys-color-primary-50),.1);border:2px dashed rgb(var(--ax-sys-color-primary-500));border-radius:.375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "fileType", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileUploaderWidgetEditComponent, decorators: [{
             type: Component,
@@ -19950,7 +20046,7 @@ class AXPFileUploaderWidgetService {
             plugins: options?.plugins ?? [],
             editDialog: options?.editDialog,
         };
-        const component = await import('./acorex-platform-layout-entity-file-list-popup.component-_yrP5SQe.mjs').then((m) => m.AXPFileListPopupComponent);
+        const component = await import('./acorex-platform-layout-entity-file-list-popup.component--IeMZLIr.mjs').then((m) => m.AXPFileListPopupComponent);
         const result = await this.popupService.open(component, {
             title: await this.translate.translateAsync('@document-management:terms.common.file'),
             data: {
@@ -20850,7 +20946,7 @@ class AXPSelectorStructureWidgetEditComponent extends AXPValueWidgetComponent {
     } @else {
       <span class="ax-text-muted">{{ disabledHint() }}</span>
     }
-  `, 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: "component", type: i2$2.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", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i4$2.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i4$2.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], 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: "component", type: i2$2.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", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5$1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXCollapseModule }, { kind: "component", type: i4$1.AXCollapseComponent, selector: "ax-collapse", inputs: ["disabled", "look", "isCollapsed", "showHeader", "caption", "icon", "isLoading", "headerTemplate"], outputs: ["onClick", "isCollapsedChange"] }, { kind: "component", type: i4$1.AXCollapseGroupComponent, selector: "ax-collapse-group", inputs: ["look", "accordion", "activeIndex"], outputs: ["accordionChange", "activeIndexChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i5$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPSelectorStructureWidgetEditComponent, decorators: [{
             type: Component,
@@ -21834,20 +21930,13 @@ class AXPPageDetailsConverter extends AXPBaseRelatedEntityConverter {
         const p = relatedEntity?.persistence || {};
         const strategy = p.strategy || 'embedded';
         const mappedTargets = Object.keys(p.map || {}).map((k) => (k || '').split('.')[0]);
-        const excludeProperties = relatedEntity.excludeProperties && relatedEntity.excludeProperties.length > 0
-            ? new Set(relatedEntity.excludeProperties)
-            : undefined;
         const helpers = {
             ...baseHelpers,
             getPropertyByGroupId: (groupId) => {
-                let props = baseHelpers.getPropertyByGroupId(groupId) ?? [];
-                if (strategy === 'referenced' && mappedTargets.length > 0) {
-                    props = props.filter((prop) => !mappedTargets.includes(prop?.name ?? ''));
-                }
-                if (excludeProperties) {
-                    props = props.filter((prop) => !excludeProperties.has(prop.name ?? ''));
-                }
-                return props;
+                const props = baseHelpers.getPropertyByGroupId(groupId) ?? [];
+                if (strategy !== 'referenced' || mappedTargets.length === 0)
+                    return props;
+                return props.filter((prop) => !mappedTargets.includes(prop?.name));
             },
         };
         const evaluateExpressions = async (actionData) => {
@@ -21965,70 +22054,18 @@ class AXPPageDetailsConverter extends AXPBaseRelatedEntityConverter {
     }
     createLoadFunction(entityDef, relatedEntity, evaluateExpressions) {
         return async (context) => {
-            const conditions = relatedEntity.conditions ?? [];
-            if (conditions.length > 0) {
-                const evaluatedFilters = await Promise.all(conditions.map(async (c) => ({
-                    field: c.name,
-                    operator: c.operator,
-                    value: await evaluateExpressions(c.value),
-                })));
-                if (conditions.length === 1 && conditions[0].name === 'id') {
-                    const byKeyFn = entityDef?.queries?.byKey?.execute;
-                    const id = evaluatedFilters[0]?.value;
-                    const result = id ? await byKeyFn(id) : null;
-                    return { success: true, data: result ?? {} };
-                }
-                const listFn = entityDef?.queries?.list?.execute;
-                const filter = evaluatedFilters.length === 1
-                    ? evaluatedFilters[0]
-                    : { logic: 'and', filters: evaluatedFilters };
-                const page = await listFn({ skip: 0, take: 1, filter });
-                const item = page?.items?.[0];
-                const data = item ? { ...item } : {};
-                if (!item) {
-                    for (const evaluated of evaluatedFilters) {
-                        if (evaluated.field) {
-                            set(data, evaluated.field, evaluated.value);
-                        }
-                    }
-                }
-                return { success: true, data };
-            }
-            const fn = entityDef?.queries?.byKey?.execute;
+            const fn = entityDef?.queries.byKey?.execute;
             const conditionValues = relatedEntity.conditions?.map((c) => c.value) ?? [];
             const evaluatedConditionValues = await Promise.all(conditionValues.map((c) => evaluateExpressions(c)));
             const id = evaluatedConditionValues[0];
-            const result = id ? await fn(id) : null;
-            return { success: true, data: result ?? {} };
+            const result = await fn(id);
+            return { success: true, data: result };
         };
     }
     createExecuteFunction(entityDef, actions, evaluateExpressions, converterContext) {
         return async (e, context) => {
             try {
                 if (e.name === 'update-entity') {
-                    const recordId = context?.['id'];
-                    if (!recordId) {
-                        const createFn = entityDef?.commands?.create?.execute;
-                        const created = await createFn(context);
-                        if (created && typeof created === 'object' && 'success' in created) {
-                            const cmd = created;
-                            if (!cmd.success) {
-                                const errorText = commandMessageTextForError(cmd.message?.text) || 'Failed to create entity';
-                                return {
-                                    success: false,
-                                    message: cmd.message ?? { text: errorText },
-                                };
-                            }
-                            return {
-                                success: true,
-                                data: cmd.data ?? created,
-                            };
-                        }
-                        return {
-                            success: true,
-                            data: created,
-                        };
-                    }
                     const fn = entityDef?.commands?.update?.execute;
                     const result = await fn(context);
                     if (result && typeof result === 'object' && 'success' in result) {
@@ -22290,16 +22327,11 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                     const excludeForUpdate = commandName === 'Entity:Update' &&
                         relatedEntity.excludeProperties &&
                         relatedEntity.excludeProperties.length > 0;
-                    const excludeForView = commandName === 'Entity:View' &&
-                        relatedEntity.excludeProperties &&
-                        relatedEntity.excludeProperties.length > 0;
                     const mergedOptions = excludeForCreate
                         ? { ...evaluatedOptions, excludeProperties: createExcludes }
                         : excludeForUpdate
                             ? { ...evaluatedOptions, excludeProperties: relatedEntity.excludeProperties }
-                            : excludeForView
-                                ? { ...evaluatedOptions, excludeProperties: relatedEntity.excludeProperties }
-                                : evaluatedOptions;
+                            : evaluatedOptions;
                     if (context.commandService.exists(commandName)) {
                         // check options for evaluation
                         await context.commandService.execute(commandName, {
@@ -22318,7 +22350,6 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                             },
                             options: mergedOptions,
                             metadata: action.metadata,
-                            ...(excludeForView ? { excludeProperties: relatedEntity.excludeProperties } : {}),
                         });
                     }
                     else {
@@ -23229,7 +23260,6 @@ class AXPLayoutAdapterFactory {
         this.layoutAdapterBuilder = layoutAdapterBuilder;
         this.filterOperatorMiddleware = filterOperatorMiddleware;
         this.pageComponentConverter = inject(AXPPageComponentConverter);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
     }
     async createDetailsViewAdapter(entityResolver, moduleName, entityName, id, dependencies) {
         const entity = await entityResolver.resolve(moduleName, entityName);
@@ -23283,7 +23313,9 @@ class AXPLayoutAdapterFactory {
             if (hidden && typeof hidden === 'string') {
                 try {
                     const scope = {
-                        context: this.contextEvalFactory.createScope(rootContext),
+                        context: {
+                            eval: (path) => get(rootContext, path),
+                        },
                     };
                     const result = await dependencies.expressionEvaluator.evaluate({ hidden }, scope);
                     hidden = result.hidden;
@@ -23445,12 +23477,14 @@ class AXPLayoutAdapterFactory {
         }
         const scope = {
             ...rootContext,
-            context: this.contextEvalFactory.createScope(rootContext),
+            context: {
+                eval: (path) => get(rootContext, path),
+            },
         };
         const title = await dependencies.expressionEvaluator.evaluate(titleTemplate, scope);
         return title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, deps: [{ token: AXPRelatedEntityConverterFactory }, { token: AXPMainEntityContentBuilder }, { token: AXPLayoutAdapterBuilder }, { token: i4$3.AXPFilterOperatorMiddlewareService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, deps: [{ token: AXPRelatedEntityConverterFactory }, { token: AXPMainEntityContentBuilder }, { token: AXPLayoutAdapterBuilder }, { token: i4$2.AXPFilterOperatorMiddlewareService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutAdapterFactory, decorators: [{
@@ -23458,7 +23492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }, { type: AXPMainEntityContentBuilder }, { type: AXPLayoutAdapterBuilder }, { type: i4$3.AXPFilterOperatorMiddlewareService }] });
+        }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }, { type: AXPMainEntityContentBuilder }, { type: AXPLayoutAdapterBuilder }, { type: i4$2.AXPFilterOperatorMiddlewareService }] });
 
 const AXPLayoutDetailsViewRouteResolver = async (route, state, entityResolver = inject(AXPEntityDefinitionRegistryService), expressionEvaluator = inject(AXPExpressionEvaluatorService), session = inject(AXPSessionService), formatService = inject(AXFormatService), workflowService = inject(AXPWorkflowService), commandService = inject(AXPCommandService), layoutAdapterFactory = inject(AXPLayoutAdapterFactory), router = inject(Router)) => {
     const moduleName = route.parent?.paramMap.get('module');
@@ -24254,7 +24288,7 @@ const AXPCrudModifier = {
                 queries.list = {
                     execute: async (e) => {
                         const res = await dataService.query(e);
-                        //console.log('query', res, ctx.module.get() + '.' + ctx.name.get(), e);
+                        // console.log('query', res, ctx.module.get() + '.' + ctx.name.get(), e);
                         return res;
                     },
                     type: AXPEntityQueryType.List,
@@ -24287,68 +24321,6 @@ class AXPEntityCommandSearchDefinitionProvider {
 function moduleNameToI18nScope(moduleName) {
     return moduleName.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
 }
-//#region ----   Entity search definition builder   ----
-function buildEntitySearchDefinition(entity, manifestRegistry) {
-    const manifest = manifestRegistry.get(entity.module);
-    const i18nScope = manifest?.i18n ?? moduleNameToI18nScope(entity.module);
-    const searchTitleTemplate = entity.formats.searchResult?.title;
-    const titleContext = buildEntitySearchTitleContext(entity, searchTitleTemplate);
-    return {
-        name: `Module.${entity.module}.${entity.name}`,
-        title: `@${i18nScope}:module.title`,
-        group: `Module.${entity.module}`,
-        icon: entity.icon ?? 'fa-solid fa-objects-column',
-        order: 4,
-        format: {
-            title: searchTitleTemplate,
-            description: entity.formats.searchResult?.description ?? `${entity.module} / ${entity.title}`,
-            id: '{{data.id}}',
-            titleFallbackTemplates: titleContext.fallbackTemplates,
-            titleFallbackFields: titleContext.fallbackFields,
-        },
-        actions: [
-            {
-                name: 'open-entity',
-                type: AXPSystemActionType.View,
-                priority: 'primary',
-            },
-        ],
-    };
-}
-//#endregion
-//#region ----   Lazy resolver   ----
-class AXPEntitySearchDefinitionLazyResolver {
-    constructor() {
-        this.entityResolver = inject(AXPEntityResolver);
-        this.manifestRegistry = inject(AXPModuleManifestRegistry);
-        this.resolved = new Map();
-    }
-    async resolve(definitionName) {
-        const cached = this.resolved.get(definitionName);
-        if (cached) {
-            return cached;
-        }
-        const match = definitionName.match(/^Module\.([^.]+)\.(.+)$/);
-        if (!match) {
-            return null;
-        }
-        const [, moduleName, entityName] = match;
-        await this.manifestRegistry.initialize();
-        const entity = await this.entityResolver.get(moduleName, entityName);
-        if (!entity) {
-            return null;
-        }
-        const definition = buildEntitySearchDefinition(entity, this.manifestRegistry);
-        this.resolved.set(definitionName, definition);
-        return definition;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntitySearchDefinitionLazyResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntitySearchDefinitionLazyResolver }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntitySearchDefinitionLazyResolver, decorators: [{
-            type: Injectable
-        }] });
-
 class AXPEntitySearchDefinitionProvider {
     constructor() {
         this.entityRegister = inject(AXPEntityDefinitionRegistryService);
@@ -24356,13 +24328,28 @@ class AXPEntitySearchDefinitionProvider {
     }
     async provide(context) {
         await this.manifestRegistry.initialize();
-        for (const entity of this.entityRegister.getAll()) {
-            const definition = buildEntitySearchDefinition(entity, this.manifestRegistry);
-            context.addDefinition(definition.name, definition.title, definition.group, definition.icon, definition.order, {
-                actions: definition.actions,
-                format: definition.format,
+        this.entityRegister.getAll().forEach((entity) => {
+            const manifest = this.manifestRegistry.get(entity.module);
+            const i18nScope = manifest?.i18n ?? moduleNameToI18nScope(entity.module);
+            const searchTitleTemplate = entity.formats.searchResult?.title;
+            const titleContext = buildEntitySearchTitleContext(entity, searchTitleTemplate);
+            context.addDefinition(`Module.${entity.module}.${entity.name}`, `@${i18nScope}:module.title`, `Module.${entity.module}`, entity.icon ?? 'fa-solid fa-objects-column', 4, {
+                actions: [
+                    {
+                        name: 'open-entity',
+                        type: 'view',
+                        priority: 'primary',
+                    },
+                ],
+                format: {
+                    title: searchTitleTemplate,
+                    description: (entity.formats.searchResult?.description) ?? `${entity.module} / ${entity.title}`,
+                    id: '{{data.id}}',
+                    titleFallbackTemplates: titleContext.fallbackTemplates,
+                    titleFallbackFields: titleContext.fallbackFields,
+                },
             });
-        }
+        });
     }
 }
 
@@ -24468,9 +24455,9 @@ class AXPMiddlewareEntityStorageService extends AXPEntityStorageService {
             ...init,
         };
     }
-    async initial(entityName, collection) {
+    async initial(entityName, collection, options) {
         const ctx = this.createCtx('initial', entityName, { data: collection });
-        return this.run(ctx, () => this.backend.initial(ctx.entityName, ctx.data));
+        return this.run(ctx, () => this.backend.initial(ctx.entityName, ctx.data, options));
     }
     async getOne(entityName, id) {
         const key = getDedupKey('getOne', entityName, { id });
@@ -24754,9 +24741,6 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         this.popupService = inject(AXPopupService);
         this.platform = inject(AXPlatform);
         this.translateService = inject(AXTranslationService);
-        this.formatService = inject(AXFormatService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
         this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
         this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
         this.factory = inject(AXPEntityMasterUpdateViewModelFactory);
@@ -24766,8 +24750,10 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         const data = context.getVariable('data');
         const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
         const { parentKey } = entityRef;
+        console.log(data);
         const { id } = data;
-        const properties = entityRef.interfaces?.master?.update?.properties?.map((p) => p.name) || [];
+        const { interfaces, title } = entityRef;
+        const properties = interfaces?.master?.update?.properties?.map((p) => p.name) || [];
         const vm = await this.factory.create(moduleName, entityName, id, properties);
         const options = context.getVariable('options');
         const decoration = options?.['decoration'];
@@ -24777,11 +24763,12 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         if (parentKey) {
             context.setVariable('parentKey', parentKey);
         }
+        console.log(`${this.translateService.translateSync('entity.modify')}`);
         const com = await this.config.viewers.master.modify();
         const popup = await this.popupService.open(com, {
             title: headerTitle
                 ? headerTitle
-                : await resolveEntityModifyPopupTitle(entityRef, vm.context(), this.translateService, this.formatService, this.expressionEvaluator, this.contextEvalFactory),
+                : `${this.translateService.translateSync('@general:actions.modify.title')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : size ? size : 'md',
             data: {
                 vm,
@@ -25088,7 +25075,7 @@ function routesFacory() {
                                 const refreshChanged = from.queryParams['_ts'] !== to.queryParams['_ts'];
                                 return entityChanged || idChanged || refreshChanged;
                             },
-                            data: { reuse: 'queryParamsChange' },
+                            data: { reuse: false },
                         },
                         {
                             path: 'e/:entity/:id',
@@ -25121,15 +25108,6 @@ class AXPEntityModule {
             AXPAttachmentsPluginModule, i1$3.AXPWorkflowModule, AXPWidgetCoreModule,
             LayoutBuilderModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityModule, providers: [
-            {
-                provide: AXP_REPEATER_ENTITY_BY_KEY_LOOKUP,
-                useFactory: () => {
-                    const entityService = inject(AXPEntityService);
-                    return {
-                        byKey: (entityKey, id) => entityService.withEntity(entityKey).data().byKey(id),
-                    };
-                },
-            },
             { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXPEntityWidgetsProvider, multi: true },
             {
                 provide: ROUTES,
@@ -25146,10 +25124,6 @@ class AXPEntityModule {
                 useClass: AXPEntityCommandSearchDefinitionProvider,
                 multi: true,
             },
-            {
-                provide: AXP_SEARCH_DEFINITION_LAZY_RESOLVER,
-                useClass: AXPEntitySearchDefinitionLazyResolver,
-            },
             // Bind the middleware wrapper as the public storage service
             { provide: AXPEntityStorageService, useClass: AXPMiddlewareEntityStorageService },
             {
@@ -25321,15 +25295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     exports: [],
                     declarations: [],
                     providers: [
-                        {
-                            provide: AXP_REPEATER_ENTITY_BY_KEY_LOOKUP,
-                            useFactory: () => {
-                                const entityService = inject(AXPEntityService);
-                                return {
-                                    byKey: (entityKey, id) => entityService.withEntity(entityKey).data().byKey(id),
-                                };
-                            },
-                        },
                         { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXPEntityWidgetsProvider, multi: true },
                         {
                             provide: ROUTES,
@@ -25346,10 +25311,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useClass: AXPEntityCommandSearchDefinitionProvider,
                             multi: true,
                         },
-                        {
-                            provide: AXP_SEARCH_DEFINITION_LAZY_RESOLVER,
-                            useClass: AXPEntitySearchDefinitionLazyResolver,
-                        },
                         // Bind the middleware wrapper as the public storage service
                         { provide: AXPEntityStorageService, useClass: AXPMiddlewareEntityStorageService },
                         {
@@ -25657,5 +25618,5 @@ var getEntityDetails_query = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { ATTACHMENTS_PAGE_COMPONENT_KEY, AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCategoryTreeService, AXPCreateEntityCommand, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEditFileUploaderCommand, AXPEntitiesListDataSourceDefinition, AXPEntityApplyUpdatesAction, AXPEntityCategoryTreeSelectorComponent, AXPEntityCategoryWidget, AXPEntityCategoryWidgetColumnComponent, AXPEntityCategoryWidgetEditComponent, AXPEntityCategoryWidgetViewComponent, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorRowActionsService, AXPEntityDataSelectorService, AXPEntityDefinitionProviderWidget, AXPEntityDefinitionProviderWidgetEditComponent, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityEventsKeys, AXPEntityFormBuilderService, AXPEntityListPersistenceModeDefault, AXPEntityListTableService, AXPEntityListToolbarService, AXPEntityListViewCardFieldViewModel, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListCardSelectActionName, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityPreloadFiltersContainerComponent, AXPEntityPreloadFiltersViewModel, AXPEntityPreloadFiltersViewModelResolver, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPFileListComponent, AXPFileUploaderLoadFilesQuery, AXPFileUploaderSaveFilesCommand, AXPFileUploaderWidget, AXPFileUploaderWidgetColumnComponent, AXPFileUploaderWidgetEditComponent, AXPFileUploaderWidgetService, AXPFileUploaderWidgetViewComponent, AXPGetEntityDetailsQuery, AXPLayoutOrderingConfigService, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPMultiSourceDefinitionProviderContext, AXPMultiSourceDefinitionProviderService, AXPMultiSourceFederatedSearchService, AXPMultiSourceSelectorComponent, AXPMultiSourceSelectorService, AXPMultiSourceSelectorWidget, AXPMultiSourceSelectorWidgetColumnComponent, AXPMultiSourceSelectorWidgetEditComponent, AXPMultiSourceSelectorWidgetViewComponent, AXPMultiSourceType, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPRelatedColumnEnrichmentService, AXPRelatedColumnMetadataResolver, AXPSelectorStructureWidget, AXPSelectorStructureWidgetColumnComponent, AXPSelectorStructureWidgetEditComponent, AXPSelectorStructureWidgetViewComponent, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXPTruncatedBreadcrumbComponent, AXPUpdateEntityCommand, AXPViewEntityDetailsCommand, AXP_CATEGORY_TREE_ROOT_TITLE_I18N_KEY, 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, AXP_MULTI_SOURCE_DEFINITION_PROVIDER, AXP_RECORD_WORKFLOW_INFO_CORRELATION_ID_FIELD, AXP_RECORD_WORKFLOW_INFO_DEFINITION_ID_FIELD, AXP_RECORD_WORKFLOW_INFO_INSTANCE_ID_FIELD, DEFAULT_COLUMN_ORDER, DEFAULT_PAIR_SPAN_RULES, DEFAULT_PROPERTY_ORDER, DEFAULT_SECTION_ORDER, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY, EntityBuilder, EntityDataAccessor, actionExists, applyDataSourcePagingWithoutLoad, attachmentFieldCount, attachmentsPlugin, attachmentsSemanticallyEqual, axpCreateEntityAiToolInputDefaults, axpCreateEntityCommandDefinition, buildAXPRecordWorkflowInfo, canPersistEntityListState, cloneLayoutArrays, collectEntityQuickSearchFieldPaths, collectNestedFieldPathsFromEntityColumns, collectQuickSearchPathsFromSingleEntityDefinition, columnOrderingMiddleware, columnOrderingMiddlewareProvider, columnWidthMiddleware, columnWidthMiddlewareProvider, commandMessageTextForError, committedAttachments, computeEntityAggregates, createColumnOrderingMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, defaultCardLayoutMiddleware, defaultCardLayoutMiddlewareProvider, defaultMultiLanguageMiddleware, defaultMultiLanguageMiddlewareProvider, detectEntityChanges, ensureLayoutPropertyView, ensureLayoutSection, ensureListActions, eventDispatchMiddleware, filterSortEntityRows, findEntityListRowDataInTree, fingerprintAttachmentItem, fingerprintAttachments, formatLookupItemDisplay, formatLookupItemDisplayAsync, getDataSourcePageIndex, getEntityListRowId, getMasterInterfacePropertySortKey, getRecordWorkflowCorrelationId, getRecordWorkflowInstanceId, hasFileUploaderTitleOrDescriptionFields, isAXPMiddlewareAbortError, isAttachmentListEntry, isCategoryEntity, isCategoryFilter, isFileListItem, isFileUploaderEditDialogAuto, isLegacyEntityDataSelectorOptions, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider, mapEntityStorageErrorToCommandResult, mapLegacyEntityDataSelectorOptions, normalizeEntityDataSelectorOptions, normalizeEntityFieldToFileList, normalizeEntityListPersistenceMode, normalizeListPaging, persistedAttachments, provideEntity, resolveEntityPluginDetailPageOrder, resolveFileUploaderEditDialog, resolveFileUploaderEntityScope, resolveLookupDisplayField, resolveLookupDisplayTemplate, restoreEntityListExpandedRows, runEntityQuery, searchResultDescriptionMiddleware, searchResultDescriptionMiddlewareProvider, shouldLoadEntityListStateFromStorage, shouldResetEntityListStateOnRouteEntry };
+export { ATTACHMENTS_PAGE_COMPONENT_KEY, AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCategoryTreeService, AXPCreateEntityCommand, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEditFileUploaderCommand, AXPEntitiesListDataSourceDefinition, AXPEntityApplyUpdatesAction, AXPEntityCategoryTreeSelectorComponent, AXPEntityCategoryWidget, AXPEntityCategoryWidgetColumnComponent, AXPEntityCategoryWidgetEditComponent, AXPEntityCategoryWidgetViewComponent, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorRowActionsService, AXPEntityDataSelectorService, AXPEntityDataSourceKeys, AXPEntityDefinitionProviderWidget, AXPEntityDefinitionProviderWidgetEditComponent, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityEventsKeys, AXPEntityFormBuilderService, AXPEntityListPersistenceModeDefault, AXPEntityListTableService, AXPEntityListToolbarService, AXPEntityListViewCardFieldViewModel, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListCardSelectActionName, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityPreloadFiltersContainerComponent, AXPEntityPreloadFiltersViewModel, AXPEntityPreloadFiltersViewModelResolver, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPFileListComponent, AXPFileUploaderLoadFilesQuery, AXPFileUploaderSaveFilesCommand, AXPFileUploaderWidget, AXPFileUploaderWidgetColumnComponent, AXPFileUploaderWidgetEditComponent, AXPFileUploaderWidgetService, AXPFileUploaderWidgetViewComponent, AXPGetEntityDetailsQuery, AXPLayoutOrderingConfigService, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPMultiSourceDefinitionProviderContext, AXPMultiSourceDefinitionProviderService, AXPMultiSourceFederatedSearchService, AXPMultiSourceSelectorComponent, AXPMultiSourceSelectorService, AXPMultiSourceSelectorWidget, AXPMultiSourceSelectorWidgetColumnComponent, AXPMultiSourceSelectorWidgetEditComponent, AXPMultiSourceSelectorWidgetViewComponent, AXPMultiSourceType, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPRelatedColumnEnrichmentService, AXPRelatedColumnMetadataResolver, AXPSelectorStructureWidget, AXPSelectorStructureWidgetColumnComponent, AXPSelectorStructureWidgetEditComponent, AXPSelectorStructureWidgetViewComponent, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXPTruncatedBreadcrumbComponent, AXPUpdateEntityCommand, AXPViewEntityDetailsCommand, AXP_CATEGORY_TREE_ROOT_TITLE_I18N_KEY, 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, AXP_MULTI_SOURCE_DEFINITION_PROVIDER, AXP_RECORD_WORKFLOW_INFO_CORRELATION_ID_FIELD, AXP_RECORD_WORKFLOW_INFO_DEFINITION_ID_FIELD, AXP_RECORD_WORKFLOW_INFO_INSTANCE_ID_FIELD, DEFAULT_COLUMN_ORDER, DEFAULT_PAIR_SPAN_RULES, DEFAULT_PROPERTY_ORDER, DEFAULT_SECTION_ORDER, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY, EntityBuilder, EntityDataAccessor, actionExists, applyDataSourcePagingWithoutLoad, attachmentFieldCount, attachmentsPlugin, attachmentsSemanticallyEqual, axpCreateEntityAiToolInputDefaults, axpCreateEntityCommandDefinition, buildAXPRecordWorkflowInfo, canPersistEntityListState, cloneLayoutArrays, collectEntityQuickSearchFieldPaths, collectNestedCreateHiddenProperties, collectNestedFieldPathsFromEntityColumns, collectQuickSearchPathsFromSingleEntityDefinition, columnOrderingMiddleware, columnOrderingMiddlewareProvider, columnWidthMiddleware, columnWidthMiddlewareProvider, commandMessageTextForError, committedAttachments, computeEntityAggregates, createColumnOrderingMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, defaultCardLayoutMiddleware, defaultCardLayoutMiddlewareProvider, defaultMultiLanguageMiddleware, defaultMultiLanguageMiddlewareProvider, detectEntityChanges, ensureLayoutPropertyView, ensureLayoutSection, ensureListActions, entityDetailsCreateActions, entityDetailsCreateActionsDeferredParent, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsNewEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterEditAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware, filterSortEntityRows, findEntityListRowDataInTree, fingerprintAttachmentItem, fingerprintAttachments, formatLookupItemDisplay, getDataSourcePageIndex, getEntityListRowId, getMasterInterfacePropertySortKey, getRecordWorkflowCorrelationId, getRecordWorkflowInstanceId, hasFileUploaderTitleOrDescriptionFields, isAXPMiddlewareAbortError, isAttachmentListEntry, isCategoryEntity, isCategoryFilter, isFileListItem, isFileUploaderEditDialogAuto, isLegacyEntityDataSelectorOptions, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider, mapEntityStorageErrorToCommandResult, mapLegacyEntityDataSelectorOptions, mergeForeignKeyFieldIntoCreateActions, normalizeEntityDataSelectorOptions, normalizeEntityFieldToFileList, normalizeEntityListPersistenceMode, normalizeListPaging, persistedAttachments, provideEntity, resolveEntityPluginDetailPageOrder, resolveFileUploaderEditDialog, resolveFileUploaderEntityScope, resolveLookupDisplayField, resolveLookupDisplayTemplate, restoreEntityListExpandedRows, runEntityQuery, searchResultDescriptionMiddleware, searchResultDescriptionMiddlewareProvider, shouldLoadEntityListStateFromStorage, shouldResetEntityListStateOnRouteEntry };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map