@acorex/platform 21.0.0-next.59 → 21.0.0-next.64

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

@@ -21,12 +21,12 @@ import * as i4 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 } from '@angular/common';
 import { AXPThemeLayoutBlockComponent, AXPPreloadFiltersComponent, AXPStateMessageComponent, AXPColumnItemListComponent, AXPDataSelectorService, AXPPageComponentRegistryService } from '@acorex/platform/layout/components';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageComponentInstanceRegistryService } from '@acorex/platform/layout/views';
 import { AXDataSource } from '@acorex/cdk/common';
-import { AXFormatService } from '@acorex/core/format';
 import * as i1$3 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowEventService, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
@@ -2845,17 +2845,119 @@ var viewEntityDetails_command = /*#__PURE__*/Object.freeze({
     AXPViewEntityDetailsCommand: AXPViewEntityDetailsCommand
 });
 
+//#region ---- Template resolution ----
+/**
+ * Normalizes lookup/search display templates for row-based formatting.
+ * Converts `context.eval('path')` expressions to `{{ path }}` and single braces to mustache form.
+ */
+function normalizeLookupDisplayTemplate(template) {
+    const withContextEval = template.replace(/\{\{\s*context\.eval\(['"]([^'"]+)['"]\)\s*\}\}/g, '{{ $1 }}');
+    if (withContextEval.includes('{{')) {
+        return withContextEval;
+    }
+    return withContextEval.replace(/\{/g, '{{').replace(/\}/g, '}}');
+}
+/**
+ * Resolves the display template for a lookup item.
+ * Priority: explicit `displayFormat` → entity `formats.lookup` (template) → entity `formats.searchResult.title`.
+ * Returns undefined when `textField` is set or no template applies (use {@link resolveLookupDisplayField} instead).
+ */
+function resolveLookupDisplayTemplate(entity, options) {
+    const explicit = options.displayFormat?.trim();
+    if (explicit) {
+        return normalizeLookupDisplayTemplate(explicit);
+    }
+    if (options.textField?.trim()) {
+        return undefined;
+    }
+    const lookupFormat = entity?.formats?.lookup?.trim();
+    if (lookupFormat && (lookupFormat.includes('{{') || lookupFormat.includes('{'))) {
+        return normalizeLookupDisplayTemplate(lookupFormat);
+    }
+    const searchTitle = entity?.formats?.searchResult?.title?.trim();
+    if (searchTitle) {
+        return normalizeLookupDisplayTemplate(searchTitle);
+    }
+    return undefined;
+}
+/**
+ * Resolves the property path used for lookup display when no template applies.
+ * Priority: explicit `textField` → entity `formats.lookup` (simple path) → common property names.
+ */
+function resolveLookupDisplayField(entity, options) {
+    if (options.textField?.trim()) {
+        return options.textField.trim();
+    }
+    const lookupFormat = entity?.formats?.lookup?.trim();
+    if (lookupFormat && !lookupFormat.includes('{') && !lookupFormat.includes('{{')) {
+        return lookupFormat;
+    }
+    const defaults = ['title', 'name', 'code', 'description'];
+    const found = defaults.find((name) => entity?.properties?.some((p) => p.name === name));
+    return found ?? 'title';
+}
+/**
+ * Formats a lookup row for display using template and/or field resolution.
+ */
+function formatLookupItemDisplay(item, entity, options, formatService, 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) {
+        const formatted = formatService.format(template, 'string', item);
+        if (formatted) {
+            const text = String(formatted);
+            if (!isUnresolvedLookupDisplayTemplate(text)) {
+                return text;
+            }
+        }
+    }
+    const field = resolveLookupDisplayField(entity, options);
+    const raw = get(item, field);
+    if (raw == null) {
+        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 raw;
+    }
+    return String(raw);
+}
+/** True when a formatted label still contains unresolved template markers. */
+function isUnresolvedLookupDisplayTemplate(value) {
+    return /\{\{/.test(value) || /context\.eval\s*\(/.test(value);
+}
+//#endregion
+
 class AXPEntityDetailPopoverComponent {
     constructor() {
         //#region ----   Dependencies   ----
         this.commandService = inject(AXPCommandService);
         this.queryService = inject(AXPQueryService);
+        this.formatService = inject(AXFormatService);
+        this.translation = inject(AXTranslationService);
         //#endregion
         //#region ----   Inputs   ----
         this.entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
         this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
         this.textField = input('title', ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
         this.valueField = input('id', ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
+        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
@@ -2868,6 +2970,29 @@ class AXPEntityDetailPopoverComponent {
         this.isDetailPopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isDetailPopoverOpen" }] : /* istanbul ignore next */ []));
         /** Placeholder rows for the loading skeleton (matches typical property count). */
         this.loadingSkeletonRows = [1, 2, 3, 4, 5];
+        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 && !isUnresolvedLookupDisplayTemplate(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.
@@ -2952,6 +3077,11 @@ class AXPEntityDetailPopoverComponent {
     }
     //#endregion
     //#region ----   Helper Methods   ----
+    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 && !isUnresolvedLookupDisplayTemplate(resolved) ? resolved : '';
+    }
     /**
      * Returns true if a value is meaningful for display (non-empty/non-null).
      */
@@ -3129,12 +3259,12 @@ class AXPEntityDetailPopoverComponent {
         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 }, 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 ax-border ax-rounded-lg ax-shadow-lg 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        {{ entityDetails()?.entityData?.[textField()] ?? item()?.[textField()] | translate | async }}\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-text-neutral-600 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 [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 } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface  ax-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-text-neutral-600 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 }); }
 }
 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 ax-border ax-rounded-lg ax-shadow-lg 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        {{ entityDetails()?.entityData?.[textField()] ?? item()?.[textField()] | translate | async }}\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-text-neutral-600 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 [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>" }]
-        }], 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 }] }], 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, AXPopoverModule, AXPWidgetCoreModule, AXTranslationModule, AXSkeletonModule], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-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-text-neutral-600 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>" }]
+        }], 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 }] }] } });
 
 class AXPEntityDetailPopoverService {
     constructor() {
@@ -3164,6 +3294,7 @@ class AXPEntityDetailPopoverService {
         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
@@ -3964,7 +4095,6 @@ class AXPEntityListViewColumnViewModel {
         this.name = this.property.name;
         this.title = this.column.title ?? this.property.title;
         this.visible = this.column?.options?.visible ?? true;
-        this.dir = this.column.sort?.dir;
         this.sortEnabled = this.property.options?.sort?.enabled;
         this.node = computed(() => {
             const widget = this.property.schema.interface;
@@ -4977,7 +5107,7 @@ class AXPEntityMasterListViewModel {
                 this.events$.next({ action: 'refresh' });
             }
         });
-        this.sortedFields.set(this.sortableFields());
+        this.sortedFields.set([]);
         void this.syncShowRowIndexColumnSetting();
         this.settings.onLoaded.pipe(takeUntil(this.destroyed)).subscribe(() => {
             void this.syncShowRowIndexColumnSetting();
@@ -5080,10 +5210,8 @@ class AXPEntityMasterListViewModel {
                     .sort((a, b) => columns.findIndex((col) => col.name === (a.column?.options?.dataPath ?? a.name)) -
                     columns.findIndex((col) => col.name === (b.column?.options?.dataPath ?? b.name))));
             }
-            if (Array.isArray(sorts)) {
-                // sorts are AXPSortQuery[]; ensure we map by name
-                const sortsMap = new Map(sorts.map((s) => [s.name, s.dir]));
-                this.sortedFields.update((prev) => prev.map((sf) => ({ ...sf, dir: sortsMap.get(sf.name) || sf.dir })));
+            if (Array.isArray(sorts) && sorts.length) {
+                this.setActiveSortsFromQueries(sorts);
             }
             // Don't override filters if they came from queryParams
             if (Array.isArray(filters) && !this.hasQueryParamsFilters) {
@@ -5600,18 +5728,80 @@ class AXPEntityMasterListViewModel {
     resetSorts() {
         this.applyViewSorts();
     }
+    /**
+     * Applies active sorts in the given order (click order, saved settings, or view defaults).
+     */
+    setActiveSortsFromQueries(sorts) {
+        const sortableByName = new Map(this.sortableFields().map((f) => [f.name, f]));
+        this.sortedFields.set(sorts
+            .filter((s) => s.dir && sortableByName.has(s.name))
+            .map((s) => ({
+            name: s.name,
+            title: sortableByName.get(s.name).title,
+            dir: s.dir,
+        })));
+    }
     applyViewSorts() {
-        const viewSorts = this.view().sorts;
-        this.sortedFields.update((prev) => {
-            const viewSortsMap = new Map(viewSorts.map((vs) => [vs.name, vs]));
-            return prev.map((sf) => {
-                const updatedSort = viewSortsMap.get(sf.name);
-                if (updatedSort) {
-                    return { ...updatedSort, title: sf.title };
-                }
-                return sf;
-            });
-        });
+        const viewSorts = this.view().sorts ?? [];
+        this.setActiveSortsFromQueries(viewSorts);
+    }
+    /**
+     * Active sort direction for a column (synced with toolbar sort UI and dataSource).
+     */
+    getColumnSortDirection(columnName) {
+        const dir = this.sortedFields().find((sf) => sf.name === columnName)?.dir;
+        return dir === 'asc' || dir === 'desc' ? dir : undefined;
+    }
+    /**
+     * 1-based priority index when multiple columns are sorted (Ctrl+click order).
+     */
+    getColumnSortIndex(columnName) {
+        const index = this.sortedFields().findIndex((sf) => sf.name === columnName);
+        return index >= 0 ? index + 1 : undefined;
+    }
+    /** True when active sorts still match the current view defaults (not yet customized). */
+    isViewDefaultSorts(activeSorts) {
+        const viewSorts = this.view().sorts ?? [];
+        if (activeSorts.length !== viewSorts.length) {
+            return false;
+        }
+        return activeSorts.every((s, i) => s.name === viewSorts[i]?.name && s.dir === viewSorts[i]?.dir);
+    }
+    /**
+     * Toggles column sort (asc → desc → none). Without Ctrl, only one column is active.
+     * With Ctrl/Cmd, multiple columns are sorted in click order (first clicked = primary).
+     */
+    async toggleColumnSort(columnName, multiSort) {
+        const fieldMeta = this.sortableFields().find((f) => f.name === columnName);
+        if (!fieldMeta) {
+            return;
+        }
+        let activeSorts = [...this.sortedFields()];
+        const index = activeSorts.findIndex((sf) => sf.name === columnName);
+        const currentDir = index >= 0 ? activeSorts[index].dir : undefined;
+        const newDir = currentDir === 'asc' ? 'desc' : currentDir === 'desc' ? undefined : 'asc';
+        if (!multiSort) {
+            activeSorts = newDir ? [{ name: columnName, title: fieldMeta.title, dir: newDir }] : [];
+        }
+        else if (index >= 0) {
+            const [item] = activeSorts.splice(index, 1);
+            if (newDir) {
+                // Re-click moves column to end so click order can override view/default order.
+                activeSorts.push({ ...item, title: fieldMeta.title, dir: newDir });
+            }
+        }
+        else if (newDir) {
+            if (this.isViewDefaultSorts(activeSorts)) {
+                activeSorts = [{ name: columnName, title: fieldMeta.title, dir: newDir }];
+            }
+            else {
+                activeSorts.push({ name: columnName, title: fieldMeta.title, dir: newDir });
+            }
+        }
+        this.sortedFields.set(activeSorts);
+        this.lastAppliedSortKey = null;
+        await this.saveSettings('sorts', activeSorts.map((s) => ({ name: s.name, dir: s.dir })));
+        await this.applyFilterAndSort();
     }
     //******************  Commands ******************//
     async executeCommand(commandName, data = null) {
@@ -12547,22 +12737,18 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.formatService = inject(AXFormatService);
+        this.translation = inject(AXTranslationService);
         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 */ []));
         this.valueField = computed(() => this.options()['valueField'] ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
         this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
         this.badgeClass = computed(() => this.options()['badgeClass'] ?? 'ax-accent1', ...(ngDevMode ? [{ debugName: "badgeClass" }] : /* istanbul ignore next */ []));
-        this.displayFormat = computed(() => {
-            const template = this.options()['displayFormat'];
-            return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
-        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
-        this.displayField = computed(() => {
-            return (this.textField() ??
-                this.entityDef()?.formats.lookup ??
-                this.entityDef()?.properties.find((c) => c.name != 'id')?.name ??
-                'title');
-        }, ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
+        this.displayFormat = computed(() => resolveLookupDisplayTemplate(this.entityDef(), {
+            displayFormat: this.options()['displayFormat'],
+            textField: this.textField(),
+        }), ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
+        this.displayField = computed(() => resolveLookupDisplayField(this.entityDef(), { textField: this.textField() }), ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
         this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : /* istanbul ignore next */ []));
         this.displayItems = signal([], ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
@@ -12605,27 +12791,11 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         };
     }
     getDisplayRaw(item) {
-        if (!item) {
-            return '';
-        }
-        const template = this.displayFormat();
-        if (template) {
-            const formatted = this.formatService.format(template, 'string', item);
-            if (formatted) {
-                return formatted;
-            }
-        }
-        const raw = get(item, this.displayField());
-        if (raw == null) {
-            return '';
-        }
-        if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
-            return String(raw);
-        }
-        if (typeof raw === 'object' && !Array.isArray(raw)) {
-            return raw;
-        }
-        return String(raw);
+        const text = formatLookupItemDisplay(item, this.entityDef(), {
+            displayFormat: this.options()['displayFormat'],
+            textField: this.textField(),
+        }, this.formatService, (value) => this.translation.resolve(value));
+        return text;
     }
     get __class() {
         const cls = {};
@@ -13520,27 +13690,10 @@ class AXPLookupWidgetTagboxComponent extends LookupWidgetLookBase {
     //#endregion
     //#region ----   Utility Methods   ----
     getDisplayRaw(item) {
-        if (!item) {
-            return '';
-        }
-        const template = this.displayFormatValue();
-        if (template) {
-            const formatted = this.formatService.format(template, 'string', item);
-            if (formatted) {
-                return formatted;
-            }
-        }
-        const raw = get(item, this.displayFieldValue());
-        if (raw == null) {
-            return '';
-        }
-        if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
-            return String(raw);
-        }
-        if (typeof raw === 'object' && !Array.isArray(raw)) {
-            return raw;
-        }
-        return String(raw);
+        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
@@ -13792,6 +13945,18 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.disabled = computed(() => this.filterMode() ? false : this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         this.columns = computed(() => this.options()['columns'] ?? [], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
         this.textField = computed(() => this.options()['textField'] ?? '', ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
+        /**
+         * Template for select look (`ax-select-box`). Uses `textTemplate` when set, otherwise
+         * falls back to `displayFormat` (same as tagbox). Single braces are expanded to `{{ }}`
+         * for the select box template engine (see `AXPDataListWidgetComponent.textTemplate`).
+         */
+        this.textTemplate = computed(() => {
+            const explicit = this.options()['textTemplate'];
+            if (explicit) {
+                return explicit.replace(/\{/g, '{{').replace(/\}/g, '}}');
+            }
+            return this.displayFormat() ?? null;
+        }, ...(ngDevMode ? [{ debugName: "textTemplate" }] : /* istanbul ignore next */ []));
         this.hasClearButton = computed(() => (!this.filterMode() && this.options()['hasClearButton']) ?? false, ...(ngDevMode ? [{ debugName: "hasClearButton" }] : /* istanbul ignore next */ []));
         this.showItemTooltip = computed(() => this.options()['showItemTooltip'] ?? false, ...(ngDevMode ? [{ debugName: "showItemTooltip" }] : /* istanbul ignore next */ []));
         this.isItemTruncated = computed(() => this.options()['isItemTruncated'] ?? true, ...(ngDevMode ? [{ debugName: "isItemTruncated" }] : /* istanbul ignore next */ []));
@@ -13800,23 +13965,13 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.filterMode = computed(() => this.options()['filterMode'], ...(ngDevMode ? [{ debugName: "filterMode" }] : /* istanbul ignore next */ []));
         this.multiple = computed(() => (this.options()['multiple'] ?? false), ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
         this.look = computed(() => this.options()['look'] ?? 'lookup', ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
-        this.defaultTextField = computed(() => {
-            const list = ['title', 'name', 'code', 'description'];
-            const textField = list.find((c) => this.entityDef()?.properties.find((p) => p.name == c)) ?? 'title';
-            return textField;
-        }, ...(ngDevMode ? [{ debugName: "defaultTextField" }] : /* istanbul ignore next */ []));
-        this.displayField = computed(() => {
-            if (this.textField()) {
-                return this.textField();
-            }
-            return this.defaultTextField();
-        }, ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
+        this.displayField = computed(() => resolveLookupDisplayField(this.entityDef(), { textField: this.textField() }), ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
         this.allowCreate = computed(() => this.options()['allowCreate'] ?? 'none', ...(ngDevMode ? [{ debugName: "allowCreate" }] : /* istanbul ignore next */ []));
         this.valueField = computed(() => this.entityDef()?.properties.find((c) => c.name == 'id')?.name ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
-        this.displayFormat = computed(() => {
-            const template = this.options()['displayFormat'];
-            return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
-        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
+        this.displayFormat = computed(() => resolveLookupDisplayTemplate(this.entityDef(), {
+            displayFormat: this.options()['displayFormat'],
+            textField: this.textField(),
+        }), ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
         this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : /* istanbul ignore next */ []));
         this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
         this.initialItems = signal(false, ...(ngDevMode ? [{ debugName: "initialItems" }] : /* istanbul ignore next */ []));
@@ -14212,6 +14367,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.translation = inject(AXTranslationService);
         this.formatService = inject(AXFormatService);
         this.entityService = inject(AXPEntityService);
+        this.entityResolver = inject(AXPEntityDefinitionRegistryService);
         this.queryExecutor = inject(AXPQueryExecutor);
         //#endregion
         //#region ---- View Children ----
@@ -14222,15 +14378,16 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         //#region ---- Properties ----
         this.host = inject(ElementRef);
         this.valueField = this.options['valueField'] ?? 'id';
-        this.textField = this.options['textField'] ?? 'title';
         this.entity = this.options['entity'] ?? '';
         this.columnName = this.options['columnName'] ?? 'title';
         this.maxVisible = this.options['maxVisible'] ?? 2;
-        this.displayFormat = computed(() => {
-            const template = this.options['displayFormat'];
-            return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
-        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
-        this.displayField = computed(() => this.textField ?? 'title', ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
+        this.lookupDisplayOptions = computed(() => ({
+            displayFormat: this.options['displayFormat'],
+            textField: this.options['textField'],
+            isMultiLanguage: (value) => this.translation.isValidMultiLanguageObject(value),
+        }), ...(ngDevMode ? [{ debugName: "lookupDisplayOptions" }] : /* istanbul ignore next */ []));
+        this.displayFormat = computed(() => resolveLookupDisplayTemplate(this.entityDef(), this.lookupDisplayOptions()), ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
+        this.displayField = computed(() => resolveLookupDisplayField(this.entityDef(), this.lookupDisplayOptions()), ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
         this.columnResolve = computed(() => this.options['columnResolve'], ...(ngDevMode ? [{ debugName: "columnResolve" }] : /* istanbul ignore next */ []));
         this.resolveStrategy = computed(() => {
             return this.columnResolve()?.strategy ?? 'hydrated';
@@ -14245,6 +14402,9 @@ 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.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : /* istanbul ignore next */ []));
+        this.hydratedDisplayItems = signal(null, ...(ngDevMode ? [{ debugName: "hydratedDisplayItems" }] : /* istanbul ignore next */ []));
+        this.hydrateRequestId = 0;
         //#endregion
         //#region ---- Computed ----
         this.displayItems = computed(() => isNil(this.rawValue)
@@ -14252,7 +14412,13 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             : castArray(this.rawValue)
                 .map((item) => this.extractItem(item))
                 .filter((c) => c != null), ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
-        this.allItems = computed(() => this.displayItems(), ...(ngDevMode ? [{ debugName: "allItems" }] : /* istanbul ignore next */ []));
+        this.allItems = computed(() => {
+            const hydrated = this.hydratedDisplayItems();
+            if (hydrated != null && hydrated.length > 0) {
+                return hydrated;
+            }
+            return this.displayItems();
+        }, ...(ngDevMode ? [{ debugName: "allItems" }] : /* istanbul ignore next */ []));
         this.visibleItems = computed(() => {
             const items = this.allItems();
             return items.slice(0, this.maxVisible);
@@ -14309,6 +14475,8 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             }
             this.previousLazyRowId = key;
             this.resetLazyState();
+            this.hydratedDisplayItems.set(null);
+            this.hydrateRequestId++;
         });
         effect(() => {
             if (!this.isHydratedStrategy()) {
@@ -14325,6 +14493,40 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
                     : this.displayCount();
             void this.refreshPopoverHeader(count);
         });
+        effect(() => {
+            const key = this.entity;
+            if (!key?.includes('.')) {
+                this.entityDef.set(null);
+                return;
+            }
+            const [module, name] = key.split('.');
+            void this.entityResolver.resolve(module, name).then((def) => this.entityDef.set(def));
+        });
+        effect(() => {
+            if (!this.isHydratedStrategy()) {
+                this.hydratedDisplayItems.set(null);
+                return;
+            }
+            const entityKey = this.entity;
+            const raw = this.rawValue;
+            if (!entityKey?.includes('.') || isNil(raw)) {
+                this.hydratedDisplayItems.set(null);
+                return;
+            }
+            // Display text is already on the row (dataPath, denormalized title, nested object, etc.) — no byKey fetch.
+            if (this.hasPreresolvedDisplay()) {
+                this.hydratedDisplayItems.set(null);
+                return;
+            }
+            const values = castArray(raw).filter((value) => value != null && value !== '');
+            const needsHydrate = values.length > 0 &&
+                values.every((value) => typeof value !== 'object' && this.isLikelyEntityId(value));
+            if (!needsHydrate) {
+                this.hydratedDisplayItems.set(null);
+                return;
+            }
+            void this.hydrateScalarIds(entityKey, values);
+        });
     }
     //#endregion
     //#region ---- Public methods ----
@@ -14354,7 +14556,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.closeMorePopover();
         // Prefer the row's FK / stored value (columnName) first. List columns often use options.dataPath so
         // rawValue (and thus `item`) is only display text (e.g. manager.person.fullName) while managerId holds the real id.
-        const columnData = this.rowData?.[this.columnName];
+        const columnData = get(this.rowData, this.columnName);
         let id;
         if (Array.isArray(columnData)) {
             const cell = columnData[index];
@@ -14375,11 +14577,33 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         if (isNil(id) || id === '') {
             return;
         }
+        const headerItem = this.allItems()[index] ?? item;
+        let resolvedTitle = '';
+        if (headerItem != null && this.hasDisplayTextOnLookupValue(headerItem)) {
+            resolvedTitle =
+                typeof headerItem === 'object'
+                    ? this.renderLookupLabel(headerItem)
+                    : this.formatDisplayValue(headerItem);
+        }
+        else if (!this.isMultiValueLookup()) {
+            const rowText = this.getRowDisplayTextFromTextField();
+            if (!isNil(rowText) && rowText !== '') {
+                resolvedTitle = this.formatDisplayValue(rowText);
+            }
+        }
+        if (!resolvedTitle) {
+            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 (isUnresolvedLookupDisplayTemplate(resolvedTitle)) {
+                resolvedTitle = '';
+            }
+        }
         await this.entityDetailPopoverService.show(this.host, {
             entity: this.entity,
             id,
-            textField: this.textField,
+            textField: this.options['textField'] ?? this.displayField(),
             valueField: this.valueField,
+            displayTitle: resolvedTitle,
             item,
         });
     }
@@ -14409,21 +14633,45 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             this.handleResolvedItemClick(index);
         }
     }
+    /**
+     * True when the cell can render without fetching row data via byKey.
+     * Uses textField / expose targets on the row — not merely whether column dataPath differs from columnName.
+     */
+    hasPreresolvedDisplay() {
+        if (this.isMultiValueLookup()) {
+            const values = castArray(this.rawValue).filter((value) => value != null && value !== '');
+            return values.length > 0 && values.every((value) => this.hasDisplayTextOnLookupValue(value));
+        }
+        const rowText = this.getRowDisplayTextFromTextField();
+        if (!isNil(rowText) &&
+            rowText !== '' &&
+            (typeof rowText !== 'string' || !this.isLikelyEntityId(rowText))) {
+            return true;
+        }
+        const raw = this.rawValue;
+        if (isNil(raw)) {
+            return false;
+        }
+        const values = castArray(raw).filter((value) => value != null && value !== '');
+        return values.length > 0 && values.every((value) => this.hasDisplayTextOnLookupValue(value));
+    }
     getDisplayRaw(item) {
-        if (isNil(item)) {
-            return '';
+        if (item != null && typeof item === 'object' && this.translation.isValidMultiLanguageObject(item)) {
+            return this.translation.resolve(item);
         }
-        const resolved = this.resolveDisplayValue(item);
-        const template = this.displayFormat();
-        if (template) {
-            const displayField = this.displayField();
-            const templateData = typeof item === 'object' && !Array.isArray(item)
-                ? { ...item, [displayField]: resolved }
-                : { [displayField]: resolved, value: resolved };
-            const formatted = this.formatService.format(template, 'string', templateData);
-            return formatted ?? resolved ?? '';
+        if (!this.isMultiValueLookup()) {
+            const rowText = this.getRowDisplayTextFromTextField();
+            if (!isNil(rowText) && rowText !== '') {
+                return this.formatDisplayValue(rowText);
+            }
+        }
+        if (item != null && this.hasDisplayTextOnLookupValue(item)) {
+            if (typeof item === 'object') {
+                return this.renderLookupLabel(item);
+            }
+            return this.formatDisplayValue(item);
         }
-        return resolved ?? '';
+        return this.renderLookupLabel(item);
     }
     //#endregion
     //#region ---- Private methods ----
@@ -14594,28 +14842,154 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         }
         return {
             [this.valueField]: item,
-            [this.textField]: item,
+            [this.displayField()]: item,
         };
     }
-    resolveDisplayValue(item) {
-        if (isNil(item)) {
-            return '';
+    async hydrateScalarIds(entityKey, ids) {
+        const requestId = ++this.hydrateRequestId;
+        try {
+            const accessor = this.entityService.withEntity(entityKey).data();
+            const items = await Promise.all(ids.map((id) => accessor.byKey(id)));
+            if (requestId !== this.hydrateRequestId) {
+                return;
+            }
+            const resolved = items.filter((item) => item != null);
+            this.hydratedDisplayItems.set(resolved.length > 0 ? resolved : null);
         }
-        if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
-            return String(item);
+        catch {
+            if (requestId === this.hydrateRequestId) {
+                this.hydratedDisplayItems.set(null);
+            }
         }
-        if (typeof item !== 'object') {
-            return '';
+    }
+    isMultiValueLookup() {
+        return Array.isArray(this.rawValue) && this.rawValue.length > 0;
+    }
+    /** Row display text resolved via widget textField and expose targets (not column dataPath alone). */
+    getRowDisplayTextFromTextField() {
+        const textField = resolveLookupDisplayField(this.entityDef(), this.lookupDisplayOptions());
+        const exposeTargets = this.getExposeTargets();
+        for (const entry of exposeTargets) {
+            if (entry.source === this.valueField || entry.source === 'id') {
+                continue;
+            }
+            if (entry.source === textField || entry.target.endsWith(`.${textField}`)) {
+                const value = get(this.rowData, entry.target);
+                if (!isNil(value) && value !== '') {
+                    return value;
+                }
+            }
         }
-        const rawDisplayValue = get(item, this.displayField());
-        if (!isNil(rawDisplayValue)) {
-            return this.resolveDisplayValue(rawDisplayValue);
+        for (const entry of exposeTargets) {
+            if (entry.source === 'title') {
+                const value = get(this.rowData, entry.target);
+                if (!isNil(value) && value !== '') {
+                    return value;
+                }
+            }
         }
-        if (this.translation.isValidMultiLanguageObject(item)) {
-            return this.translation.resolve(item);
+        if (this.path && this.path !== this.columnName) {
+            const atPath = get(this.rowData, this.path);
+            if (typeof atPath === 'string' && atPath !== '' && !this.isLikelyEntityId(atPath)) {
+                return atPath;
+            }
+            if (atPath != null && typeof atPath === 'object') {
+                const nested = get(atPath, textField);
+                if (!isNil(nested) && nested !== '') {
+                    return nested;
+                }
+            }
+            const combined = get(this.rowData, `${this.path}.${textField}`);
+            if (!isNil(combined) && combined !== '') {
+                return combined;
+            }
+        }
+        if (this.columnName.endsWith('Id')) {
+            const parentKey = this.columnName.slice(0, -2);
+            const nestedObject = get(this.rowData, parentKey);
+            if (nestedObject != null && typeof nestedObject === 'object') {
+                const nested = get(nestedObject, textField);
+                if (!isNil(nested) && nested !== '') {
+                    return nested;
+                }
+            }
+            const direct = get(this.rowData, `${parentKey}.${textField}`);
+            if (!isNil(direct) && direct !== '') {
+                return direct;
+            }
+        }
+        if (this.columnName.includes('.')) {
+            const parts = this.columnName.split('.');
+            const leaf = parts[parts.length - 1];
+            if (leaf === 'id' || leaf.endsWith('Id')) {
+                const parent = parts.slice(0, -1).join('.');
+                const direct = get(this.rowData, `${parent}.${textField}`);
+                if (!isNil(direct) && direct !== '') {
+                    return direct;
+                }
+            }
+        }
+        return undefined;
+    }
+    getExposeTargets() {
+        const expose = this.options['expose'];
+        if (!Array.isArray(expose)) {
+            return [];
+        }
+        return expose.filter((entry) => entry != null &&
+            typeof entry === 'object' &&
+            typeof entry.source === 'string' &&
+            typeof entry.target === 'string');
+    }
+    hasDisplayTextOnLookupValue(value) {
+        if (isNil(value) || value === '') {
+            return false;
+        }
+        if (typeof value === 'string') {
+            return !this.isLikelyEntityId(value);
+        }
+        if (typeof value === 'number' || typeof value === 'boolean') {
+            return true;
+        }
+        if (typeof value !== 'object') {
+            return false;
+        }
+        if (this.translation.isValidMultiLanguageObject(value)) {
+            return true;
+        }
+        const textField = resolveLookupDisplayField(this.entityDef(), this.lookupDisplayOptions());
+        const text = get(value, textField);
+        if (!isNil(text) && text !== '' && !this.isLikelyEntityId(text)) {
+            return true;
+        }
+        return ['title', 'name', 'code', 'description'].some((field) => {
+            const candidate = get(value, field);
+            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);
+        }
+        if (value != null && typeof value === 'object' && this.translation.isValidMultiLanguageObject(value)) {
+            return this.translation.resolve(value);
         }
         return '';
     }
+    /** True when a scalar cell value is a stored entity key (uuid/numeric), not pre-resolved display text. */
+    isLikelyEntityId(value) {
+        if (typeof value === 'number') {
+            return true;
+        }
+        if (typeof value !== 'string') {
+            return false;
+        }
+        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  @let label = getDisplayRaw(item);\n  <span\n    [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-underline]=\"!options['disableDetailPopover']\"\n    (click)=\"handleItemClick($index)\"\n  >\n    {{ label }}\n  </span>\n  @if ($index < visibleItems().length - 1) {\n  <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()\"\n    #moreButton\n  >\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\n    class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\"\n    #lazyTrigger\n  >\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 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      @let label = getDisplayRaw(item);\n      <span\n        [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-underline]=\"!options['disableDetailPopover']\"\n        (click)=\"handlePopoverItemClick($index)\"\n      >\n        {{ label }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>\n", 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 }); }
 }
@@ -21426,5 +21800,5 @@ var getEntityDetails_query = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCategoryTreeService, AXPCreateEntityCommand, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntitiesListDataSourceDefinition, AXPEntityApplyUpdatesAction, AXPEntityCategoryTreeSelectorComponent, AXPEntityCategoryWidget, AXPEntityCategoryWidgetColumnComponent, AXPEntityCategoryWidgetEditComponent, AXPEntityCategoryWidgetViewComponent, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorService, AXPEntityDefinitionProviderWidget, AXPEntityDefinitionProviderWidgetEditComponent, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityEventsKeys, AXPEntityFormBuilderService, AXPEntityListPersistenceModeDefault, AXPEntityListTableService, AXPEntityListToolbarService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityPreloadFiltersContainerComponent, AXPEntityPreloadFiltersViewModel, AXPEntityPreloadFiltersViewModelResolver, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, 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, axpCreateEntityAiToolInputDefaults, axpCreateEntityCommandDefinition, buildAXPRecordWorkflowInfo, canPersistEntityListState, cloneLayoutArrays, collectEntityQuickSearchFieldPaths, collectNestedCreateHiddenProperties, collectNestedFieldPathsFromEntityColumns, collectQuickSearchPathsFromSingleEntityDefinition, columnOrderingMiddleware, columnOrderingMiddlewareProvider, columnWidthMiddleware, columnWidthMiddlewareProvider, computeEntityAggregates, createColumnOrderingMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, 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, getDataSourcePageIndex, getEntityListRowId, getMasterInterfacePropertySortKey, getRecordWorkflowCorrelationId, getRecordWorkflowInstanceId, isAXPMiddlewareAbortError, isCategoryEntity, isCategoryFilter, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider, mergeForeignKeyFieldIntoCreateActions, normalizeEntityListPersistenceMode, normalizeListPaging, provideEntity, resolveEntityPluginDetailPageOrder, restoreEntityListExpandedRows, runEntityQuery, searchResultDescriptionMiddleware, searchResultDescriptionMiddlewareProvider, shouldLoadEntityListStateFromStorage, shouldResetEntityListStateOnRouteEntry };
+export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCategoryTreeService, AXPCreateEntityCommand, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntitiesListDataSourceDefinition, AXPEntityApplyUpdatesAction, AXPEntityCategoryTreeSelectorComponent, AXPEntityCategoryWidget, AXPEntityCategoryWidgetColumnComponent, AXPEntityCategoryWidgetEditComponent, AXPEntityCategoryWidgetViewComponent, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorService, AXPEntityDefinitionProviderWidget, AXPEntityDefinitionProviderWidgetEditComponent, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityEventsKeys, AXPEntityFormBuilderService, AXPEntityListPersistenceModeDefault, AXPEntityListTableService, AXPEntityListToolbarService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityPreloadFiltersContainerComponent, AXPEntityPreloadFiltersViewModel, AXPEntityPreloadFiltersViewModelResolver, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, 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, axpCreateEntityAiToolInputDefaults, axpCreateEntityCommandDefinition, buildAXPRecordWorkflowInfo, canPersistEntityListState, cloneLayoutArrays, collectEntityQuickSearchFieldPaths, collectNestedCreateHiddenProperties, collectNestedFieldPathsFromEntityColumns, collectQuickSearchPathsFromSingleEntityDefinition, columnOrderingMiddleware, columnOrderingMiddlewareProvider, columnWidthMiddleware, columnWidthMiddlewareProvider, computeEntityAggregates, createColumnOrderingMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, 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, formatLookupItemDisplay, getDataSourcePageIndex, getEntityListRowId, getMasterInterfacePropertySortKey, getRecordWorkflowCorrelationId, getRecordWorkflowInstanceId, isAXPMiddlewareAbortError, isCategoryEntity, isCategoryFilter, isUnresolvedLookupDisplayTemplate, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider, mergeForeignKeyFieldIntoCreateActions, normalizeEntityListPersistenceMode, normalizeListPaging, normalizeLookupDisplayTemplate, provideEntity, resolveEntityPluginDetailPageOrder, resolveLookupDisplayField, resolveLookupDisplayTemplate, restoreEntityListExpandedRows, runEntityQuery, searchResultDescriptionMiddleware, searchResultDescriptionMiddlewareProvider, shouldLoadEntityListStateFromStorage, shouldResetEntityListStateOnRouteEntry };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map