@acorex-platform/framework-client 0.0.33 → 0.0.37

package/fesm2022/{acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-D1prdDvf.mjs → acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-C74cBc-K.mjs}

@@ -70,6 +70,7 @@ import * as i6$1 from '@acorex/components/tag-box';
 import { AXTagBoxModule } from '@acorex/components/tag-box';
 import { AXValidationModule } from '@acorex/core/validation';
 import { AXLookupComponent } from '@acorex/components/lookup';
+import { AXHighlightTextComponent } from '@acorex/components/highlight';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$7 from '@acorex/components/data-table';
 import { AXDataTableComponent, AXDataTableModule } from '@acorex/components/data-table';
@@ -944,6 +945,26 @@ function getMasterInterfacePropertySortKey(interfaceRow, indexInMasterInterfaceL
 }
 //#endregion
 
+//#region ----- Property bind path -----
+/**
+ * Resolves the widget bind path for a master property.
+ * `viewDataPath` may be a prefix (`content`) or a full path (`content.module`).
+ * Related merge-detail prefixes always win.
+ */
+function resolveEntityPropertyBindPath(propertyName, viewDataPath, relatedDataPath) {
+    if (relatedDataPath) {
+        return `${relatedDataPath}.${propertyName}`;
+    }
+    if (!viewDataPath) {
+        return propertyName;
+    }
+    if (viewDataPath === propertyName || viewDataPath.endsWith(`.${propertyName}`)) {
+        return viewDataPath;
+    }
+    return `${viewDataPath}.${propertyName}`;
+}
+//#endregion
+
 /**
  * Maps entity property `description` (or any i18n key / multi-language payload) to `form-field`
  * widget options. Returns `undefined` when there is nothing to show.
@@ -2054,8 +2075,7 @@ function orderProperties(props, viewProps) {
 }
 function buildFieldPath(prop, viewProps) {
     const vp = (viewProps || []).find((x) => x.name === prop.name);
-    const prefix = vp?.dataPath ? `${vp.dataPath}.` : '';
-    return `${prefix}${prop.name}`;
+    return resolveEntityPropertyBindPath(prop.name, vp?.dataPath);
 }
 function toFieldLayout(layout) {
     const positions = layout?.positions;
@@ -4038,7 +4058,7 @@ class AXPFileListComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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 }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, showUploadZoneHint: { classPropertyName: "showUploadZoneHint", publicName: "showUploadZoneHint", 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 flex-shrink-0\"></i>\n              <span class=\"min-w-0 break-all\">{{ file.name }}</span>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  } @else {\n    <div class=\"__empty-state __empty-state--links\">\n      <axp-state-message\n        [icon]=\"emptyStateIcon()\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"emptyStateDescription().key\"\n        [descriptionParams]=\"emptyStateDescription().params\"\n        look=\"minimal\"\n      />\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      (click)=\"$event.stopPropagation()\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ getFileInfo(file.name).icon }}\"></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]=\"emptyStateIcon()\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"emptyStateDescription().key\"\n        [descriptionParams]=\"emptyStateDescription().params\"\n      >\n      </axp-state-message>\n    </div>\n  }\n}\n", styles: ["@layer properties;:host{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host.--look-rows{padding-block:calc(var(--spacing, .25rem) * 2)}:host.--look-links{padding-block:0px}:host.--look-links .__links .__links-label{margin-inline-end:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}:host.--look-links .__links .__links-list{margin:0;margin-top:var(--spacing, .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:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-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:calc(var(--spacing, .25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding-bottom:calc(var(--spacing, .25rem) * 4)}:host.--look-links:not(.--links-inline) .__links-list{margin-top:0;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:transparent;padding:calc(var(--spacing, .25rem) * 2)}:host .__item.--downloadable{cursor:pointer}:host .__item.--downloadable:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}:host .__item:not(.--downloadable){cursor:default}:host .__item.--removed{border-color:rgba(var(--ax-sys-color-danger-500));background-color:rgba(var(--ax-sys-color-danger-50))}:host .__item.--attached{border-color:rgba(var(--ax-sys-color-success-500));animation:attached-flash 1s ease-out forwards}:host .__item.--item-readonly:not(.--removed){opacity:.85}:host .__item .__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}:host .__item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__content{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host .__item .__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__secondary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}.__empty-state .axp-state-message .__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.__empty-state:hover{opacity:80%}.__empty-state.__empty-state--links{padding-block:calc(var(--spacing, .25rem) * 2)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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.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", "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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Platform
                 AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: 
                 // Angular
@@ -5453,7 +5473,7 @@ class AXPFileUploaderWidgetEditComponent extends AXPValueWidgetComponent {
         (onRename)="handleFileRename($event)"
       ></axp-file-list>
     </div>
-  `, isInline: true, styles: [":host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drop-zone--interactive{cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-lighter-surface));border-radius:.5rem;transition:border-color .15s ease,background-color .15s ease}.__drop-zone--interactive:hover{border-color:rgb(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-50),.08)}.__drop-zone--drag-over{border-color:rgb(var(--ax-sys-color-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-50),.16)!important;box-shadow:0 0 0 3px rgba(var(--ax-sys-color-primary-50),.35)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXPFileChooserDirective, selector: "[axpFileChooser]", inputs: ["context", "disabled", "items", "busy"], outputs: ["itemsChange", "busyChange"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drop-zone--interactive{cursor:pointer;border:2px dashed rgb(var(--ax-sys-color-border-lighter-surface));border-radius:.5rem;transition:border-color .15s ease,background-color .15s ease}.__drop-zone--interactive:hover{border-color:rgb(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-50),.08)}.__drop-zone--drag-over{border-color:rgb(var(--ax-sys-color-primary-surface))!important;background-color:rgba(var(--ax-sys-color-primary-50),.16)!important;box-shadow:0 0 0 3px rgba(var(--ax-sys-color-primary-50),.35)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXPFileChooserDirective, selector: "[axpFileChooser]", inputs: ["context", "disabled", "items", "busy"], outputs: ["itemsChange", "busyChange"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFileUploaderWidgetEditComponent, decorators: [{
             type: Component,
@@ -5674,7 +5694,7 @@ class AXPFileUploaderWidgetService {
             plugins: options?.plugins ?? [],
             editDialog: options?.editDialog,
         };
-        const component = await import('./acorex-platform-framework-client-layout-entity-file-list-popup.component-B3__csKW.mjs').then((m) => m.AXPFileListPopupComponent);
+        const component = await import('./acorex-platform-framework-client-layout-entity-file-list-popup.component-C0LgUzzv.mjs').then((m) => m.AXPFileListPopupComponent);
         const result = await this.popupService.open(component, {
             title: await this.translate.translateAsync('@document-management:terms.common.file'),
             data: {
@@ -7750,7 +7770,7 @@ class AXPEntityCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEntityCardComponent, isStandalone: true, selector: "axp-entity-card", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, disableLookupPopover: { classPropertyName: "disableLookupPopover", publicName: "disableLookupPopover", isSignal: true, isRequired: false, transformFunction: null }, fillHost: { classPropertyName: "fillHost", publicName: "fillHost", isSignal: true, isRequired: false, transformFunction: null }, extraExpanded: { classPropertyName: "extraExpanded", publicName: "extraExpanded", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, showNewBadge: { classPropertyName: "showNewBadge", publicName: "showNewBadge", isSignal: true, isRequired: false, transformFunction: null }, showSelection: { classPropertyName: "showSelection", publicName: "showSelection", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, primaryActions: { classPropertyName: "primaryActions", publicName: "primaryActions", isSignal: true, isRequired: false, transformFunction: null }, primaryActionLook: { classPropertyName: "primaryActionLook", publicName: "primaryActionLook", isSignal: true, isRequired: false, transformFunction: null }, secondaryActionLoader: { classPropertyName: "secondaryActionLoader", publicName: "secondaryActionLoader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { extraExpanded: "extraExpandedChange", selectionChange: "selectionChange", commandClick: "commandClick", closeClick: "closeClick" }, host: { properties: { "class.axp-entity-card-host--fill": "fillHost()", "class.axp-entity-card-host--elevated": "elevated()" } }, ngImport: i0, template: "<article\n  class=\"axp-entity-card\"\n  [ngClass]=\"recordStylingClass()\"\n  [class.axp-entity-card--selected]=\"selected()\"\n  [class.axp-entity-card--new]=\"showNewBadge()\"\n  [class.axp-entity-card--row]=\"isRowLayout()\"\n  [class.axp-entity-card--compact]=\"variant() === 'compact'\"\n  [class.axp-entity-card--embedded]=\"embedded()\"\n  [class.axp-entity-card--elevated]=\"elevated()\"\n  [class.axp-entity-card--static]=\"!interactive()\"\n  [class.axp-entity-card--with-body]=\"hasCardBody()\"\n  [class.axp-entity-card--with-footer]=\"hasCardFooter()\"\n  [class.axp-entity-card--expandable]=\"canShowMore()\"\n  [class.axp-entity-card--expanded]=\"extraExpanded()\"\n  [attr.role]=\"interactive() ? 'button' : undefined\"\n  [attr.tabindex]=\"interactive() ? 0 : undefined\"\n  [attr.aria-selected]=\"interactive() ? selected() : undefined\"\n  (click)=\"onCardClick($event)\"\n  (dblclick)=\"onCardDblClick($event)\"\n  (keydown)=\"onCardKeydown($event)\"\n>\n  <div class=\"axp-entity-card__content\">\n    <!-- ----- Identity row: optional avatar, title, status, and actions ----- -->\n    <div class=\"axp-entity-card__identity\">\n      <div class=\"axp-entity-card__identity-main\">\n        @if (showUserAvatar()) {\n          <!-- ----- Person or user identity uses the user avatar ----- -->\n          <axp-user-avatar class=\"axp-entity-card__avatar\" [size]=\"avatarSize()\" [userId]=\"userAvatarId()\" [displayName]=\"toDisplayName(titleText())\" [displayAvatar]=\"avatarSrc()\" [showPresence]=\"false\" [axpUserCard]=\"userAvatarId()\" />\n        }\n        <!--------------------------------------------------------------->\n        @if (showIdentityImage()) {\n          <!-- ----- Logo or company image for entities that store an image/logo ----- -->\n          <div class=\"axp-entity-card__logo\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <img [src]=\"avatarSrc()\" [alt]=\"toDisplayName(titleText())\" />\n          </div>\n        }\n        <!--------------------------------------------------------------->\n        @if (identityQrField(); as field) {\n          <!-- ----- QR widget occupies the identity visual slot when there is no avatar or logo ----- -->\n          <div class=\"axp-entity-card__qr\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n          </div>\n        }\n\n        <div class=\"axp-entity-card__identity-text\">\n          <div class=\"axp-entity-card__title-row\">\n            @if (iconClass(); as icon) {\n              <!-- ----- Optional header icon from the card layout ----- -->\n              <i [class]=\"icon + ' axp-entity-card__icon'\" aria-hidden=\"true\"></i>\n            }\n\n            <h3 class=\"axp-entity-card__title\">\n              {{ titleText() | translate | async }}\n            </h3>\n\n            @if (showNewBadge()) {\n              <!-- ----- New-row highlight badge ----- -->\n              <ax-badge class=\"axp-entity-card__header-badge\" [text]=\"('@acorex:dataTable.rowHighlight.new' | translate | async) || ''\" color=\"success\" />\n            }\n\n            @for (field of headerBadgeFields(); track field.name) {\n              <!--------------------------------------------------------------->\n              @if (isStatusBadgeField(field)) {\n                <!-- ----- Status widget rendered in the header ----- -->\n                <div class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldHeaderBadgeNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n              <!-- ----- Non-status field rendered as a simple badge ----- -->\n              @else if (resolveBadgeText(field)) {\n                <ax-badge class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\" [text]=\"resolveBadgeText(field)\" [color]=\"resolveBadgeColor(field)\" />\n              }\n            }\n          </div>\n\n          @if (descriptionText()) {\n            <!-- ----- Optional description under the title ----- -->\n            <p class=\"axp-entity-card__description\">\n              {{ descriptionText() | translate | async }}\n            </p>\n          }\n\n          @if (headerMetaFields().length) {\n            <!-- ----- Unlabeled header extra (identifier or contact) ----- -->\n            <div class=\"axp-entity-card__facts axp-entity-card__facts--inline\">\n              @for (field of headerMetaFields(); track field.name) {\n                <div class=\"axp-entity-card__fact\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (hasIdentityActions()) {\n        <!-- ----- Selection, overflow actions, or popover dismiss ----- -->\n        <div class=\"axp-entity-card__identity-actions\">\n          @if (showSelection()) {\n            <!-- ----- Multi-select checkbox ----- -->\n            <ax-check-box class=\"axp-entity-card__select-checkbox\" [value]=\"selected()\" (onValueChanged)=\"onSelectionCheckboxChange($event)\" (click)=\"onSelectionCheckboxClick($event)\" />\n          }\n          <!-- ----- Row actions menu when the card is not in selection mode ----- -->\n          @else if (secondaryActions().length) {\n            <ax-button [look]=\"'blank'\" [color]=\"'default'\" class=\"ax-sm\" (onClick)=\"stopClickPropagation($event)\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n\n              <ax-dropdown-panel #panel>\n                <ax-button-item-list>\n                  @for (item of secondaryActions(); track $index) {\n                    @if (item.divided) {\n                      <!-- ----- Divider before this overflow action ----- -->\n                      <ax-divider />\n                    }\n                    <ax-button-item [text]=\"(item.title | translate | async)!\" [color]=\"item.color\" [disabled]=\"item.disabled\" (onClick)=\"onSecondaryActionClick(item, $event)\">\n                      @if (item.icon) {\n                        <!-- ----- Overflow action icon ----- -->\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button-item>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n          }\n          <!-- ----- Close when hosted as a lookup / detail popover ----- -->\n          @if (showClose()) {\n            <ax-button\n              class=\"axp-entity-card__close ax-sm\"\n              [look]=\"'blank'\"\n              [color]=\"'default'\"\n              [iconOnly]=\"true\"\n              [attr.title]=\"'@general:actions.close.title' | translate | async\"\n              [attr.aria-label]=\"'@general:actions.close.title' | translate | async\"\n              (onClick)=\"onCloseClick($event)\"\n            >\n              <i class=\"fa-light fa-xmark\" aria-hidden=\"true\"></i>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n\n    @if (hasLabeledBody()) {\n      <!-- ----- Divider between unlabeled identity header and labeled body facts ----- -->\n      <div class=\"axp-entity-card__divider\"></div>\n      <div class=\"axp-entity-card__body\">\n        <div class=\"axp-entity-card__fields\">\n          @for (field of previewFields(); track field.name) {\n            <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n              <span class=\"axp-entity-card__field-label\">\n                @if (resolveFieldIcon(field); as icon) {\n                  <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                  <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                }\n                {{ field.title | translate | async }}\n              </span>\n              <div class=\"axp-entity-card__field-value\">\n                <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n              </div>\n            </div>\n          }\n          <!--------------------------------------------------------------->\n          @if (extraFields().length) {\n            <!-- ----- Extra fields stay mounted; collapse hides them without a body fade ----- -->\n            <div class=\"axp-entity-card__extra\" [class.axp-entity-card__extra--collapsed]=\"!extraExpanded()\">\n              @for (field of extraFields(); track field.name) {\n                <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <span class=\"axp-entity-card__field-label\">\n                    @if (resolveFieldIcon(field); as icon) {\n                      <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                      <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                    }\n                    {{ field.title | translate | async }}\n                  </span>\n                  <div class=\"axp-entity-card__field-value\">\n                    <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (showInlineMore()) {\n      <!-- ----- Quiet More/Less under the fields when the card has no action footer ----- -->\n      <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--inline\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n        <span>\n          {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n        </span>\n        <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n      </button>\n    }\n  </div>\n\n  @if (hasCardFooter()) {\n    <!-- ----- One footer row: optional More on the left, primary actions on the right ----- -->\n    <footer class=\"axp-entity-card__footer\">\n      <!-- ----- More/Less shares the footer with the action button ----- -->\n      @if (showFooterMore()) {\n        <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--footer\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n          <span>\n            {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n          </span>\n          <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      <div class=\"axp-entity-card__footer-actions\">\n        @for (action of primaryActions(); track $index) {\n          <ax-button\n            class=\"axp-entity-card__primary-action ax-sm\"\n            [look]=\"primaryActionLook()\"\n            [color]=\"action.color\"\n            [size]=\"'sm'\"\n            [disabled]=\"action.disabled\"\n            [text]=\"(action.title | translate | async)!\"\n            (onClick)=\"onPrimaryActionClick(action.name, $event)\"\n          >\n            @if (action.icon) {\n              <!-- ----- Primary action icon ----- -->\n              <ax-prefix>\n                <i class=\"fa-light {{ action.icon }}\"></i>\n              </ax-prefix>\n            }\n          </ax-button>\n        }\n      </div>\n    </footer>\n  }\n</article>\n", styles: ["@layer properties;:host{display:block;width:100%;min-width:0px}:host.axp-entity-card-host--fill{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column}:host.axp-entity-card-host--elevated{border-radius:var(--radius-md, .375rem);box-shadow:0 8px 16px #00000029,0 24px 48px #00000038,0 48px 96px #00000047}.axp-entity-card{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));--axp-entity-card-border: rgb(var(--ax-sys-color-border-light-surface));--axp-entity-card-gutter: 1rem;position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));background-color:var(--axp-entity-card-surface);border-color:var(--axp-entity-card-border)}.axp-entity-card:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card.axp-entity-card--selected{border-color:rgba(var(--ax-sys-color-primary-500));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:0 0 0 1px rgb(var(--ax-sys-color-primary-500) / .25),0 2px 6px #0000000f}.axp-entity-card.axp-entity-card--new{border-color:rgb(var(--ax-sys-color-border-success-surface));box-shadow:0 0 0 1px rgb(var(--ax-sys-color-success-500) / .2)}.axp-entity-card.primary{--axp-entity-card-surface: rgb(var(--ax-sys-color-primary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-primary-lightest-surface))}.axp-entity-card.secondary{--axp-entity-card-surface: rgb(var(--ax-sys-color-secondary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-secondary-lightest-surface))}.axp-entity-card.success{--axp-entity-card-surface: rgb(var(--ax-sys-color-success-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-success-lightest-surface))}.axp-entity-card.warning{--axp-entity-card-surface: rgb(var(--ax-sys-color-warning-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-warning-lightest-surface))}.axp-entity-card.danger{--axp-entity-card-surface: rgb(var(--ax-sys-color-danger-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-danger-lightest-surface))}.axp-entity-card.accent1{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent1-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent1-lightest-surface))}.axp-entity-card.accent2{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent2-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent2-lightest-surface))}.axp-entity-card.accent3{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent3-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent3-lightest-surface))}.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3{background-color:var(--axp-entity-card-surface)}:is(.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3) .axp-entity-card__footer{background-color:transparent}.axp-entity-card:not(.axp-entity-card--static){cursor:pointer}.axp-entity-card.axp-entity-card--static{cursor:default}.axp-entity-card.axp-entity-card--elevated{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated .axp-entity-card__footer{background-color:rgb(var(--ax-sys-color-lightest-surface))}.axp-entity-card.axp-entity-card--embedded{border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--axp-entity-card-surface: transparent;background-color:transparent}.axp-entity-card.axp-entity-card--embedded:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__identity{padding-inline:0px;padding-block:0px}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__fields{padding-inline:0px;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:0}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__divider{margin-inline:0px}.axp-entity-card .axp-entity-card__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__identity-main{display:flex;min-width:0px;flex:1;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__avatar{flex-shrink:0}.axp-entity-card .axp-entity-card__logo{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-surface))}.axp-entity-card .axp-entity-card__logo img{width:100%;height:100%;object-fit:contain}.axp-entity-card .axp-entity-card__qr{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__qr axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__identity-text{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__title-row{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__select-checkbox,.axp-entity-card .axp-entity-card__header-badge{flex-shrink:0}.axp-entity-card .axp-entity-card__identity-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__close{margin-inline-end:calc(var(--spacing, .25rem) * -1);margin-top:calc(var(--spacing, .25rem) * -.5)}.axp-entity-card .axp-entity-card__content{position:relative;flex:1}.axp-entity-card .axp-entity-card__more{display:inline-flex;min-height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__more span,.axp-entity-card .axp-entity-card__more i{pointer-events:none}.axp-entity-card .axp-entity-card__more i{font-size:10px;--tw-leading: 1;line-height:1}.axp-entity-card .axp-entity-card__more:hover,.axp-entity-card .axp-entity-card__more:focus-visible{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__more:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card .axp-entity-card__more--footer{margin-block:calc(var(--spacing, .25rem) * -2.5);margin-inline-start:calc(var(--spacing, .25rem) * -1);min-height:calc(var(--spacing, .25rem) * 10);align-self:stretch;padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__more--inline{margin-inline:var(--axp-entity-card-gutter);margin-top:calc(var(--spacing, .25rem) * .5);margin-bottom:calc(var(--spacing, .25rem) * 2);padding-inline:var(--spacing, .25rem);padding-block:calc(var(--spacing, .25rem) * 2)}.axp-entity-card.axp-entity-card--expanded .axp-entity-card__more{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-entity-card .axp-entity-card__icon{flex-shrink:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__description{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);opacity:65%}.axp-entity-card .axp-entity-card__facts{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__facts--inline{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, .25rem) * 4);row-gap:var(--spacing, .25rem);padding-inline:0px;padding-block:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__fact{min-width:0px;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__fact axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__divider{margin-inline:var(--axp-entity-card-gutter);border-top:1px solid var(--axp-entity-card-border)}.axp-entity-card .axp-entity-card__body{position:relative;overflow:hidden}.axp-entity-card .axp-entity-card__extra{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__extra--collapsed{display:none}.axp-entity-card .axp-entity-card__fields{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3{width:auto;margin-inline:calc(-1 * var(--axp-entity-card-gutter));padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__field-row.primary{--axp-entity-styling-border: var(--ax-sys-color-border-primary-lightest-surface);background-color:rgb(var(--ax-sys-color-primary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__field-row.secondary{--axp-entity-styling-border: var(--ax-sys-color-border-secondary-lightest-surface);background-color:rgb(var(--ax-sys-color-secondary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-secondary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__field-row.success{--axp-entity-styling-border: var(--ax-sys-color-border-success-lightest-surface);background-color:rgb(var(--ax-sys-color-success-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-success-lightest-surface))}.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__field-row.warning{--axp-entity-styling-border: var(--ax-sys-color-border-warning-lightest-surface);background-color:rgb(var(--ax-sys-color-warning-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-warning-lightest-surface))}.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__field-row.danger{--axp-entity-styling-border: var(--ax-sys-color-border-danger-lightest-surface);background-color:rgb(var(--ax-sys-color-danger-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__field-row.accent1{--axp-entity-styling-border: var(--ax-sys-color-border-accent1-lightest-surface);background-color:rgb(var(--ax-sys-color-accent1-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent1-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__field-row.accent2{--axp-entity-styling-border: var(--ax-sys-color-border-accent2-lightest-surface);background-color:rgb(var(--ax-sys-color-accent2-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent2-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.accent3,.axp-entity-card .axp-entity-card__field-row.accent3{--axp-entity-styling-border: var(--ax-sys-color-border-accent3-lightest-surface);background-color:rgb(var(--ax-sys-color-accent3-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent3-lightest-surface))}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__header-badge.accent3{border-radius:var(--radius-sm, .25rem);padding-inline:var(--spacing, .25rem)}.axp-entity-card .axp-entity-card__field-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__field-label{display:inline-flex;min-width:0px;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__field-value{margin-inline-start:auto;max-width:60%;min-width:0px;overflow:hidden;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);overflow-wrap:break-word;color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:100%;max-width:100%;min-width:0px;overflow:hidden;text-align:start;overflow-wrap:break-word}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell *{text-align:start}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell .flex{justify-content:flex-start}.axp-entity-card .axp-entity-card__field-value :is(.truncate,.whitespace-nowrap){max-width:100%;min-width:0px;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset}:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-label,:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-value{color:inherit}.axp-entity-card .axp-entity-card__field-icon{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-entity-card .axp-entity-card__footer{margin-top:auto;display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;padding-block:calc(var(--spacing, .25rem) * 2.5);padding-inline:var(--axp-entity-card-gutter);border-top-color:var(--axp-entity-card-border);background-color:var(--axp-entity-card-surface)}.axp-entity-card .axp-entity-card__footer-actions{margin-inline-start:auto;display:flex;min-width:0px;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__primary-action{min-width:0px}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact):not(.axp-entity-card--embedded) .axp-entity-card__identity{padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact) .axp-entity-card__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact).axp-entity-card--expandable.axp-entity-card--expanded .axp-entity-card__identity{padding-bottom:calc(var(--spacing, .25rem) * 2.5)}:host.axp-entity-card-host--fill .axp-entity-card{display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { 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: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i6.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "directive", type: AXPUserCardDirective, selector: "[axpUserCard]", inputs: ["axpUserCard", "axpUserCardDisabled", "axpUserCardTrigger"] }, { kind: "component", type: AXPWidgetColumnCellComponent, selector: "axp-widget-column-cell", inputs: ["node", "rowData", "caption"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEntityCardComponent, isStandalone: true, selector: "axp-entity-card", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: true, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null }, elevated: { classPropertyName: "elevated", publicName: "elevated", isSignal: true, isRequired: false, transformFunction: null }, disableLookupPopover: { classPropertyName: "disableLookupPopover", publicName: "disableLookupPopover", isSignal: true, isRequired: false, transformFunction: null }, fillHost: { classPropertyName: "fillHost", publicName: "fillHost", isSignal: true, isRequired: false, transformFunction: null }, extraExpanded: { classPropertyName: "extraExpanded", publicName: "extraExpanded", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, showNewBadge: { classPropertyName: "showNewBadge", publicName: "showNewBadge", isSignal: true, isRequired: false, transformFunction: null }, showSelection: { classPropertyName: "showSelection", publicName: "showSelection", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, primaryActions: { classPropertyName: "primaryActions", publicName: "primaryActions", isSignal: true, isRequired: false, transformFunction: null }, primaryActionLook: { classPropertyName: "primaryActionLook", publicName: "primaryActionLook", isSignal: true, isRequired: false, transformFunction: null }, secondaryActionLoader: { classPropertyName: "secondaryActionLoader", publicName: "secondaryActionLoader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { extraExpanded: "extraExpandedChange", selectionChange: "selectionChange", commandClick: "commandClick", closeClick: "closeClick" }, host: { properties: { "class.axp-entity-card-host--fill": "fillHost()", "class.axp-entity-card-host--elevated": "elevated()" } }, ngImport: i0, template: "<article\n  class=\"axp-entity-card\"\n  [ngClass]=\"recordStylingClass()\"\n  [class.axp-entity-card--selected]=\"selected()\"\n  [class.axp-entity-card--new]=\"showNewBadge()\"\n  [class.axp-entity-card--row]=\"isRowLayout()\"\n  [class.axp-entity-card--compact]=\"variant() === 'compact'\"\n  [class.axp-entity-card--embedded]=\"embedded()\"\n  [class.axp-entity-card--elevated]=\"elevated()\"\n  [class.axp-entity-card--static]=\"!interactive()\"\n  [class.axp-entity-card--with-body]=\"hasCardBody()\"\n  [class.axp-entity-card--with-footer]=\"hasCardFooter()\"\n  [class.axp-entity-card--expandable]=\"canShowMore()\"\n  [class.axp-entity-card--expanded]=\"extraExpanded()\"\n  [attr.role]=\"interactive() ? 'button' : undefined\"\n  [attr.tabindex]=\"interactive() ? 0 : undefined\"\n  [attr.aria-selected]=\"interactive() ? selected() : undefined\"\n  (click)=\"onCardClick($event)\"\n  (dblclick)=\"onCardDblClick($event)\"\n  (keydown)=\"onCardKeydown($event)\"\n>\n  <div class=\"axp-entity-card__content\">\n    <!-- ----- Identity row: optional avatar, title, status, and actions ----- -->\n    <div class=\"axp-entity-card__identity\">\n      <div class=\"axp-entity-card__identity-main\">\n        @if (showUserAvatar()) {\n          <!-- ----- Person or user identity uses the user avatar ----- -->\n          <axp-user-avatar class=\"axp-entity-card__avatar\" [size]=\"avatarSize()\" [userId]=\"userAvatarId()\" [displayName]=\"toDisplayName(titleText())\" [displayAvatar]=\"avatarSrc()\" [showPresence]=\"false\" [axpUserCard]=\"userAvatarId()\" />\n        }\n        <!--------------------------------------------------------------->\n        @if (showIdentityImage()) {\n          <!-- ----- Logo or company image for entities that store an image/logo ----- -->\n          <div class=\"axp-entity-card__logo\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <img [src]=\"avatarSrc()\" [alt]=\"toDisplayName(titleText())\" />\n          </div>\n        }\n        <!--------------------------------------------------------------->\n        @if (identityQrField(); as field) {\n          <!-- ----- QR widget occupies the identity visual slot when there is no avatar or logo ----- -->\n          <div class=\"axp-entity-card__qr\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n          </div>\n        }\n\n        <div class=\"axp-entity-card__identity-text\">\n          <div class=\"axp-entity-card__title-row\">\n            @if (iconClass(); as icon) {\n              <!-- ----- Optional header icon from the card layout ----- -->\n              <i [class]=\"icon + ' axp-entity-card__icon'\" aria-hidden=\"true\"></i>\n            }\n\n            <h3 class=\"axp-entity-card__title\">\n              {{ titleText() | translate | async }}\n            </h3>\n\n            @if (showNewBadge()) {\n              <!-- ----- New-row highlight badge ----- -->\n              <ax-badge class=\"axp-entity-card__header-badge\" [text]=\"('@acorex:dataTable.rowHighlight.new' | translate | async) || ''\" color=\"success\" />\n            }\n\n            @for (field of headerBadgeFields(); track field.name) {\n              <!--------------------------------------------------------------->\n              @if (isStatusBadgeField(field)) {\n                <!-- ----- Status widget rendered in the header ----- -->\n                <div class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldHeaderBadgeNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n              <!-- ----- Non-status field rendered as a simple badge ----- -->\n              @else if (resolveBadgeText(field)) {\n                <ax-badge class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\" [text]=\"resolveBadgeText(field)\" [color]=\"resolveBadgeColor(field)\" />\n              }\n            }\n          </div>\n\n          @if (descriptionText()) {\n            <!-- ----- Optional description under the title ----- -->\n            <p class=\"axp-entity-card__description\">\n              {{ descriptionText() | translate | async }}\n            </p>\n          }\n\n          @if (headerMetaFields().length) {\n            <!-- ----- Unlabeled header extra (identifier or contact) ----- -->\n            <div class=\"axp-entity-card__facts axp-entity-card__facts--inline\">\n              @for (field of headerMetaFields(); track field.name) {\n                <div class=\"axp-entity-card__fact\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (hasIdentityActions()) {\n        <!-- ----- Selection, overflow actions, or popover dismiss ----- -->\n        <div class=\"axp-entity-card__identity-actions\">\n          @if (showSelection()) {\n            <!-- ----- Multi-select checkbox ----- -->\n            <ax-check-box class=\"axp-entity-card__select-checkbox\" [value]=\"selected()\" (onValueChanged)=\"onSelectionCheckboxChange($event)\" (click)=\"onSelectionCheckboxClick($event)\" />\n          }\n          <!-- ----- Row actions menu when the card is not in selection mode ----- -->\n          @else if (secondaryActions().length) {\n            <ax-button [look]=\"'blank'\" [color]=\"'default'\" class=\"ax-sm\" (onClick)=\"stopClickPropagation($event)\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n\n              <ax-dropdown-panel #panel>\n                <ax-button-item-list>\n                  @for (item of secondaryActions(); track $index) {\n                    @if (item.divided) {\n                      <!-- ----- Divider before this overflow action ----- -->\n                      <ax-divider />\n                    }\n                    <ax-button-item [text]=\"(item.title | translate | async)!\" [color]=\"item.color\" [disabled]=\"item.disabled\" (onClick)=\"onSecondaryActionClick(item, $event)\">\n                      @if (item.icon) {\n                        <!-- ----- Overflow action icon ----- -->\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button-item>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n          }\n          <!-- ----- Close when hosted as a lookup / detail popover ----- -->\n          @if (showClose()) {\n            <ax-button\n              class=\"axp-entity-card__close ax-sm\"\n              [look]=\"'blank'\"\n              [color]=\"'default'\"\n              [iconOnly]=\"true\"\n              [attr.title]=\"'@general:actions.close.title' | translate | async\"\n              [attr.aria-label]=\"'@general:actions.close.title' | translate | async\"\n              (onClick)=\"onCloseClick($event)\"\n            >\n              <i class=\"fa-light fa-xmark\" aria-hidden=\"true\"></i>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n\n    @if (hasLabeledBody()) {\n      <!-- ----- Divider between unlabeled identity header and labeled body facts ----- -->\n      <div class=\"axp-entity-card__divider\"></div>\n      <div class=\"axp-entity-card__body\">\n        <div class=\"axp-entity-card__fields\">\n          @for (field of previewFields(); track field.name) {\n            <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n              <span class=\"axp-entity-card__field-label\">\n                @if (resolveFieldIcon(field); as icon) {\n                  <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                  <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                }\n                {{ field.title | translate | async }}\n              </span>\n              <div class=\"axp-entity-card__field-value\">\n                <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n              </div>\n            </div>\n          }\n          <!--------------------------------------------------------------->\n          @if (extraFields().length) {\n            <!-- ----- Extra fields stay mounted; collapse hides them without a body fade ----- -->\n            <div class=\"axp-entity-card__extra\" [class.axp-entity-card__extra--collapsed]=\"!extraExpanded()\">\n              @for (field of extraFields(); track field.name) {\n                <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <span class=\"axp-entity-card__field-label\">\n                    @if (resolveFieldIcon(field); as icon) {\n                      <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                      <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                    }\n                    {{ field.title | translate | async }}\n                  </span>\n                  <div class=\"axp-entity-card__field-value\">\n                    <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (showInlineMore()) {\n      <!-- ----- Quiet More/Less under the fields when the card has no action footer ----- -->\n      <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--inline\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n        <span>\n          {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n        </span>\n        <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n      </button>\n    }\n  </div>\n\n  @if (hasCardFooter()) {\n    <!-- ----- One footer row: optional More on the left, primary actions on the right ----- -->\n    <footer class=\"axp-entity-card__footer\">\n      <!-- ----- More/Less shares the footer with the action button ----- -->\n      @if (showFooterMore()) {\n        <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--footer\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n          <span>\n            {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n          </span>\n          <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      <div class=\"axp-entity-card__footer-actions\">\n        @for (action of primaryActions(); track $index) {\n          <ax-button\n            class=\"axp-entity-card__primary-action ax-sm\"\n            [look]=\"primaryActionLook()\"\n            [color]=\"action.color\"\n            [disabled]=\"action.disabled\"\n            [text]=\"(action.title | translate | async)!\"\n            (onClick)=\"onPrimaryActionClick(action.name, $event)\"\n          >\n            @if (action.icon) {\n              <!-- ----- Primary action icon ----- -->\n              <ax-prefix>\n                <i class=\"fa-light {{ action.icon }}\"></i>\n              </ax-prefix>\n            }\n          </ax-button>\n        }\n      </div>\n    </footer>\n  }\n</article>\n", styles: ["@layer properties;:host{display:block;width:100%;min-width:0px}:host.axp-entity-card-host--fill{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column}:host.axp-entity-card-host--elevated{border-radius:var(--radius-md, .375rem);box-shadow:0 8px 16px #00000029,0 24px 48px #00000038,0 48px 96px #00000047}.axp-entity-card{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));--axp-entity-card-border: rgb(var(--ax-sys-color-border-light-surface));--axp-entity-card-gutter: 1rem;position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));background-color:var(--axp-entity-card-surface);border-color:var(--axp-entity-card-border)}.axp-entity-card:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card.axp-entity-card--selected{border-color:rgba(var(--ax-sys-color-primary-500));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:0 0 0 1px rgb(var(--ax-sys-color-primary-500) / .25),0 2px 6px #0000000f}.axp-entity-card.axp-entity-card--new{border-color:rgb(var(--ax-sys-color-border-success-surface));box-shadow:0 0 0 1px rgb(var(--ax-sys-color-success-500) / .2)}.axp-entity-card.primary{--axp-entity-card-surface: rgb(var(--ax-sys-color-primary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-primary-lightest-surface))}.axp-entity-card.secondary{--axp-entity-card-surface: rgb(var(--ax-sys-color-secondary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-secondary-lightest-surface))}.axp-entity-card.success{--axp-entity-card-surface: rgb(var(--ax-sys-color-success-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-success-lightest-surface))}.axp-entity-card.warning{--axp-entity-card-surface: rgb(var(--ax-sys-color-warning-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-warning-lightest-surface))}.axp-entity-card.danger{--axp-entity-card-surface: rgb(var(--ax-sys-color-danger-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-danger-lightest-surface))}.axp-entity-card.accent1{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent1-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent1-lightest-surface))}.axp-entity-card.accent2{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent2-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent2-lightest-surface))}.axp-entity-card.accent3{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent3-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent3-lightest-surface))}.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3{background-color:var(--axp-entity-card-surface)}:is(.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3) .axp-entity-card__footer{background-color:transparent}.axp-entity-card:not(.axp-entity-card--static){cursor:pointer}.axp-entity-card.axp-entity-card--static{cursor:default}.axp-entity-card.axp-entity-card--elevated{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated .axp-entity-card__footer{background-color:rgb(var(--ax-sys-color-lightest-surface))}.axp-entity-card.axp-entity-card--embedded{border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--axp-entity-card-surface: transparent;background-color:transparent}.axp-entity-card.axp-entity-card--embedded:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__identity{padding-inline:0px;padding-block:0px}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__fields{padding-inline:0px;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:0}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__divider{margin-inline:0px}.axp-entity-card .axp-entity-card__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__identity-main{display:flex;min-width:0px;flex:1;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__avatar{flex-shrink:0}.axp-entity-card .axp-entity-card__logo{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-surface))}.axp-entity-card .axp-entity-card__logo img{width:100%;height:100%;object-fit:contain}.axp-entity-card .axp-entity-card__qr{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__qr axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__identity-text{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__title-row{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__select-checkbox,.axp-entity-card .axp-entity-card__header-badge{flex-shrink:0}.axp-entity-card .axp-entity-card__identity-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__close{margin-inline-end:calc(var(--spacing, .25rem) * -1);margin-top:calc(var(--spacing, .25rem) * -.5)}.axp-entity-card .axp-entity-card__content{position:relative;flex:1}.axp-entity-card .axp-entity-card__more{display:inline-flex;min-height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__more span,.axp-entity-card .axp-entity-card__more i{pointer-events:none}.axp-entity-card .axp-entity-card__more i{font-size:10px;--tw-leading: 1;line-height:1}.axp-entity-card .axp-entity-card__more:hover,.axp-entity-card .axp-entity-card__more:focus-visible{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__more:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card .axp-entity-card__more--footer{margin-block:calc(var(--spacing, .25rem) * -2.5);margin-inline-start:calc(var(--spacing, .25rem) * -1);min-height:calc(var(--spacing, .25rem) * 10);align-self:stretch;padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__more--inline{margin-inline:var(--axp-entity-card-gutter);margin-top:calc(var(--spacing, .25rem) * .5);margin-bottom:calc(var(--spacing, .25rem) * 2);padding-inline:var(--spacing, .25rem);padding-block:calc(var(--spacing, .25rem) * 2)}.axp-entity-card.axp-entity-card--expanded .axp-entity-card__more{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-entity-card .axp-entity-card__icon{flex-shrink:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__description{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);opacity:65%}.axp-entity-card .axp-entity-card__facts{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__facts--inline{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, .25rem) * 4);row-gap:var(--spacing, .25rem);padding-inline:0px;padding-block:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__fact{min-width:0px;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__fact axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__divider{margin-inline:var(--axp-entity-card-gutter);border-top:1px solid var(--axp-entity-card-border)}.axp-entity-card .axp-entity-card__body{position:relative;overflow:hidden}.axp-entity-card .axp-entity-card__extra{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__extra--collapsed{display:none}.axp-entity-card .axp-entity-card__fields{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3{width:auto;margin-inline:calc(-1 * var(--axp-entity-card-gutter));padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__field-row.primary{--axp-entity-styling-border: var(--ax-sys-color-border-primary-lightest-surface);background-color:rgb(var(--ax-sys-color-primary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__field-row.secondary{--axp-entity-styling-border: var(--ax-sys-color-border-secondary-lightest-surface);background-color:rgb(var(--ax-sys-color-secondary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-secondary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__field-row.success{--axp-entity-styling-border: var(--ax-sys-color-border-success-lightest-surface);background-color:rgb(var(--ax-sys-color-success-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-success-lightest-surface))}.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__field-row.warning{--axp-entity-styling-border: var(--ax-sys-color-border-warning-lightest-surface);background-color:rgb(var(--ax-sys-color-warning-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-warning-lightest-surface))}.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__field-row.danger{--axp-entity-styling-border: var(--ax-sys-color-border-danger-lightest-surface);background-color:rgb(var(--ax-sys-color-danger-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__field-row.accent1{--axp-entity-styling-border: var(--ax-sys-color-border-accent1-lightest-surface);background-color:rgb(var(--ax-sys-color-accent1-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent1-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__field-row.accent2{--axp-entity-styling-border: var(--ax-sys-color-border-accent2-lightest-surface);background-color:rgb(var(--ax-sys-color-accent2-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent2-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.accent3,.axp-entity-card .axp-entity-card__field-row.accent3{--axp-entity-styling-border: var(--ax-sys-color-border-accent3-lightest-surface);background-color:rgb(var(--ax-sys-color-accent3-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent3-lightest-surface))}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__header-badge.accent3{border-radius:var(--radius-sm, .25rem);padding-inline:var(--spacing, .25rem)}.axp-entity-card .axp-entity-card__field-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__field-label{display:inline-flex;min-width:0px;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__field-value{margin-inline-start:auto;max-width:60%;min-width:0px;overflow:hidden;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);overflow-wrap:break-word;color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:100%;max-width:100%;min-width:0px;overflow:hidden;text-align:start;overflow-wrap:break-word}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell *{text-align:start}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell .flex{justify-content:flex-start}.axp-entity-card .axp-entity-card__field-value :is(.truncate,.whitespace-nowrap){max-width:100%;min-width:0px;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset}:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-label,:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-value{color:inherit}.axp-entity-card .axp-entity-card__field-icon{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-entity-card .axp-entity-card__footer{margin-top:auto;display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;padding-block:calc(var(--spacing, .25rem) * 2.5);padding-inline:var(--axp-entity-card-gutter);border-top-color:var(--axp-entity-card-border);background-color:var(--axp-entity-card-surface)}.axp-entity-card .axp-entity-card__footer-actions{margin-inline-start:auto;display:flex;min-width:0px;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__primary-action{min-width:0px}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact):not(.axp-entity-card--embedded) .axp-entity-card__identity{padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact) .axp-entity-card__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact).axp-entity-card--expandable.axp-entity-card--expanded .axp-entity-card__identity{padding-bottom:calc(var(--spacing, .25rem) * 2.5)}:host.axp-entity-card-host--fill .axp-entity-card{display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "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: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i6.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "directive", type: AXPUserCardDirective, selector: "[axpUserCard]", inputs: ["axpUserCard", "axpUserCardDisabled", "axpUserCardTrigger"] }, { kind: "component", type: AXPWidgetColumnCellComponent, selector: "axp-widget-column-cell", inputs: ["node", "rowData", "caption"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityCardComponent, decorators: [{
             type: Component,
@@ -7768,7 +7788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPUserAvatarComponent,
                         AXPUserCardDirective,
                         AXPWidgetColumnCellComponent,
-                    ], template: "<article\n  class=\"axp-entity-card\"\n  [ngClass]=\"recordStylingClass()\"\n  [class.axp-entity-card--selected]=\"selected()\"\n  [class.axp-entity-card--new]=\"showNewBadge()\"\n  [class.axp-entity-card--row]=\"isRowLayout()\"\n  [class.axp-entity-card--compact]=\"variant() === 'compact'\"\n  [class.axp-entity-card--embedded]=\"embedded()\"\n  [class.axp-entity-card--elevated]=\"elevated()\"\n  [class.axp-entity-card--static]=\"!interactive()\"\n  [class.axp-entity-card--with-body]=\"hasCardBody()\"\n  [class.axp-entity-card--with-footer]=\"hasCardFooter()\"\n  [class.axp-entity-card--expandable]=\"canShowMore()\"\n  [class.axp-entity-card--expanded]=\"extraExpanded()\"\n  [attr.role]=\"interactive() ? 'button' : undefined\"\n  [attr.tabindex]=\"interactive() ? 0 : undefined\"\n  [attr.aria-selected]=\"interactive() ? selected() : undefined\"\n  (click)=\"onCardClick($event)\"\n  (dblclick)=\"onCardDblClick($event)\"\n  (keydown)=\"onCardKeydown($event)\"\n>\n  <div class=\"axp-entity-card__content\">\n    <!-- ----- Identity row: optional avatar, title, status, and actions ----- -->\n    <div class=\"axp-entity-card__identity\">\n      <div class=\"axp-entity-card__identity-main\">\n        @if (showUserAvatar()) {\n          <!-- ----- Person or user identity uses the user avatar ----- -->\n          <axp-user-avatar class=\"axp-entity-card__avatar\" [size]=\"avatarSize()\" [userId]=\"userAvatarId()\" [displayName]=\"toDisplayName(titleText())\" [displayAvatar]=\"avatarSrc()\" [showPresence]=\"false\" [axpUserCard]=\"userAvatarId()\" />\n        }\n        <!--------------------------------------------------------------->\n        @if (showIdentityImage()) {\n          <!-- ----- Logo or company image for entities that store an image/logo ----- -->\n          <div class=\"axp-entity-card__logo\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <img [src]=\"avatarSrc()\" [alt]=\"toDisplayName(titleText())\" />\n          </div>\n        }\n        <!--------------------------------------------------------------->\n        @if (identityQrField(); as field) {\n          <!-- ----- QR widget occupies the identity visual slot when there is no avatar or logo ----- -->\n          <div class=\"axp-entity-card__qr\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n          </div>\n        }\n\n        <div class=\"axp-entity-card__identity-text\">\n          <div class=\"axp-entity-card__title-row\">\n            @if (iconClass(); as icon) {\n              <!-- ----- Optional header icon from the card layout ----- -->\n              <i [class]=\"icon + ' axp-entity-card__icon'\" aria-hidden=\"true\"></i>\n            }\n\n            <h3 class=\"axp-entity-card__title\">\n              {{ titleText() | translate | async }}\n            </h3>\n\n            @if (showNewBadge()) {\n              <!-- ----- New-row highlight badge ----- -->\n              <ax-badge class=\"axp-entity-card__header-badge\" [text]=\"('@acorex:dataTable.rowHighlight.new' | translate | async) || ''\" color=\"success\" />\n            }\n\n            @for (field of headerBadgeFields(); track field.name) {\n              <!--------------------------------------------------------------->\n              @if (isStatusBadgeField(field)) {\n                <!-- ----- Status widget rendered in the header ----- -->\n                <div class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldHeaderBadgeNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n              <!-- ----- Non-status field rendered as a simple badge ----- -->\n              @else if (resolveBadgeText(field)) {\n                <ax-badge class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\" [text]=\"resolveBadgeText(field)\" [color]=\"resolveBadgeColor(field)\" />\n              }\n            }\n          </div>\n\n          @if (descriptionText()) {\n            <!-- ----- Optional description under the title ----- -->\n            <p class=\"axp-entity-card__description\">\n              {{ descriptionText() | translate | async }}\n            </p>\n          }\n\n          @if (headerMetaFields().length) {\n            <!-- ----- Unlabeled header extra (identifier or contact) ----- -->\n            <div class=\"axp-entity-card__facts axp-entity-card__facts--inline\">\n              @for (field of headerMetaFields(); track field.name) {\n                <div class=\"axp-entity-card__fact\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (hasIdentityActions()) {\n        <!-- ----- Selection, overflow actions, or popover dismiss ----- -->\n        <div class=\"axp-entity-card__identity-actions\">\n          @if (showSelection()) {\n            <!-- ----- Multi-select checkbox ----- -->\n            <ax-check-box class=\"axp-entity-card__select-checkbox\" [value]=\"selected()\" (onValueChanged)=\"onSelectionCheckboxChange($event)\" (click)=\"onSelectionCheckboxClick($event)\" />\n          }\n          <!-- ----- Row actions menu when the card is not in selection mode ----- -->\n          @else if (secondaryActions().length) {\n            <ax-button [look]=\"'blank'\" [color]=\"'default'\" class=\"ax-sm\" (onClick)=\"stopClickPropagation($event)\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n\n              <ax-dropdown-panel #panel>\n                <ax-button-item-list>\n                  @for (item of secondaryActions(); track $index) {\n                    @if (item.divided) {\n                      <!-- ----- Divider before this overflow action ----- -->\n                      <ax-divider />\n                    }\n                    <ax-button-item [text]=\"(item.title | translate | async)!\" [color]=\"item.color\" [disabled]=\"item.disabled\" (onClick)=\"onSecondaryActionClick(item, $event)\">\n                      @if (item.icon) {\n                        <!-- ----- Overflow action icon ----- -->\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button-item>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n          }\n          <!-- ----- Close when hosted as a lookup / detail popover ----- -->\n          @if (showClose()) {\n            <ax-button\n              class=\"axp-entity-card__close ax-sm\"\n              [look]=\"'blank'\"\n              [color]=\"'default'\"\n              [iconOnly]=\"true\"\n              [attr.title]=\"'@general:actions.close.title' | translate | async\"\n              [attr.aria-label]=\"'@general:actions.close.title' | translate | async\"\n              (onClick)=\"onCloseClick($event)\"\n            >\n              <i class=\"fa-light fa-xmark\" aria-hidden=\"true\"></i>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n\n    @if (hasLabeledBody()) {\n      <!-- ----- Divider between unlabeled identity header and labeled body facts ----- -->\n      <div class=\"axp-entity-card__divider\"></div>\n      <div class=\"axp-entity-card__body\">\n        <div class=\"axp-entity-card__fields\">\n          @for (field of previewFields(); track field.name) {\n            <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n              <span class=\"axp-entity-card__field-label\">\n                @if (resolveFieldIcon(field); as icon) {\n                  <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                  <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                }\n                {{ field.title | translate | async }}\n              </span>\n              <div class=\"axp-entity-card__field-value\">\n                <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n              </div>\n            </div>\n          }\n          <!--------------------------------------------------------------->\n          @if (extraFields().length) {\n            <!-- ----- Extra fields stay mounted; collapse hides them without a body fade ----- -->\n            <div class=\"axp-entity-card__extra\" [class.axp-entity-card__extra--collapsed]=\"!extraExpanded()\">\n              @for (field of extraFields(); track field.name) {\n                <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <span class=\"axp-entity-card__field-label\">\n                    @if (resolveFieldIcon(field); as icon) {\n                      <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                      <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                    }\n                    {{ field.title | translate | async }}\n                  </span>\n                  <div class=\"axp-entity-card__field-value\">\n                    <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (showInlineMore()) {\n      <!-- ----- Quiet More/Less under the fields when the card has no action footer ----- -->\n      <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--inline\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n        <span>\n          {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n        </span>\n        <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n      </button>\n    }\n  </div>\n\n  @if (hasCardFooter()) {\n    <!-- ----- One footer row: optional More on the left, primary actions on the right ----- -->\n    <footer class=\"axp-entity-card__footer\">\n      <!-- ----- More/Less shares the footer with the action button ----- -->\n      @if (showFooterMore()) {\n        <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--footer\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n          <span>\n            {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n          </span>\n          <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      <div class=\"axp-entity-card__footer-actions\">\n        @for (action of primaryActions(); track $index) {\n          <ax-button\n            class=\"axp-entity-card__primary-action ax-sm\"\n            [look]=\"primaryActionLook()\"\n            [color]=\"action.color\"\n            [size]=\"'sm'\"\n            [disabled]=\"action.disabled\"\n            [text]=\"(action.title | translate | async)!\"\n            (onClick)=\"onPrimaryActionClick(action.name, $event)\"\n          >\n            @if (action.icon) {\n              <!-- ----- Primary action icon ----- -->\n              <ax-prefix>\n                <i class=\"fa-light {{ action.icon }}\"></i>\n              </ax-prefix>\n            }\n          </ax-button>\n        }\n      </div>\n    </footer>\n  }\n</article>\n", styles: ["@layer properties;:host{display:block;width:100%;min-width:0px}:host.axp-entity-card-host--fill{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column}:host.axp-entity-card-host--elevated{border-radius:var(--radius-md, .375rem);box-shadow:0 8px 16px #00000029,0 24px 48px #00000038,0 48px 96px #00000047}.axp-entity-card{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));--axp-entity-card-border: rgb(var(--ax-sys-color-border-light-surface));--axp-entity-card-gutter: 1rem;position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));background-color:var(--axp-entity-card-surface);border-color:var(--axp-entity-card-border)}.axp-entity-card:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card.axp-entity-card--selected{border-color:rgba(var(--ax-sys-color-primary-500));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:0 0 0 1px rgb(var(--ax-sys-color-primary-500) / .25),0 2px 6px #0000000f}.axp-entity-card.axp-entity-card--new{border-color:rgb(var(--ax-sys-color-border-success-surface));box-shadow:0 0 0 1px rgb(var(--ax-sys-color-success-500) / .2)}.axp-entity-card.primary{--axp-entity-card-surface: rgb(var(--ax-sys-color-primary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-primary-lightest-surface))}.axp-entity-card.secondary{--axp-entity-card-surface: rgb(var(--ax-sys-color-secondary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-secondary-lightest-surface))}.axp-entity-card.success{--axp-entity-card-surface: rgb(var(--ax-sys-color-success-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-success-lightest-surface))}.axp-entity-card.warning{--axp-entity-card-surface: rgb(var(--ax-sys-color-warning-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-warning-lightest-surface))}.axp-entity-card.danger{--axp-entity-card-surface: rgb(var(--ax-sys-color-danger-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-danger-lightest-surface))}.axp-entity-card.accent1{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent1-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent1-lightest-surface))}.axp-entity-card.accent2{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent2-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent2-lightest-surface))}.axp-entity-card.accent3{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent3-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent3-lightest-surface))}.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3{background-color:var(--axp-entity-card-surface)}:is(.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3) .axp-entity-card__footer{background-color:transparent}.axp-entity-card:not(.axp-entity-card--static){cursor:pointer}.axp-entity-card.axp-entity-card--static{cursor:default}.axp-entity-card.axp-entity-card--elevated{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated .axp-entity-card__footer{background-color:rgb(var(--ax-sys-color-lightest-surface))}.axp-entity-card.axp-entity-card--embedded{border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--axp-entity-card-surface: transparent;background-color:transparent}.axp-entity-card.axp-entity-card--embedded:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__identity{padding-inline:0px;padding-block:0px}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__fields{padding-inline:0px;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:0}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__divider{margin-inline:0px}.axp-entity-card .axp-entity-card__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__identity-main{display:flex;min-width:0px;flex:1;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__avatar{flex-shrink:0}.axp-entity-card .axp-entity-card__logo{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-surface))}.axp-entity-card .axp-entity-card__logo img{width:100%;height:100%;object-fit:contain}.axp-entity-card .axp-entity-card__qr{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__qr axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__identity-text{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__title-row{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__select-checkbox,.axp-entity-card .axp-entity-card__header-badge{flex-shrink:0}.axp-entity-card .axp-entity-card__identity-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__close{margin-inline-end:calc(var(--spacing, .25rem) * -1);margin-top:calc(var(--spacing, .25rem) * -.5)}.axp-entity-card .axp-entity-card__content{position:relative;flex:1}.axp-entity-card .axp-entity-card__more{display:inline-flex;min-height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__more span,.axp-entity-card .axp-entity-card__more i{pointer-events:none}.axp-entity-card .axp-entity-card__more i{font-size:10px;--tw-leading: 1;line-height:1}.axp-entity-card .axp-entity-card__more:hover,.axp-entity-card .axp-entity-card__more:focus-visible{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__more:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card .axp-entity-card__more--footer{margin-block:calc(var(--spacing, .25rem) * -2.5);margin-inline-start:calc(var(--spacing, .25rem) * -1);min-height:calc(var(--spacing, .25rem) * 10);align-self:stretch;padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__more--inline{margin-inline:var(--axp-entity-card-gutter);margin-top:calc(var(--spacing, .25rem) * .5);margin-bottom:calc(var(--spacing, .25rem) * 2);padding-inline:var(--spacing, .25rem);padding-block:calc(var(--spacing, .25rem) * 2)}.axp-entity-card.axp-entity-card--expanded .axp-entity-card__more{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-entity-card .axp-entity-card__icon{flex-shrink:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__description{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);opacity:65%}.axp-entity-card .axp-entity-card__facts{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__facts--inline{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, .25rem) * 4);row-gap:var(--spacing, .25rem);padding-inline:0px;padding-block:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__fact{min-width:0px;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__fact axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__divider{margin-inline:var(--axp-entity-card-gutter);border-top:1px solid var(--axp-entity-card-border)}.axp-entity-card .axp-entity-card__body{position:relative;overflow:hidden}.axp-entity-card .axp-entity-card__extra{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__extra--collapsed{display:none}.axp-entity-card .axp-entity-card__fields{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3{width:auto;margin-inline:calc(-1 * var(--axp-entity-card-gutter));padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__field-row.primary{--axp-entity-styling-border: var(--ax-sys-color-border-primary-lightest-surface);background-color:rgb(var(--ax-sys-color-primary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__field-row.secondary{--axp-entity-styling-border: var(--ax-sys-color-border-secondary-lightest-surface);background-color:rgb(var(--ax-sys-color-secondary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-secondary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__field-row.success{--axp-entity-styling-border: var(--ax-sys-color-border-success-lightest-surface);background-color:rgb(var(--ax-sys-color-success-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-success-lightest-surface))}.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__field-row.warning{--axp-entity-styling-border: var(--ax-sys-color-border-warning-lightest-surface);background-color:rgb(var(--ax-sys-color-warning-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-warning-lightest-surface))}.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__field-row.danger{--axp-entity-styling-border: var(--ax-sys-color-border-danger-lightest-surface);background-color:rgb(var(--ax-sys-color-danger-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__field-row.accent1{--axp-entity-styling-border: var(--ax-sys-color-border-accent1-lightest-surface);background-color:rgb(var(--ax-sys-color-accent1-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent1-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__field-row.accent2{--axp-entity-styling-border: var(--ax-sys-color-border-accent2-lightest-surface);background-color:rgb(var(--ax-sys-color-accent2-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent2-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.accent3,.axp-entity-card .axp-entity-card__field-row.accent3{--axp-entity-styling-border: var(--ax-sys-color-border-accent3-lightest-surface);background-color:rgb(var(--ax-sys-color-accent3-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent3-lightest-surface))}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__header-badge.accent3{border-radius:var(--radius-sm, .25rem);padding-inline:var(--spacing, .25rem)}.axp-entity-card .axp-entity-card__field-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__field-label{display:inline-flex;min-width:0px;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__field-value{margin-inline-start:auto;max-width:60%;min-width:0px;overflow:hidden;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);overflow-wrap:break-word;color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:100%;max-width:100%;min-width:0px;overflow:hidden;text-align:start;overflow-wrap:break-word}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell *{text-align:start}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell .flex{justify-content:flex-start}.axp-entity-card .axp-entity-card__field-value :is(.truncate,.whitespace-nowrap){max-width:100%;min-width:0px;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset}:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-label,:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-value{color:inherit}.axp-entity-card .axp-entity-card__field-icon{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-entity-card .axp-entity-card__footer{margin-top:auto;display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;padding-block:calc(var(--spacing, .25rem) * 2.5);padding-inline:var(--axp-entity-card-gutter);border-top-color:var(--axp-entity-card-border);background-color:var(--axp-entity-card-surface)}.axp-entity-card .axp-entity-card__footer-actions{margin-inline-start:auto;display:flex;min-width:0px;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__primary-action{min-width:0px}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact):not(.axp-entity-card--embedded) .axp-entity-card__identity{padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact) .axp-entity-card__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact).axp-entity-card--expandable.axp-entity-card--expanded .axp-entity-card__identity{padding-bottom:calc(var(--spacing, .25rem) * 2.5)}:host.axp-entity-card-host--fill .axp-entity-card{display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<article\n  class=\"axp-entity-card\"\n  [ngClass]=\"recordStylingClass()\"\n  [class.axp-entity-card--selected]=\"selected()\"\n  [class.axp-entity-card--new]=\"showNewBadge()\"\n  [class.axp-entity-card--row]=\"isRowLayout()\"\n  [class.axp-entity-card--compact]=\"variant() === 'compact'\"\n  [class.axp-entity-card--embedded]=\"embedded()\"\n  [class.axp-entity-card--elevated]=\"elevated()\"\n  [class.axp-entity-card--static]=\"!interactive()\"\n  [class.axp-entity-card--with-body]=\"hasCardBody()\"\n  [class.axp-entity-card--with-footer]=\"hasCardFooter()\"\n  [class.axp-entity-card--expandable]=\"canShowMore()\"\n  [class.axp-entity-card--expanded]=\"extraExpanded()\"\n  [attr.role]=\"interactive() ? 'button' : undefined\"\n  [attr.tabindex]=\"interactive() ? 0 : undefined\"\n  [attr.aria-selected]=\"interactive() ? selected() : undefined\"\n  (click)=\"onCardClick($event)\"\n  (dblclick)=\"onCardDblClick($event)\"\n  (keydown)=\"onCardKeydown($event)\"\n>\n  <div class=\"axp-entity-card__content\">\n    <!-- ----- Identity row: optional avatar, title, status, and actions ----- -->\n    <div class=\"axp-entity-card__identity\">\n      <div class=\"axp-entity-card__identity-main\">\n        @if (showUserAvatar()) {\n          <!-- ----- Person or user identity uses the user avatar ----- -->\n          <axp-user-avatar class=\"axp-entity-card__avatar\" [size]=\"avatarSize()\" [userId]=\"userAvatarId()\" [displayName]=\"toDisplayName(titleText())\" [displayAvatar]=\"avatarSrc()\" [showPresence]=\"false\" [axpUserCard]=\"userAvatarId()\" />\n        }\n        <!--------------------------------------------------------------->\n        @if (showIdentityImage()) {\n          <!-- ----- Logo or company image for entities that store an image/logo ----- -->\n          <div class=\"axp-entity-card__logo\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <img [src]=\"avatarSrc()\" [alt]=\"toDisplayName(titleText())\" />\n          </div>\n        }\n        <!--------------------------------------------------------------->\n        @if (identityQrField(); as field) {\n          <!-- ----- QR widget occupies the identity visual slot when there is no avatar or logo ----- -->\n          <div class=\"axp-entity-card__qr\" [style.width.px]=\"avatarSize()\" [style.height.px]=\"avatarSize()\">\n            <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n          </div>\n        }\n\n        <div class=\"axp-entity-card__identity-text\">\n          <div class=\"axp-entity-card__title-row\">\n            @if (iconClass(); as icon) {\n              <!-- ----- Optional header icon from the card layout ----- -->\n              <i [class]=\"icon + ' axp-entity-card__icon'\" aria-hidden=\"true\"></i>\n            }\n\n            <h3 class=\"axp-entity-card__title\">\n              {{ titleText() | translate | async }}\n            </h3>\n\n            @if (showNewBadge()) {\n              <!-- ----- New-row highlight badge ----- -->\n              <ax-badge class=\"axp-entity-card__header-badge\" [text]=\"('@acorex:dataTable.rowHighlight.new' | translate | async) || ''\" color=\"success\" />\n            }\n\n            @for (field of headerBadgeFields(); track field.name) {\n              <!--------------------------------------------------------------->\n              @if (isStatusBadgeField(field)) {\n                <!-- ----- Status widget rendered in the header ----- -->\n                <div class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldHeaderBadgeNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n              <!-- ----- Non-status field rendered as a simple badge ----- -->\n              @else if (resolveBadgeText(field)) {\n                <ax-badge class=\"axp-entity-card__header-badge\" [ngClass]=\"fieldStylingClass(field.name)\" [text]=\"resolveBadgeText(field)\" [color]=\"resolveBadgeColor(field)\" />\n              }\n            }\n          </div>\n\n          @if (descriptionText()) {\n            <!-- ----- Optional description under the title ----- -->\n            <p class=\"axp-entity-card__description\">\n              {{ descriptionText() | translate | async }}\n            </p>\n          }\n\n          @if (headerMetaFields().length) {\n            <!-- ----- Unlabeled header extra (identifier or contact) ----- -->\n            <div class=\"axp-entity-card__facts axp-entity-card__facts--inline\">\n              @for (field of headerMetaFields(); track field.name) {\n                <div class=\"axp-entity-card__fact\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (hasIdentityActions()) {\n        <!-- ----- Selection, overflow actions, or popover dismiss ----- -->\n        <div class=\"axp-entity-card__identity-actions\">\n          @if (showSelection()) {\n            <!-- ----- Multi-select checkbox ----- -->\n            <ax-check-box class=\"axp-entity-card__select-checkbox\" [value]=\"selected()\" (onValueChanged)=\"onSelectionCheckboxChange($event)\" (click)=\"onSelectionCheckboxClick($event)\" />\n          }\n          <!-- ----- Row actions menu when the card is not in selection mode ----- -->\n          @else if (secondaryActions().length) {\n            <ax-button [look]=\"'blank'\" [color]=\"'default'\" class=\"ax-sm\" (onClick)=\"stopClickPropagation($event)\">\n              <ax-prefix>\n                <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n              </ax-prefix>\n\n              <ax-dropdown-panel #panel>\n                <ax-button-item-list>\n                  @for (item of secondaryActions(); track $index) {\n                    @if (item.divided) {\n                      <!-- ----- Divider before this overflow action ----- -->\n                      <ax-divider />\n                    }\n                    <ax-button-item [text]=\"(item.title | translate | async)!\" [color]=\"item.color\" [disabled]=\"item.disabled\" (onClick)=\"onSecondaryActionClick(item, $event)\">\n                      @if (item.icon) {\n                        <!-- ----- Overflow action icon ----- -->\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                        </ax-prefix>\n                      }\n                    </ax-button-item>\n                  }\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-button>\n          }\n          <!-- ----- Close when hosted as a lookup / detail popover ----- -->\n          @if (showClose()) {\n            <ax-button\n              class=\"axp-entity-card__close ax-sm\"\n              [look]=\"'blank'\"\n              [color]=\"'default'\"\n              [iconOnly]=\"true\"\n              [attr.title]=\"'@general:actions.close.title' | translate | async\"\n              [attr.aria-label]=\"'@general:actions.close.title' | translate | async\"\n              (onClick)=\"onCloseClick($event)\"\n            >\n              <i class=\"fa-light fa-xmark\" aria-hidden=\"true\"></i>\n            </ax-button>\n          }\n        </div>\n      }\n    </div>\n\n    @if (hasLabeledBody()) {\n      <!-- ----- Divider between unlabeled identity header and labeled body facts ----- -->\n      <div class=\"axp-entity-card__divider\"></div>\n      <div class=\"axp-entity-card__body\">\n        <div class=\"axp-entity-card__fields\">\n          @for (field of previewFields(); track field.name) {\n            <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n              <span class=\"axp-entity-card__field-label\">\n                @if (resolveFieldIcon(field); as icon) {\n                  <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                  <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                }\n                {{ field.title | translate | async }}\n              </span>\n              <div class=\"axp-entity-card__field-value\">\n                <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n              </div>\n            </div>\n          }\n          <!--------------------------------------------------------------->\n          @if (extraFields().length) {\n            <!-- ----- Extra fields stay mounted; collapse hides them without a body fade ----- -->\n            <div class=\"axp-entity-card__extra\" [class.axp-entity-card__extra--collapsed]=\"!extraExpanded()\">\n              @for (field of extraFields(); track field.name) {\n                <div class=\"axp-entity-card__field-row\" [ngClass]=\"fieldStylingClass(field.name)\">\n                  <span class=\"axp-entity-card__field-label\">\n                    @if (resolveFieldIcon(field); as icon) {\n                      <!-- ----- Field icon from lookup entity or widget definition ----- -->\n                      <i class=\"axp-entity-card__field-icon {{ icon }}\" aria-hidden=\"true\"></i>\n                    }\n                    {{ field.title | translate | async }}\n                  </span>\n                  <div class=\"axp-entity-card__field-value\">\n                    <axp-widget-column-cell [node]=\"fieldColumnNode(field)\" [rowData]=\"row()\" [caption]=\"field.title\" />\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (showInlineMore()) {\n      <!-- ----- Quiet More/Less under the fields when the card has no action footer ----- -->\n      <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--inline\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n        <span>\n          {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n        </span>\n        <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n      </button>\n    }\n  </div>\n\n  @if (hasCardFooter()) {\n    <!-- ----- One footer row: optional More on the left, primary actions on the right ----- -->\n    <footer class=\"axp-entity-card__footer\">\n      <!-- ----- More/Less shares the footer with the action button ----- -->\n      @if (showFooterMore()) {\n        <button type=\"button\" class=\"axp-entity-card__more axp-entity-card__more--footer\" [attr.aria-expanded]=\"extraExpanded()\" (click)=\"onToggleExtra($event)\">\n          <span>\n            {{ (extraExpanded() ? '@general:terms.interface.less-card' : '@general:terms.interface.more-card') | translate | async }}\n          </span>\n          <i class=\"fa-light\" [class.fa-chevron-down]=\"!extraExpanded()\" [class.fa-chevron-up]=\"extraExpanded()\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      <div class=\"axp-entity-card__footer-actions\">\n        @for (action of primaryActions(); track $index) {\n          <ax-button\n            class=\"axp-entity-card__primary-action ax-sm\"\n            [look]=\"primaryActionLook()\"\n            [color]=\"action.color\"\n            [disabled]=\"action.disabled\"\n            [text]=\"(action.title | translate | async)!\"\n            (onClick)=\"onPrimaryActionClick(action.name, $event)\"\n          >\n            @if (action.icon) {\n              <!-- ----- Primary action icon ----- -->\n              <ax-prefix>\n                <i class=\"fa-light {{ action.icon }}\"></i>\n              </ax-prefix>\n            }\n          </ax-button>\n        }\n      </div>\n    </footer>\n  }\n</article>\n", styles: ["@layer properties;:host{display:block;width:100%;min-width:0px}:host.axp-entity-card-host--fill{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column}:host.axp-entity-card-host--elevated{border-radius:var(--radius-md, .375rem);box-shadow:0 8px 16px #00000029,0 24px 48px #00000038,0 48px 96px #00000047}.axp-entity-card{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));--axp-entity-card-border: rgb(var(--ax-sys-color-border-light-surface));--axp-entity-card-gutter: 1rem;position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));background-color:var(--axp-entity-card-surface);border-color:var(--axp-entity-card-border)}.axp-entity-card:hover{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card.axp-entity-card--selected{border-color:rgba(var(--ax-sys-color-primary-500));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);box-shadow:0 0 0 1px rgb(var(--ax-sys-color-primary-500) / .25),0 2px 6px #0000000f}.axp-entity-card.axp-entity-card--new{border-color:rgb(var(--ax-sys-color-border-success-surface));box-shadow:0 0 0 1px rgb(var(--ax-sys-color-success-500) / .2)}.axp-entity-card.primary{--axp-entity-card-surface: rgb(var(--ax-sys-color-primary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-primary-lightest-surface))}.axp-entity-card.secondary{--axp-entity-card-surface: rgb(var(--ax-sys-color-secondary-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-secondary-lightest-surface))}.axp-entity-card.success{--axp-entity-card-surface: rgb(var(--ax-sys-color-success-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-success-lightest-surface))}.axp-entity-card.warning{--axp-entity-card-surface: rgb(var(--ax-sys-color-warning-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-warning-lightest-surface))}.axp-entity-card.danger{--axp-entity-card-surface: rgb(var(--ax-sys-color-danger-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-danger-lightest-surface))}.axp-entity-card.accent1{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent1-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent1-lightest-surface))}.axp-entity-card.accent2{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent2-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent2-lightest-surface))}.axp-entity-card.accent3{--axp-entity-card-surface: rgb(var(--ax-sys-color-accent3-50));--axp-entity-card-border: rgb(var(--ax-sys-color-border-accent3-lightest-surface))}.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3{background-color:var(--axp-entity-card-surface)}:is(.axp-entity-card.primary,.axp-entity-card.secondary,.axp-entity-card.success,.axp-entity-card.warning,.axp-entity-card.danger,.axp-entity-card.accent1,.axp-entity-card.accent2,.axp-entity-card.accent3) .axp-entity-card__footer{background-color:transparent}.axp-entity-card:not(.axp-entity-card--static){cursor:pointer}.axp-entity-card.axp-entity-card--static{cursor:default}.axp-entity-card.axp-entity-card--elevated{--axp-entity-card-surface: rgb(var(--ax-sys-color-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--elevated .axp-entity-card__footer{background-color:rgb(var(--ax-sys-color-lightest-surface))}.axp-entity-card.axp-entity-card--embedded{border-radius:0;border-style:var(--tw-border-style);border-width:0px;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--axp-entity-card-surface: transparent;background-color:transparent}.axp-entity-card.axp-entity-card--embedded:hover{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__identity{padding-inline:0px;padding-block:0px}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__fields{padding-inline:0px;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:0}.axp-entity-card.axp-entity-card--embedded .axp-entity-card__divider{margin-inline:0px}.axp-entity-card .axp-entity-card__identity{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__identity-main{display:flex;min-width:0px;flex:1;align-items:flex-start;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__avatar{flex-shrink:0}.axp-entity-card .axp-entity-card__logo{flex-shrink:0;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-surface))}.axp-entity-card .axp-entity-card__logo img{width:100%;height:100%;object-fit:contain}.axp-entity-card .axp-entity-card__qr{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__qr axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__identity-text{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__title-row{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__select-checkbox,.axp-entity-card .axp-entity-card__header-badge{flex-shrink:0}.axp-entity-card .axp-entity-card__identity-actions{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__close{margin-inline-end:calc(var(--spacing, .25rem) * -1);margin-top:calc(var(--spacing, .25rem) * -.5)}.axp-entity-card .axp-entity-card__content{position:relative;flex:1}.axp-entity-card .axp-entity-card__more{display:inline-flex;min-height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:var(--spacing, .25rem);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__more span,.axp-entity-card .axp-entity-card__more i{pointer-events:none}.axp-entity-card .axp-entity-card__more i{font-size:10px;--tw-leading: 1;line-height:1}.axp-entity-card .axp-entity-card__more:hover,.axp-entity-card .axp-entity-card__more:focus-visible{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__more:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-500))}.axp-entity-card .axp-entity-card__more--footer{margin-block:calc(var(--spacing, .25rem) * -2.5);margin-inline-start:calc(var(--spacing, .25rem) * -1);min-height:calc(var(--spacing, .25rem) * 10);align-self:stretch;padding-inline:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__more--inline{margin-inline:var(--axp-entity-card-gutter);margin-top:calc(var(--spacing, .25rem) * .5);margin-bottom:calc(var(--spacing, .25rem) * 2);padding-inline:var(--spacing, .25rem);padding-block:calc(var(--spacing, .25rem) * 2)}.axp-entity-card.axp-entity-card--expanded .axp-entity-card__more{color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-entity-card .axp-entity-card__icon{flex-shrink:0;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__description{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);opacity:65%}.axp-entity-card .axp-entity-card__facts{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__facts--inline{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:calc(var(--spacing, .25rem) * 4);row-gap:var(--spacing, .25rem);padding-inline:0px;padding-block:calc(var(--spacing, .25rem) * .5)}.axp-entity-card .axp-entity-card__fact{min-width:0px;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-lightest-surface))}.axp-entity-card .axp-entity-card__fact axp-widget-column-cell{display:block;max-width:100%}.axp-entity-card .axp-entity-card__divider{margin-inline:var(--axp-entity-card-gutter);border-top:1px solid var(--axp-entity-card-border)}.axp-entity-card .axp-entity-card__body{position:relative;overflow:hidden}.axp-entity-card .axp-entity-card__extra{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__extra--collapsed{display:none}.axp-entity-card .axp-entity-card__fields{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 3);padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3{width:auto;margin-inline:calc(-1 * var(--axp-entity-card-gutter));padding-inline:var(--axp-entity-card-gutter)}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__field-row.primary{--axp-entity-styling-border: var(--ax-sys-color-border-primary-lightest-surface);background-color:rgb(var(--ax-sys-color-primary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-primary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__field-row.secondary{--axp-entity-styling-border: var(--ax-sys-color-border-secondary-lightest-surface);background-color:rgb(var(--ax-sys-color-secondary-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-secondary-lightest-surface))}.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__field-row.success{--axp-entity-styling-border: var(--ax-sys-color-border-success-lightest-surface);background-color:rgb(var(--ax-sys-color-success-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-success-lightest-surface))}.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__field-row.warning{--axp-entity-styling-border: var(--ax-sys-color-border-warning-lightest-surface);background-color:rgb(var(--ax-sys-color-warning-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-warning-lightest-surface))}.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__field-row.danger{--axp-entity-styling-border: var(--ax-sys-color-border-danger-lightest-surface);background-color:rgb(var(--ax-sys-color-danger-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-danger-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__field-row.accent1{--axp-entity-styling-border: var(--ax-sys-color-border-accent1-lightest-surface);background-color:rgb(var(--ax-sys-color-accent1-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent1-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__field-row.accent2{--axp-entity-styling-border: var(--ax-sys-color-border-accent2-lightest-surface);background-color:rgb(var(--ax-sys-color-accent2-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent2-lightest-surface))}.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.accent3,.axp-entity-card .axp-entity-card__field-row.accent3{--axp-entity-styling-border: var(--ax-sys-color-border-accent3-lightest-surface);background-color:rgb(var(--ax-sys-color-accent3-100));box-shadow:inset 0 0 0 1px rgb(var(--axp-entity-styling-border) / .35);color:rgb(var(--ax-sys-color-on-accent3-lightest-surface))}.axp-entity-card .axp-entity-card__fact.primary,.axp-entity-card .axp-entity-card__fact.secondary,.axp-entity-card .axp-entity-card__fact.success,.axp-entity-card .axp-entity-card__fact.warning,.axp-entity-card .axp-entity-card__fact.danger,.axp-entity-card .axp-entity-card__fact.accent1,.axp-entity-card .axp-entity-card__fact.accent2,.axp-entity-card .axp-entity-card__fact.accent3,.axp-entity-card .axp-entity-card__header-badge.primary,.axp-entity-card .axp-entity-card__header-badge.secondary,.axp-entity-card .axp-entity-card__header-badge.success,.axp-entity-card .axp-entity-card__header-badge.warning,.axp-entity-card .axp-entity-card__header-badge.danger,.axp-entity-card .axp-entity-card__header-badge.accent1,.axp-entity-card .axp-entity-card__header-badge.accent2,.axp-entity-card .axp-entity-card__header-badge.accent3{border-radius:var(--radius-sm, .25rem);padding-inline:var(--spacing, .25rem)}.axp-entity-card .axp-entity-card__field-row{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card .axp-entity-card__field-label{display:inline-flex;min-width:0px;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--color-gray-500, oklch(55.1% .027 264.364))}.axp-entity-card .axp-entity-card__field-value{margin-inline-start:auto;max-width:60%;min-width:0px;overflow:hidden;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);overflow-wrap:break-word;color:rgba(var(--ax-sys-color-on-surface))}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:100%;max-width:100%;min-width:0px;overflow:hidden;text-align:start;overflow-wrap:break-word}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell *{text-align:start}.axp-entity-card .axp-entity-card__field-value axp-widget-column-cell .flex{justify-content:flex-start}.axp-entity-card .axp-entity-card__field-value :is(.truncate,.whitespace-nowrap){max-width:100%;min-width:0px;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset}:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-label,:is(.axp-entity-card .axp-entity-card__field-row.primary,.axp-entity-card .axp-entity-card__field-row.secondary,.axp-entity-card .axp-entity-card__field-row.success,.axp-entity-card .axp-entity-card__field-row.warning,.axp-entity-card .axp-entity-card__field-row.danger,.axp-entity-card .axp-entity-card__field-row.accent1,.axp-entity-card .axp-entity-card__field-row.accent2,.axp-entity-card .axp-entity-card__field-row.accent3) .axp-entity-card__field-value{color:inherit}.axp-entity-card .axp-entity-card__field-icon{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-entity-card .axp-entity-card__footer{margin-top:auto;display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;padding-block:calc(var(--spacing, .25rem) * 2.5);padding-inline:var(--axp-entity-card-gutter);border-top-color:var(--axp-entity-card-border);background-color:var(--axp-entity-card-surface)}.axp-entity-card .axp-entity-card__footer-actions{margin-inline-start:auto;display:flex;min-width:0px;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 2)}.axp-entity-card .axp-entity-card__primary-action{min-width:0px}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact):not(.axp-entity-card--embedded) .axp-entity-card__identity{padding-block:calc(var(--spacing, .25rem) * 2.5)}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact) .axp-entity-card__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}:is(.axp-entity-card.axp-entity-card--row,.axp-entity-card.axp-entity-card--compact).axp-entity-card--expandable.axp-entity-card--expanded .axp-entity-card__identity{padding-bottom:calc(var(--spacing, .25rem) * 2.5)}:host.axp-entity-card-host--fill .axp-entity-card{display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: true }] }], fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], disableLookupPopover: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableLookupPopover", required: false }] }], fillHost: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillHost", required: false }] }], extraExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraExpanded", required: false }] }, { type: i0.Output, args: ["extraExpandedChange"] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], showNewBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNewBadge", required: false }] }], showSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSelection", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], primaryActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryActions", required: false }] }], primaryActionLook: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryActionLook", required: false }] }], secondaryActionLoader: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryActionLoader", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], commandClick: [{ type: i0.Output, args: ["commandClick"] }], closeClick: [{ type: i0.Output, args: ["closeClick"] }] } });
 
 class AXPEntityDetailPopoverComponent {
@@ -7901,7 +7921,7 @@ class AXPEntityDetailPopoverComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityDetailPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axp-entity-detail-popover\">\n  @if (breadcrumb()) {\n    <!-- ----- Optional lookup breadcrumb above the shared entity card ----- -->\n    <div class=\"text-xs text-neutral-500 mb-2\">{{ breadcrumb() }}</div>\n  }\n  @if (isLoadingDetails()) {\n    <!-- ----- Loading placeholder while Entity:GetDetails is fetched ----- -->\n    <div class=\"axp-entity-detail-popover__loading\">\n      @if (canClose()) {\n        <!-- ----- Dismiss while the lookup card is still loading ----- -->\n        <ax-button\n          class=\"axp-entity-detail-popover__close ax-sm\"\n          [look]=\"'blank'\"\n          [color]=\"'default'\"\n          [iconOnly]=\"true\"\n          [attr.title]=\"('@general:actions.close.title' | translate | async)\"\n          [attr.aria-label]=\"('@general:actions.close.title' | translate | async)\"\n          (onClick)=\"onClose()\"\n        >\n          <i class=\"fa-light fa-xmark\" aria-hidden=\"true\"></i>\n        </ax-button>\n      }\n      <axp-entity-card-skeleton\n        [fieldCount]=\"skeletonFieldCount()\"\n        [badgeCount]=\"skeletonBadgeCount()\"\n        [showContent]=\"true\"\n        [showFooter]=\"true\"\n        [showAvatar]=\"showSkeletonAvatar()\"\n        [elevated]=\"true\"\n      />\n    </div>\n  }\n  <!-- ----- Same card chrome as the master list; Open Details uses the card footer ----- -->\n  @else if (entityDefinition(); as definition) {\n    <!--->\n    <!-- ----- Entity card when row details have loaded ----- -->\n    @if (entityData(); as row) {\n      <axp-entity-card\n        [entity]=\"definition\"\n        [layout]=\"cardLayout()\"\n        [row]=\"row\"\n        [fields]=\"cardFields()\"\n        variant=\"card\"\n        [interactive]=\"false\"\n        [elevated]=\"true\"\n        [showClose]=\"canClose()\"\n        primaryActionLook=\"solid\"\n        [disableLookupPopover]=\"true\"\n        [primaryActions]=\"openDetailsActions()\"\n        (commandClick)=\"onCardCommandClick($event)\"\n        (closeClick)=\"onClose()\"\n      />\n    }\n  }\n</div>\n", styles: [":host{display:block;border-radius:var(--radius-md, .375rem);width:min(600px,calc(100vw - 2rem));background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 8px 16px #00000029,0 24px 48px #00000038,0 48px 96px #00000047}.axp-entity-detail-popover__loading{position:relative}.axp-entity-detail-popover__close{position:absolute;z-index:20;inset-block-start:.75rem;inset-inline-end:1rem}.axp-entity-detail-popover-overlay,.axp-entity-detail-popover-overlay.ax-overlay-container,.axp-entity-detail-popover-overlay.ax-overlay-pane,.axp-entity-detail-popover-overlay .ax-overlay-pane,.axp-entity-detail-popover-overlay .overlay-pane{width:min(600px,calc(100vw - 2rem))!important;min-width:min(600px,calc(100vw - 2rem));overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\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: AXSkeletonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPEntityCardComponent, selector: "axp-entity-card", inputs: ["entity", "layout", "row", "fields", "variant", "interactive", "embedded", "elevated", "disableLookupPopover", "fillHost", "extraExpanded", "selected", "showNewBadge", "showSelection", "showClose", "primaryActions", "primaryActionLook", "secondaryActionLoader"], outputs: ["extraExpandedChange", "selectionChange", "commandClick", "closeClick"] }, { kind: "component", type: AXPEntityCardSkeletonComponent, selector: "axp-entity-card-skeleton", inputs: ["fieldCount", "badgeCount", "showFooter", "showHeaderMenu", "showContent", "rowLayout", "showAvatar", "fillHost", "embedded", "elevated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axp-entity-detail-popover\">\n  @if (breadcrumb()) {\n    <!-- ----- Optional lookup breadcrumb above the shared entity card ----- -->\n    <div class=\"text-xs text-neutral-500 mb-2\">{{ breadcrumb() }}</div>\n  }\n  @if (isLoadingDetails()) {\n    <!-- ----- Loading placeholder while Entity:GetDetails is fetched ----- -->\n    <div class=\"axp-entity-detail-popover__loading\">\n      @if (canClose()) {\n        <!-- ----- Dismiss while the lookup card is still loading ----- -->\n        <ax-button\n          class=\"axp-entity-detail-popover__close ax-sm\"\n          [look]=\"'blank'\"\n          [color]=\"'default'\"\n          [iconOnly]=\"true\"\n          [attr.title]=\"('@general:actions.close.title' | translate | async)\"\n          [attr.aria-label]=\"('@general:actions.close.title' | translate | async)\"\n          (onClick)=\"onClose()\"\n        >\n          <i class=\"fa-light fa-xmark\" aria-hidden=\"true\"></i>\n        </ax-button>\n      }\n      <axp-entity-card-skeleton\n        [fieldCount]=\"skeletonFieldCount()\"\n        [badgeCount]=\"skeletonBadgeCount()\"\n        [showContent]=\"true\"\n        [showFooter]=\"true\"\n        [showAvatar]=\"showSkeletonAvatar()\"\n        [elevated]=\"true\"\n      />\n    </div>\n  }\n  <!-- ----- Same card chrome as the master list; Open Details uses the card footer ----- -->\n  @else if (entityDefinition(); as definition) {\n    <!--->\n    <!-- ----- Entity card when row details have loaded ----- -->\n    @if (entityData(); as row) {\n      <axp-entity-card\n        [entity]=\"definition\"\n        [layout]=\"cardLayout()\"\n        [row]=\"row\"\n        [fields]=\"cardFields()\"\n        variant=\"card\"\n        [interactive]=\"false\"\n        [elevated]=\"true\"\n        [showClose]=\"canClose()\"\n        primaryActionLook=\"solid\"\n        [disableLookupPopover]=\"true\"\n        [primaryActions]=\"openDetailsActions()\"\n        (commandClick)=\"onCardCommandClick($event)\"\n        (closeClick)=\"onClose()\"\n      />\n    }\n  }\n</div>\n", styles: [":host{display:block;border-radius:var(--radius-md, .375rem);width:min(600px,calc(100vw - 2rem));background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 8px 16px #00000029,0 24px 48px #00000038,0 48px 96px #00000047}.axp-entity-detail-popover__loading{position:relative}.axp-entity-detail-popover__close{position:absolute;z-index:20;inset-block-start:.75rem;inset-inline-end:1rem}.axp-entity-detail-popover-overlay,.axp-entity-detail-popover-overlay.ax-overlay-container,.axp-entity-detail-popover-overlay.ax-overlay-pane,.axp-entity-detail-popover-overlay .ax-overlay-pane,.axp-entity-detail-popover-overlay .overlay-pane{width:min(600px,calc(100vw - 2rem))!important;min-width:min(600px,calc(100vw - 2rem));overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPEntityCardComponent, selector: "axp-entity-card", inputs: ["entity", "layout", "row", "fields", "variant", "interactive", "embedded", "elevated", "disableLookupPopover", "fillHost", "extraExpanded", "selected", "showNewBadge", "showSelection", "showClose", "primaryActions", "primaryActionLook", "secondaryActionLoader"], outputs: ["extraExpandedChange", "selectionChange", "commandClick", "closeClick"] }, { kind: "component", type: AXPEntityCardSkeletonComponent, selector: "axp-entity-card-skeleton", inputs: ["fieldCount", "badgeCount", "showFooter", "showHeaderMenu", "showContent", "rowLayout", "showAvatar", "fillHost", "embedded", "elevated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityDetailPopoverComponent, decorators: [{
             type: Component,
@@ -12742,7 +12762,7 @@ class AXMAttachmentsPageComponentProvider {
         return [
             {
                 key: ATTACHMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-CeVGNzup.mjs').then((m) => m.AXMAttachmentsPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-B6nG9dIS.mjs').then((m) => m.AXMAttachmentsPageComponent),
             },
         ];
     }
@@ -13153,20 +13173,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 
 /** Component key used when display is 'page'. Register a page component with this key via AXP_PAGE_COMPONENT_PROVIDER. */
 const GALLERY_PAGE_COMPONENT_KEY = 'entity-gallery-page';
-function buildGalleryWidgetOptions(opts) {
+function buildFileViewerWidgetOptions(opts) {
     return {
         thumbnail: opts.thumbnail ?? true,
-        header: opts.header ?? true,
-        fileInfo: opts.fileInfo ?? true,
         fullScreenButton: opts.fullScreenButton ?? true,
+        downloadButton: opts.downloadButton ?? true,
         allowUpload: opts.allowUpload ?? true,
         allowUploadTypes: opts.allowUploadTypes ?? ['image/*'],
         excludeProviders: opts.excludeProviders,
     };
 }
 /**
- * Gallery plugin.
- * - When display is 'section' (default), adds a section to the single layout with the gallery widget.
+ * Gallery plugin (file-viewer widget).
+ * - When display is 'section' (default), adds a section to the single layout with the file-viewer widget.
  * - When display is 'page', adds a page to entity.pages with GALLERY_PAGE_COMPONENT_KEY.
  */
 const galleryPlugin = {
@@ -13176,7 +13195,7 @@ const galleryPlugin = {
         const opts = options ?? {};
         const field = opts.field && opts.field.trim().length > 0 ? opts.field : 'gallery';
         const displayMode = opts.display ?? 'section';
-        const displayTitle = opts.title?.trim() || '@platform-layout-widgets:widgets.gallery.title';
+        const displayTitle = opts.title?.trim() || '@platform-layout-widgets:widgets.file-viewer.title';
         const groupId = `gallery-${field}`;
         const sectionId = `gallery-${field}`;
         //#region ---- Group & Property ----
@@ -13191,20 +13210,20 @@ const galleryPlugin = {
                 title: displayTitle,
                 groupId,
                 schema: {
-                    dataType: 'object',
+                    dataType: 'array',
                     interface: {
-                        type: 'gallery',
-                        options: buildGalleryWidgetOptions(opts),
+                        type: 'file-viewer',
+                        options: buildFileViewerWidgetOptions(opts),
                     },
                 },
             });
         }
         else {
             const prop = props.find((p) => p.name === field);
-            if (prop?.schema?.interface?.type === 'gallery') {
+            if (prop?.schema?.interface?.type === 'file-viewer') {
                 prop.schema.interface.options = {
                     ...(prop.schema.interface.options ?? {}),
-                    ...buildGalleryWidgetOptions(opts),
+                    ...buildFileViewerWidgetOptions(opts),
                 };
             }
         }
@@ -13248,7 +13267,7 @@ const galleryPlugin = {
             const page = {
                 componentKey: GALLERY_PAGE_COMPONENT_KEY,
                 title: displayTitle,
-                icon: opts.icon ?? 'fa-light fa-images',
+                icon: opts.icon ?? 'fa-light fa-file-lines',
                 layout: { order: pageOrder },
                 field,
             };
@@ -13280,7 +13299,7 @@ class AXMGalleryPageComponentProvider {
         return [
             {
                 key: GALLERY_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-B17l6mbm.mjs').then((m) => m.AXMGalleryPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-B4wC1iqZ.mjs').then((m) => m.AXMGalleryPageComponent),
             },
         ];
     }
@@ -15298,7 +15317,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.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: 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: i1$4.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", "alternate", "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", "titleParams", "descriptionParams", "look"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.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", "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.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: 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: i1$4.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", "alternate", "nodeTemplate", "idField", "titleField", "highlightText", "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", "titleParams", "descriptionParams", "look"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityCategoryTreeSelectorComponent, decorators: [{
             type: Component,
@@ -16870,7 +16889,7 @@ class AXPEntityCategoryWidgetEditComponent extends AXPValueWidgetComponent {
         </button>
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.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", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityCategoryWidgetEditComponent, decorators: [{
             type: Component,
@@ -17312,7 +17331,7 @@ class AXPEntityDefinitionProviderWidgetEditComponent extends AXPProviderSelectWi
         return parent ? `${parent}.${fieldName}` : fieldName;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityDefinitionProviderWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEntityDefinitionProviderWidgetEditComponent, isStandalone: true, selector: "axp-entity-definition-provider-widget-edit", usesInheritance: true, ngImport: i0, template: "<ax-lookup\n  [mode]=\"lookupMode()\"\n  [placeholder]=\"(placeholder() | translate | async) ?? ''\"\n  [caption]=\"(placeholder() | translate | async) ?? ''\"\n  [dataSource]=\"dataSource()\"\n  [disabled]=\"disabled()\"\n  [valueField]=\"valueField()\"\n  [textField]=\"textField()\"\n  [valueItems]=\"selectedItems()\"\n  [readonly]=\"readonly()\"\n  [searchable]=\"allowSearch()\"\n  [itemTemplate]=\"providerItemTemplate\"\n  [selectedTemplate]=\"providerItemTemplate\"\n  [ngModel]=\"filterMode() ? selectFilterDisplayValue() : getValue()\"\n  (onValueChanged)=\"handleValueChange($event)\"\n  (onSelectionChanged)=\"handleSelectionChanged($event)\"\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]=\"$safeNavigationMigration(validation.options?.message)\"\n      [options]=\"validation.options\"\n    ></ax-validation-rule>\n  }\n</ax-lookup>\n\n<!-- ----- Provider row label (textTemplate or textField) ----- -->\n<ng-template #providerItemTemplate let-item>\n  <span class=\"ax-lookup-option-text\">{{ getProviderLookupLabel(item) | translate | async }}</span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEntityDefinitionProviderWidgetEditComponent, isStandalone: true, selector: "axp-entity-definition-provider-widget-edit", usesInheritance: true, ngImport: i0, template: "<ax-lookup\n  [mode]=\"lookupMode()\"\n  [placeholder]=\"(placeholder() | translate | async) ?? ''\"\n  [caption]=\"(placeholder() | translate | async) ?? ''\"\n  [dataSource]=\"dataSource()\"\n  [disabled]=\"disabled()\"\n  [valueField]=\"valueField()\"\n  [textField]=\"textField()\"\n  [valueItems]=\"selectedItems()\"\n  [readonly]=\"readonly()\"\n  [searchable]=\"allowSearch()\"\n  [itemTemplate]=\"providerItemTemplate\"\n  [selectedTemplate]=\"providerItemTemplate\"\n  [ngModel]=\"filterMode() ? selectFilterDisplayValue() : getValue()\"\n  (onValueChanged)=\"handleValueChange($event)\"\n  (onSelectionChanged)=\"handleSelectionChanged($event)\"\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]=\"$safeNavigationMigration(validation.options?.message)\"\n      [options]=\"validation.options\"\n    ></ax-validation-rule>\n  }\n</ax-lookup>\n\n<!-- ----- Provider row label (textTemplate or textField) ----- -->\n<ng-template #providerItemTemplate let-item>\n  <span class=\"ax-lookup-option-text\">{{ getProviderLookupLabel(item) | translate | async }}</span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { 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: "22.0.8", ngImport: i0, type: AXPEntityDefinitionProviderWidgetEditComponent, decorators: [{
             type: Component,
@@ -19050,7 +19069,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         }
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$6.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: i6.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPEntityCardComponent, selector: "axp-entity-card", inputs: ["entity", "layout", "row", "fields", "variant", "interactive", "embedded", "elevated", "disableLookupPopover", "fillHost", "extraExpanded", "selected", "showNewBadge", "showSelection", "showClose", "primaryActions", "primaryActionLook", "secondaryActionLoader"], outputs: ["extraExpandedChange", "selectionChange", "commandClick", "closeClick"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$6.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", "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: i6.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPEntityCardComponent, selector: "axp-entity-card", inputs: ["entity", "layout", "row", "fields", "variant", "interactive", "embedded", "elevated", "disableLookupPopover", "fillHost", "extraExpanded", "selected", "showNewBadge", "showSelection", "showClose", "primaryActions", "primaryActionLook", "secondaryActionLoader"], outputs: ["extraExpandedChange", "selectionChange", "commandClick", "closeClick"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityListWidgetViewComponent, decorators: [{
             type: Component,
@@ -19541,7 +19560,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.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: i6.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 }); }
+  `, 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", "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.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: i6.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: "22.0.8", ngImport: i0, type: AXPPageComponentWidgetViewComponent, decorators: [{
             type: Component,
@@ -21234,6 +21253,90 @@ function resolveLookupTreeTableColumns(columns, displayField) {
         : column);
 }
 //#endregion
+//#region ----- Resolve rows by stored lookup keys -----
+/** Entity primary key field used by `queries.byKey` (platform default: `id`). */
+function resolveLookupEntityPrimaryKeyField(entity) {
+    const fromProperties = entity.properties?.find((property) => property.name === 'id')?.name;
+    return fromProperties ?? 'id';
+}
+/** True when the widget binds/stores the same field that `byKey` expects. */
+function isLookupValueFieldPrimaryKey(entity, valueField) {
+    const normalized = valueField.trim() || 'id';
+    return normalized === resolveLookupEntityPrimaryKeyField(entity);
+}
+function rememberFetchedLookupRow(map, key, row) {
+    map.set(key, row);
+    if (key != null) {
+        map.set(String(key), row);
+    }
+}
+function readFetchedLookupRow(map, key) {
+    if (key == null) {
+        return undefined;
+    }
+    return map.get(key) ?? map.get(String(key));
+}
+/**
+ * Loads entity rows for stored lookup key(s).
+ * Uses `byKey` when `valueField` is the entity primary key; otherwise queries list with
+ * `valueField equal/in` (e.g. timezone `code`). Does not apply widget dropdown filters so
+ * existing selections still hydrate when inactive or filtered out of the picker list.
+ */
+async function fetchLookupRowsByKeys(config) {
+    const valueField = config.valueField.trim() || 'id';
+    const uniqueKeys = [...new Set(config.keys.filter((key) => key != null))];
+    const fetchedByKey = new Map();
+    if (!uniqueKeys.length) {
+        return fetchedByKey;
+    }
+    const { entity } = config;
+    const byKey = config.byKey;
+    const listExecute = config.queryList ??
+        entity.queries?.list?.execute;
+    if (isLookupValueFieldPrimaryKey(entity, valueField) && byKey) {
+        const rows = await Promise.all(uniqueKeys.map((key) => byKey(key)));
+        uniqueKeys.forEach((key, index) => {
+            const row = rows[index];
+            if (row != null) {
+                rememberFetchedLookupRow(fetchedByKey, key, row);
+            }
+        });
+        return fetchedByKey;
+    }
+    if (!listExecute) {
+        if (byKey) {
+            const rows = await Promise.all(uniqueKeys.map((key) => byKey(key)));
+            uniqueKeys.forEach((key, index) => {
+                const row = rows[index];
+                if (row != null) {
+                    rememberFetchedLookupRow(fetchedByKey, key, row);
+                }
+            });
+        }
+        return fetchedByKey;
+    }
+    const valueFilter = uniqueKeys.length === 1
+        ? { field: valueField, operator: { type: 'equal' }, value: uniqueKeys[0] }
+        : { field: valueField, operator: { type: 'in' }, value: uniqueKeys };
+    const request = {
+        skip: 0,
+        take: Math.max(uniqueKeys.length + 100, 100),
+        sort: [],
+        filter: valueFilter,
+    };
+    const queryFields = config.getQueryFields?.();
+    const query = queryFields?.length ? { ...request, fields: queryFields } : request;
+    const listResult = await listExecute(query);
+    for (const row of listResult?.items ?? []) {
+        const storedKey = get(row, valueField);
+        if (storedKey == null) {
+            continue;
+        }
+        rememberFetchedLookupRow(fetchedByKey, storedKey, row);
+    }
+    return fetchedByKey;
+}
+//#endregion
 //#region ----- Data source -----
 /**
  * Entity list/`byKey` datasource for `ax-lookup`: default sorts, widget filter, inline search OR,
@@ -21245,11 +21348,22 @@ function createLookupEntityDataSource(config) {
     const valueField = config.valueField?.trim() || 'id';
     return new AXDataSource({
         byKey: async (key) => {
-            const execute = entity.queries?.byKey?.execute;
-            if (!execute) {
-                return {};
-            }
-            const row = await execute(key);
+            const byKeyExecute = entity.queries?.byKey?.execute;
+            const listExecute = entity.queries?.list?.execute;
+            const fetchedByKey = await fetchLookupRowsByKeys({
+                entity,
+                valueField,
+                keys: [key],
+                getQueryFields: config.getQueryFields,
+                byKey: byKeyExecute
+                    ? async (lookupKey) => {
+                        const row = await byKeyExecute(lookupKey);
+                        return row ?? null;
+                    }
+                    : undefined,
+                queryList: listExecute,
+            });
+            const row = readFetchedLookupRow(fetchedByKey, key);
             if (row == null) {
                 return {};
             }
@@ -21454,6 +21568,391 @@ function areLookupSelectionItemsHydrated(rawValue, items, options) {
 }
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const DEFAULT_LOOKUP_COLUMN_NAMES = ['title', 'displayName', 'name', 'code', 'description'];
+//#endregion
+//#region ----- Column specs -----
+function normalizeLookupSelectorColumnSpecs(columns) {
+    if (!columns?.length) {
+        return [];
+    }
+    const specs = [];
+    const seen = new Set();
+    for (const column of columns) {
+        const name = (typeof column === 'string' ? column : column?.name)?.trim();
+        if (!name || seen.has(name)) {
+            continue;
+        }
+        seen.add(name);
+        specs.push({
+            name,
+            visible: typeof column === 'string' ? true : column.visible !== false,
+        });
+    }
+    return specs;
+}
+//#endregion
+//#region ----- Column resolution -----
+function resolveEntityListRowTitleTemplate(entity) {
+    return entity.interfaces?.master?.single?.title ?? entity.formats?.searchResult?.title ?? entity.formats?.individual;
+}
+function resolveDefaultColumnNames(entity) {
+    const fromEntity = (entity.columns ?? []).map((column) => column.name?.trim()).filter((name) => !!name);
+    if (fromEntity.length) {
+        return fromEntity;
+    }
+    const properties = entity.properties ?? [];
+    return DEFAULT_LOOKUP_COLUMN_NAMES.filter((name) => properties.some((property) => property.name === name));
+}
+function resolveColumnsToProcess(entity, columnSpecs) {
+    const { columns: entityColumns = [], properties } = entity;
+    const visibleProperties = properties.filter(({ schema }) => schema?.visible !== false);
+    const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
+    const filteredColumns = entityColumns.filter(({ name, showAs }) => visiblePropNames.has(name) || showAs);
+    if (columnSpecs.length === 0) {
+        return filteredColumns
+            .filter((column) => DEFAULT_LOOKUP_COLUMN_NAMES.includes(column.name))
+            .sort((left, right) => {
+            const indexA = DEFAULT_LOOKUP_COLUMN_NAMES.indexOf(left.name);
+            const indexB = DEFAULT_LOOKUP_COLUMN_NAMES.indexOf(right.name);
+            return indexA - indexB;
+        });
+    }
+    const specIndex = new Map(columnSpecs.map((spec, index) => [spec.name, index]));
+    return filteredColumns
+        .filter(({ name }) => specIndex.has(name))
+        .sort((left, right) => (specIndex.get(left.name) ?? 0) - (specIndex.get(right.name) ?? 0));
+}
+function buildWidgetColumnNode(entity, column, property) {
+    const entityRowTitleTemplate = resolveEntityListRowTitleTemplate(entity);
+    const dataPath = column.options?.dataPath?.trim() || column.name;
+    if (column.showAs) {
+        return {
+            path: dataPath,
+            type: column.showAs.type || 'text-editor',
+            options: {
+                readonly: true,
+                columnName: column.name,
+                ...(entityRowTitleTemplate ? { [ENTITY_ROW_POPUP_TITLE_OPTION]: entityRowTitleTemplate } : {}),
+                ...column.showAs.options,
+                popover: { ...column.showAs.options?.['popover'], enabled: false },
+            },
+        };
+    }
+    const iface = property?.schema?.interface;
+    const widgetType = iface?.type || 'text-editor';
+    return {
+        path: dataPath,
+        type: widgetType,
+        options: {
+            readonly: true,
+            columnName: column.name,
+            ...(entityRowTitleTemplate ? { [ENTITY_ROW_POPUP_TITLE_OPTION]: entityRowTitleTemplate } : {}),
+            ...(iface?.options ?? {}),
+            ...(iface?.children?.length ? { children: iface.children } : {}),
+            popover: { ...iface?.options?.['popover'], enabled: false },
+            ...(widgetType === 'attachments'
+                ? {
+                    entityName: iface?.options?.['entityName'] ?? `${entity.module}.${entity.name}`,
+                    entityField: iface?.options?.['entityField'] ?? column.name,
+                }
+                : {}),
+        },
+    };
+}
+/**
+ * Resolves lookup multi-column / multi-column-tree grid columns to platform widget column nodes.
+ * Mirrors entity data-selector column widgets with lookup popover disabled on nested lookups.
+ */
+function resolveLookupWidgetTableColumns(entity, columns, resolveTitle, options) {
+    if (!entity) {
+        return [];
+    }
+    const columnSpecs = normalizeLookupSelectorColumnSpecs(columns);
+    const visibilityByName = new Map(columnSpecs.map((spec) => [spec.name, spec.visible]));
+    const columnsToProcess = resolveColumnsToProcess(entity, columnSpecs);
+    const properties = entity.properties ?? [];
+    const views = [];
+    for (const column of columnsToProcess) {
+        const property = properties.find(({ name }) => name === column.name);
+        const title = resolveTitle(column.title ?? property?.title, column.name);
+        const visible = visibilityByName.get(column.name) ?? column.options?.visible !== false;
+        if (!visible) {
+            continue;
+        }
+        views.push({
+            name: column.name,
+            title,
+            visible: true,
+            width: column.options?.width,
+            dataPath: column.options?.dataPath,
+            node: buildWidgetColumnNode(entity, column, property),
+        });
+    }
+    if (!options?.treeMode || views.length === 0) {
+        return views;
+    }
+    return views.map((column, index) => ({
+        ...column,
+        expandHandler: index === 0,
+        width: index === 0 ? column.width ?? 'auto' : column.width,
+    }));
+}
+//#endregion
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Hydration (keep in sync with @acorex/components/lookup lookup-tree-hydrate.util) -----
+/** Whether a tree node may have descendants (embedded children or lazy metadata). */
+function lookupTreeNodeMayHaveChildren(node) {
+    const raw = node['children'];
+    if (Array.isArray(raw) && raw.length > 0) {
+        return true;
+    }
+    const count = node['childrenCount'];
+    if (typeof count === 'number' && count > 0) {
+        return true;
+    }
+    return node['hasChild'] === true || node['hasChildren'] === true;
+}
+async function mapWithConcurrency(items, concurrency, fn, isCancelled) {
+    if (!items.length) {
+        return [];
+    }
+    const results = new Array(items.length);
+    let nextIndex = 0;
+    const worker = async () => {
+        while (nextIndex < items.length) {
+            if (isCancelled?.()) {
+                return;
+            }
+            const index = nextIndex++;
+            if (index >= items.length) {
+                break;
+            }
+            results[index] = await fn(items[index]);
+        }
+    };
+    const workers = Math.min(concurrency, items.length);
+    await Promise.all(Array.from({ length: workers }, () => worker()));
+    return results;
+}
+/**
+ * Loads a lazy tree into a nested in-memory snapshot using bounded-concurrency BFS.
+ * Returns new node objects and never mutates the input nodes.
+ */
+async function hydrateLookupTree(roots, loadChildren, options) {
+    const { valueField, maxConcurrent = 6, maxNodes = 5000, isCancelled } = options;
+    const visited = new Set();
+    let nodeCount = 0;
+    const hydrateLevel = async (nodes) => {
+        if (!nodes.length || isCancelled?.()) {
+            return nodes.map((node) => ({ ...node }));
+        }
+        const hydrateNode = async (node) => {
+            if (isCancelled?.()) {
+                return { ...node };
+            }
+            const raw = node['children'];
+            if (Array.isArray(raw) && raw.length > 0) {
+                const children = await hydrateLevel(raw);
+                return { ...node, children };
+            }
+            const id = String(node[valueField] ?? '');
+            if (!id || visited.has(id) || !lookupTreeNodeMayHaveChildren(node)) {
+                return { ...node };
+            }
+            visited.add(id);
+            nodeCount++;
+            if (nodeCount > maxNodes) {
+                return { ...node };
+            }
+            const loaded = await loadChildren(id);
+            if (isCancelled?.() || !loaded.length) {
+                return { ...node };
+            }
+            const children = await hydrateLevel(loaded);
+            return children.length > 0 ? { ...node, children } : { ...node };
+        };
+        return mapWithConcurrency(nodes, maxConcurrent, hydrateNode, isCancelled);
+    };
+    return hydrateLevel(roots);
+}
+//#endregion
+//#region ----- Tree table datasource (keep in sync with @acorex/components/lookup lookup-tree-table-data-source) -----
+/** Whether an item label matches a search query (raw or translated). */
+function matchesLookupText(text, query, translateText) {
+    const needle = query.trim().toLowerCase();
+    if (!needle) {
+        return true;
+    }
+    const raw = String(text ?? '').toLowerCase();
+    if (raw.includes(needle)) {
+        return true;
+    }
+    const value = String(text ?? '');
+    if (translateText && value.startsWith('@')) {
+        return translateText(value).toLowerCase().includes(needle);
+    }
+    return false;
+}
+/**
+ * Converts a lazy tree callback into an `AXDataSource` that a multi-column data table can load and expand.
+ */
+function createLookupTreeTableDataSource(source, options) {
+    const isCallback = typeof source === 'function';
+    return new AXDataSource({
+        pageSize: 8,
+        key: options.valueField,
+        load: (query) => loadTreeTableRows(source, options, query, isCallback),
+        byKey: (key) => findTreeTableItem(source, options.valueField, key) ?? {},
+    });
+}
+async function loadTreeTableRows(source, options, query, isCallback) {
+    const parentFilter = query.filter?.field === options.parentField ? query.filter : undefined;
+    const textFilter = query.filter && query.filter.field !== options.parentField ? query.filter : undefined;
+    if (parentFilter) {
+        const children = await loadChildren(source, options, parentFilter.value, isCallback);
+        return { items: children, total: children.length };
+    }
+    const rootNodes = textFilter && options.loadSearchRoots ? await options.loadSearchRoots() : await loadRoots(source, isCallback);
+    const roots = mapTreeNodes(rootNodes, options);
+    const items = textFilter
+        ? prepareFilteredTreeTableRows(filterTreeNodes(roots, options.searchFields?.length ? options.searchFields : options.textField, String(textFilter.value ?? ''), options.translateText))
+        : roots;
+    return { items, total: items.length };
+}
+async function loadRoots(source, isCallback) {
+    if (!isCallback) {
+        return source ?? [];
+    }
+    return (await source()) ?? [];
+}
+async function loadChildren(source, options, parentId, isCallback) {
+    if (isCallback) {
+        const nodes = (await source(String(parentId))) ?? [];
+        return mapTreeNodes(nodes, options);
+    }
+    const parent = findTreeNode(source, options.valueField, parentId);
+    const children = Array.isArray(parent?.['children']) ? parent['children'] : [];
+    return mapTreeNodes(children, options);
+}
+function mapTreeNodes(nodes, options) {
+    return nodes.map((node) => mapTreeNode(node, options));
+}
+function mapTreeNode(node, options) {
+    const rawChildren = node['children'];
+    const children = Array.isArray(rawChildren) ? mapTreeNodes(rawChildren, options) : undefined;
+    const hasChildren = lookupTreeNodeMayHaveChildren(node) || (children?.length ?? 0) > 0;
+    return {
+        ...node,
+        [options.hasChildrenField]: hasChildren,
+        ...(children && children.length > 0 ? { children } : {}),
+    };
+}
+/** Reads a possibly dotted field path off a node. */
+function readNodeField(node, field) {
+    if (!field.includes('.')) {
+        return node[field];
+    }
+    return field.split('.').reduce((current, segment) => {
+        if (current == null || typeof current !== 'object') {
+            return undefined;
+        }
+        return current[segment];
+    }, node);
+}
+/** Whether any of `fields` on the node matches the query. */
+function matchesLookupNode(node, fields, needle, translateText) {
+    return fields.some((field) => {
+        const value = readNodeField(node, field);
+        if (value == null) {
+            return false;
+        }
+        return matchesLookupText(String(value), needle, translateText);
+    });
+}
+function filterTreeNodes(nodes, textField, query, translateText) {
+    const needle = query.trim().toLowerCase();
+    if (!needle) {
+        return nodes;
+    }
+    const fields = (Array.isArray(textField) ? textField : [textField]).filter((field) => !!field);
+    const result = [];
+    for (const node of nodes) {
+        const rawChildren = node['children'];
+        const nested = Array.isArray(rawChildren) ? rawChildren : undefined;
+        const selfMatch = matchesLookupNode(node, fields, needle, translateText);
+        if (selfMatch) {
+            result.push({
+                ...node,
+                ...(nested && nested.length > 0 ? { children: cloneTreeNodes(nested), expanded: true } : {}),
+            });
+            continue;
+        }
+        const children = nested ? filterTreeNodes(nested, fields, needle, translateText) : undefined;
+        if (children && children.length > 0) {
+            result.push({
+                ...node,
+                children,
+                expanded: true,
+            });
+        }
+    }
+    return result;
+}
+function prepareFilteredTreeTableRows(nodes) {
+    return nodes.map((node) => prepareFilteredTreeTableNode(node, 0));
+}
+function prepareFilteredTreeTableNode(node, level) {
+    const rawChildren = node['children'];
+    const nested = Array.isArray(rawChildren) ? rawChildren : undefined;
+    const children = nested?.map((child) => prepareFilteredTreeTableNode(child, level + 1));
+    const hasChildren = (children?.length ?? 0) > 0;
+    const priorMeta = node['__meta__'];
+    const shouldExpand = hasChildren || node['expanded'] === true;
+    return {
+        ...node,
+        ...(children ? { children } : {}),
+        __meta__: {
+            ...(typeof priorMeta === 'object' && priorMeta != null ? priorMeta : {}),
+            level,
+            expanded: shouldExpand,
+        },
+    };
+}
+function cloneTreeNodes(nodes) {
+    return nodes.map((node) => {
+        const raw = node['children'];
+        const children = Array.isArray(raw) && raw.length > 0 ? cloneTreeNodes(raw) : undefined;
+        return children ? { ...node, children } : { ...node };
+    });
+}
+function findTreeTableItem(source, valueField, key) {
+    if (typeof source === 'function' || !Array.isArray(source)) {
+        return undefined;
+    }
+    return findTreeNode(source, valueField, key) ?? undefined;
+}
+function findTreeNode(nodes, valueField, key) {
+    for (const node of nodes) {
+        if (String(node[valueField]) === String(key)) {
+            return node;
+        }
+        const children = node['children'];
+        if (Array.isArray(children)) {
+            const found = findTreeNode(children, valueField, key);
+            if (found) {
+                return found;
+            }
+        }
+    }
+    return null;
+}
+//#endregion
+
 //#region ----- Imports -----
 //#endregion
 //#region ----- Component -----
@@ -21476,12 +21975,17 @@ class AXPLookupWidgetTablePanelComponent {
         ...(ngDevMode ? [{ debugName: "selectedValues" }] : /* istanbul ignore next */ []));
         this.parentField = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "parentField" }] : /* istanbul ignore next */ []));
+        this.hasChildrenField = input('hasChild', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasChildrenField" }] : /* istanbul ignore next */ []));
         this.itemHeight = input(40, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "itemHeight" }] : /* istanbul ignore next */ []));
         this.maxVisibleItems = input(8, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "maxVisibleItems" }] : /* istanbul ignore next */ []));
         this.alternate = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "alternate" }] : /* istanbul ignore next */ []));
+        /** When set, matching text in table cells is highlighted. */
+        this.highlightText = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "highlightText" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----- Outputs -----
         this.itemClick = output();
@@ -21638,20 +22142,29 @@ class AXPLookupWidgetTablePanelComponent {
         return Boolean(item[this.disabledField()]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetTablePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetTablePanelComponent, isStandalone: true, selector: "axp-lookup-widget-table-panel", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, selectedValues: { classPropertyName: "selectedValues", publicName: "selectedValues", isSignal: true, isRequired: false, transformFunction: null }, parentField: { classPropertyName: "parentField", publicName: "parentField", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleItems: { classPropertyName: "maxVisibleItems", publicName: "maxVisibleItems", isSignal: true, isRequired: false, transformFunction: null }, alternate: { classPropertyName: "alternate", publicName: "alternate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { properties: { "style.height.px": "tableHeight()" }, classAttribute: "ax-lookup-multi-column block min-h-0" }, viewQueries: [{ propertyName: "tableRef", first: true, predicate: AXDataTableComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-data-table\n  class=\"ax-lookup-multi-column-table\"\n  look=\"minimal\"\n  [dataSource]=\"parentField() ? dataSource() : tableDataSource\"\n  [parentField]=\"parentField() ?? ''\"\n  [itemHeight]=\"itemHeight()\"\n  [alternative]=\"alternate()\"\n  [loading]=\"loadingConfig()\"\n  [paging]=\"false\"\n  [showHeader]=\"true\"\n  [fixedHeader]=\"true\"\n  [showFooter]=\"false\"\n  [allowReordering]=\"false\"\n  [rowCssClass]=\"resolveRowCssClass\"\n  (onRowClick)=\"handleRowClick($event)\"\n>\n  @for (column of visibleColumns(); track column.name) {\n    <axp-widget-column-renderer\n      [expandHandler]=\"$index === 0 && !!parentField()\"\n      [caption]=\"column.title\"\n      [customWidth]=\"resolveColumnWidth(column)\"\n      [node]=\"column.node\"\n    ></axp-widget-column-renderer>\n  }\n</ax-data-table>\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$7.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$6.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "columnFixed", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "ngmodule", type: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetTablePanelComponent, isStandalone: true, selector: "axp-lookup-widget-table-panel", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, selectedValues: { classPropertyName: "selectedValues", publicName: "selectedValues", isSignal: true, isRequired: false, transformFunction: null }, parentField: { classPropertyName: "parentField", publicName: "parentField", isSignal: true, isRequired: false, transformFunction: null }, hasChildrenField: { classPropertyName: "hasChildrenField", publicName: "hasChildrenField", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleItems: { classPropertyName: "maxVisibleItems", publicName: "maxVisibleItems", isSignal: true, isRequired: false, transformFunction: null }, alternate: { classPropertyName: "alternate", publicName: "alternate", isSignal: true, isRequired: false, transformFunction: null }, highlightText: { classPropertyName: "highlightText", publicName: "highlightText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.ax-lookup-multi-column-tree": "!!parentField()", "style.height.px": "tableHeight()" }, classAttribute: "ax-lookup-multi-column block min-h-0" }, viewQueries: [{ propertyName: "tableRef", first: true, predicate: AXDataTableComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-data-table\n  class=\"ax-lookup-multi-column-table\"\n  look=\"minimal\"\n  [dataSource]=\"parentField() ? dataSource() : tableDataSource\"\n  [parentField]=\"parentField() ?? ''\"\n  [hasChildrenField]=\"hasChildrenField()\"\n  [itemHeight]=\"itemHeight()\"\n  [alternative]=\"alternate()\"\n  [highlightText]=\"highlightText()\"\n  [loading]=\"loadingConfig()\"\n  [paging]=\"false\"\n  [showHeader]=\"true\"\n  [fixedHeader]=\"true\"\n  [showFooter]=\"false\"\n  [allowReordering]=\"false\"\n  [rowCssClass]=\"resolveRowCssClass\"\n  (onRowClick)=\"handleRowClick($event)\"\n>\n  @for (column of visibleColumns(); track column.name) {\n    <axp-widget-column-renderer\n      [expandHandler]=\"$index === 0 && !!parentField()\"\n      [caption]=\"column.title\"\n      [customWidth]=\"resolveColumnWidth(column)\"\n      [node]=\"column.node\"\n    ></axp-widget-column-renderer>\n  }\n</ax-data-table>\n", dependencies: [{ kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$7.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$6.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "sortEnabled", "headerSortDirection", "headerSortPriority", "columnFixed", "cellTemplate", "headerTemplate"], outputs: ["sortToggle"] }, { kind: "ngmodule", type: AXTranslationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetTablePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-lookup-widget-table-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDataTableModule, AXPWidgetCoreModule, AXTranslationModule], host: {
                         class: 'ax-lookup-multi-column block min-h-0',
+                        '[class.ax-lookup-multi-column-tree]': '!!parentField()',
                         '[style.height.px]': 'tableHeight()',
-                    }, template: "<ax-data-table\n  class=\"ax-lookup-multi-column-table\"\n  look=\"minimal\"\n  [dataSource]=\"parentField() ? dataSource() : tableDataSource\"\n  [parentField]=\"parentField() ?? ''\"\n  [itemHeight]=\"itemHeight()\"\n  [alternative]=\"alternate()\"\n  [loading]=\"loadingConfig()\"\n  [paging]=\"false\"\n  [showHeader]=\"true\"\n  [fixedHeader]=\"true\"\n  [showFooter]=\"false\"\n  [allowReordering]=\"false\"\n  [rowCssClass]=\"resolveRowCssClass\"\n  (onRowClick)=\"handleRowClick($event)\"\n>\n  @for (column of visibleColumns(); track column.name) {\n    <axp-widget-column-renderer\n      [expandHandler]=\"$index === 0 && !!parentField()\"\n      [caption]=\"column.title\"\n      [customWidth]=\"resolveColumnWidth(column)\"\n      [node]=\"column.node\"\n    ></axp-widget-column-renderer>\n  }\n</ax-data-table>\n" }]
-        }], ctorParameters: () => [], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], disabledField: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledField", required: false }] }], selectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValues", required: false }] }], parentField: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentField", required: false }] }], itemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHeight", required: false }] }], maxVisibleItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisibleItems", required: false }] }], alternate: [{ type: i0.Input, args: [{ isSignal: true, alias: "alternate", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], tableRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXDataTableComponent), { isSignal: true }] }] } });
+                    }, template: "<ax-data-table\n  class=\"ax-lookup-multi-column-table\"\n  look=\"minimal\"\n  [dataSource]=\"parentField() ? dataSource() : tableDataSource\"\n  [parentField]=\"parentField() ?? ''\"\n  [hasChildrenField]=\"hasChildrenField()\"\n  [itemHeight]=\"itemHeight()\"\n  [alternative]=\"alternate()\"\n  [highlightText]=\"highlightText()\"\n  [loading]=\"loadingConfig()\"\n  [paging]=\"false\"\n  [showHeader]=\"true\"\n  [fixedHeader]=\"true\"\n  [showFooter]=\"false\"\n  [allowReordering]=\"false\"\n  [rowCssClass]=\"resolveRowCssClass\"\n  (onRowClick)=\"handleRowClick($event)\"\n>\n  @for (column of visibleColumns(); track column.name) {\n    <axp-widget-column-renderer\n      [expandHandler]=\"$index === 0 && !!parentField()\"\n      [caption]=\"column.title\"\n      [customWidth]=\"resolveColumnWidth(column)\"\n      [node]=\"column.node\"\n    ></axp-widget-column-renderer>\n  }\n</ax-data-table>\n" }]
+        }], ctorParameters: () => [], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], disabledField: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledField", required: false }] }], selectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedValues", required: false }] }], parentField: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentField", required: false }] }], hasChildrenField: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildrenField", required: false }] }], itemHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHeight", required: false }] }], maxVisibleItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisibleItems", required: false }] }], alternate: [{ type: i0.Input, args: [{ isSignal: true, alias: "alternate", required: false }] }], highlightText: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightText", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], tableRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXDataTableComponent), { isSignal: true }] }] } });
 
 //#region ----- Imports -----
 //#endregion
 //#region ----- Component -----
 class AXPLookupWidgetTableHostComponent extends NXValueComponent {
+    /** Reused so closing/reopening the popup does not create a new AXDataSource (which would miss cache). */
+    #multiColumnTreeTableSource;
+    #multiColumnTreeTableKey;
+    #multiColumnTreeInput;
+    #treeChildrenCache;
+    #hydratedTreeNodes;
+    #hydrationPromise;
+    #hydrationRevision;
     constructor() {
         super();
         //#region ----- Inputs -----
@@ -21665,6 +22178,9 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
         this.dataSource = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        /** Lazy tree loader for hierarchical multi-column-tree mode. */
+        this.treeDataSource = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "treeDataSource" }] : /* istanbul ignore next */ []));
         this.columns = input.required(/* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
         this.valueField = input('id', /* @ts-ignore */
@@ -21675,6 +22191,11 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         ...(ngDevMode ? [{ debugName: "disabledField" }] : /* istanbul ignore next */ []));
         this.parentField = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "parentField" }] : /* istanbul ignore next */ []));
+        this.hasChildrenField = input('hasChild', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasChildrenField" }] : /* istanbul ignore next */ []));
+        /** Fields matched by tree search; defaults to `textField` when empty. */
+        this.searchFields = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searchFields" }] : /* istanbul ignore next */ []));
         this.value = model(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.valueItems = input([], /* @ts-ignore */
@@ -21739,8 +22260,48 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         /** Empty while the selected template is painted so the label is not shown twice. */
         this.triggerInputValue = computed(() => (this.showSelectedTemplate() ? '' : this.searchText()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "triggerInputValue" }] : /* istanbul ignore next */ []));
+        /** Applied search query, mirrored to the result table so matches are highlighted. */
+        this.highlightQuery = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "highlightQuery" }] : /* istanbul ignore next */ []));
+        this.treeSearchLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "treeSearchLoading" }] : /* istanbul ignore next */ []));
         this.triggerSearchPlaceholder = computed(() => (this.showSelectedTemplate() ? '' : this.placeholder()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "triggerSearchPlaceholder" }] : /* istanbul ignore next */ []));
+        this.#treeChildrenCache = new WeakMap();
+        this.#hydratedTreeNodes = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#hydratedTreeNodes" }] : /* istanbul ignore next */ []));
+        this.#hydrationRevision = 0;
+        /**
+         * Flat list datasource for multi-column mode; tree-table adapter for multi-column-tree
+         * (whole-tree search via hydration, same as ax-lookup).
+         */
+        this.resolvedTableDataSource = computed(() => {
+            const tree = this.treeDataSource();
+            const parentField = this.parentField();
+            if (!parentField || !tree) {
+                return this.dataSource();
+            }
+            const searchFields = this.searchFields();
+            const key = `${this.valueField()}|${this.textField()}|${parentField}|${this.hasChildrenField()}|${searchFields.join(',')}`;
+            if (this.#multiColumnTreeTableSource && this.#multiColumnTreeInput === tree && this.#multiColumnTreeTableKey === key) {
+                return this.#multiColumnTreeTableSource;
+            }
+            const cachedTree = Array.isArray(tree)
+                ? tree
+                : (nodeId) => this.#loadCachedTreeNodes(tree, nodeId);
+            this.#multiColumnTreeInput = tree;
+            this.#multiColumnTreeTableKey = key;
+            this.#multiColumnTreeTableSource = createLookupTreeTableDataSource(cachedTree, {
+                valueField: this.valueField(),
+                textField: this.textField(),
+                parentField,
+                hasChildrenField: this.hasChildrenField(),
+                searchFields,
+                loadSearchRoots: Array.isArray(tree) ? undefined : () => this.#ensureHydratedTree(),
+            });
+            return this.#multiColumnTreeTableSource;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedTableDataSource" }] : /* istanbul ignore next */ []));
         effect(() => {
             const expanded = this.expanded();
             const popover = this.popoverRef();
@@ -21769,6 +22330,10 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         this.expanded.set(false);
         this.searchText.set(this.displayText());
         this.#applySearch('');
+        this.#hydratedTreeNodes.set(undefined);
+        this.#hydrationPromise = undefined;
+        this.#hydrationRevision++;
+        this.treeSearchLoading.set(false);
     }
     onTriggerSearchInput(value) {
         this.searchText.set(value);
@@ -21825,13 +22390,17 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         return String(item[field] ?? '');
     }
     #applySearch(query) {
-        const source = this.dataSource();
+        const source = this.resolvedTableDataSource();
         const field = this.textField();
+        this.highlightQuery.set(query);
         if (!query) {
             source.clearFilter();
             source.refresh();
             return;
         }
+        if (this.parentField() && this.treeDataSource() && typeof this.treeDataSource() === 'function') {
+            void this.#ensureHydratedTree();
+        }
         source.filter({
             field,
             operator: { type: 'contains' },
@@ -21839,12 +22408,67 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         });
         source.refresh();
     }
+    #loadCachedTreeNodes(source, nodeId) {
+        let byParent = this.#treeChildrenCache.get(source);
+        if (!byParent) {
+            byParent = new Map();
+            this.#treeChildrenCache.set(source, byParent);
+        }
+        const key = nodeId ?? '';
+        const cached = byParent.get(key);
+        if (cached) {
+            return cached;
+        }
+        const request = Promise.resolve(source(nodeId)).then((nodes) => nodes ?? [], (error) => {
+            byParent.delete(key);
+            throw error;
+        });
+        byParent.set(key, request);
+        return request;
+    }
+    #ensureHydratedTree() {
+        const cached = this.#hydratedTreeNodes();
+        if (cached) {
+            return Promise.resolve(cached);
+        }
+        if (this.#hydrationPromise) {
+            return this.#hydrationPromise;
+        }
+        const source = this.treeDataSource();
+        if (!source || Array.isArray(source)) {
+            return Promise.resolve([]);
+        }
+        const revision = this.#hydrationRevision;
+        this.treeSearchLoading.set(true);
+        this.#hydrationPromise = (async () => {
+            const roots = await this.#loadCachedTreeNodes(source, undefined);
+            const hydrated = await hydrateLookupTree(roots, (id) => this.#loadCachedTreeNodes(source, id), {
+                valueField: this.valueField(),
+                isCancelled: () => revision !== this.#hydrationRevision,
+            });
+            if (revision !== this.#hydrationRevision) {
+                return [];
+            }
+            this.#hydratedTreeNodes.set(hydrated);
+            this.treeSearchLoading.set(false);
+            this.resolvedTableDataSource().refresh();
+            return hydrated;
+        })().finally(() => {
+            if (revision === this.#hydrationRevision) {
+                this.#hydrationPromise = undefined;
+            }
+            if (revision === this.#hydrationRevision && !this.#hydratedTreeNodes()) {
+                this.treeSearchLoading.set(false);
+            }
+        });
+        return this.#hydrationPromise;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetTableHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetTableHostComponent, isStandalone: true, selector: "axp-lookup-widget-table-host", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, parentField: { classPropertyName: "parentField", publicName: "parentField", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueItems: { classPropertyName: "valueItems", publicName: "valueItems", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, selectedTemplate: { classPropertyName: "selectedTemplate", publicName: "selectedTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onItemSelected: "onItemSelected" }, host: { classAttribute: "block w-full" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetTableHostComponent, isStandalone: true, selector: "axp-lookup-widget-table-host", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, treeDataSource: { classPropertyName: "treeDataSource", publicName: "treeDataSource", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, parentField: { classPropertyName: "parentField", publicName: "parentField", isSignal: true, isRequired: false, transformFunction: null }, hasChildrenField: { classPropertyName: "hasChildrenField", publicName: "hasChildrenField", isSignal: true, isRequired: false, transformFunction: null }, searchFields: { classPropertyName: "searchFields", publicName: "searchFields", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueItems: { classPropertyName: "valueItems", publicName: "valueItems", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, selectedTemplate: { classPropertyName: "selectedTemplate", publicName: "selectedTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onItemSelected: "onItemSelected" }, host: { classAttribute: "block w-full" }, providers: [
             { provide: AXComponent, useExisting: AXPLookupWidgetTableHostComponent },
             { provide: AXClearableComponent, useExisting: AXPLookupWidgetTableHostComponent },
             { provide: AXValuableComponent, useExisting: AXPLookupWidgetTableHostComponent },
-        ], viewQueries: [{ propertyName: "triggerSearchInput", first: true, predicate: ["triggerSearchInput"], descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #origin\n  class=\"ax-editor-container ax-default ax-lookup-trigger w-full\"\n  [class.ax-state-disabled]=\"disabled()\"\n  [class.ax-state-readonly]=\"readonly()\"\n  (click)=\"onTriggerClick()\"\n>\n  <div class=\"ax-lookup-value\">\n    @if (showSelectedTemplate()) {\n      <div class=\"ax-lookup-selected-content\" aria-hidden=\"true\">\n        <ng-container\n          [ngTemplateOutlet]=\"selectedTemplate()!\"\n          [ngTemplateOutletContext]=\"{ $implicit: valueItems()[0] }\"\n        />\n      </div>\n    }\n    <input\n      #triggerSearchInput\n      type=\"text\"\n      class=\"ax-input\"\n      [class.ax-lookup-select-input]=\"!searchable()\"\n      [class.ax-lookup-input-overlay]=\"showSelectedTemplate()\"\n      [placeholder]=\"triggerSearchPlaceholder()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"readonly() || !searchable()\"\n      [attr.inputmode]=\"searchable() ? null : 'none'\"\n      [value]=\"triggerInputValue()\"\n      (input)=\"onTriggerSearchInput($any($event.target).value)\"\n      (keydown)=\"onTriggerKeydown($event)\"\n      (click)=\"$event.stopPropagation()\"\n    />\n  </div>\n\n  @if (selectedValues().length > 0 && !disabled() && !readonly()) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n\n  <button type=\"button\" class=\"ax-general-button-icon\" tabindex=\"-1\" [disabled]=\"disabled() || readonly()\">\n    <span\n      class=\"ax-icon\"\n      [class.ax-icon-chevron-down]=\"!expanded()\"\n      [class.ax-icon-chevron-up]=\"expanded()\"\n    ></span>\n  </button>\n\n  <ng-content select=\"ax-validation-rule\"></ng-content>\n</div>\n\n<ax-popover\n  [target]=\"origin\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [placement]=\"'bottom-start'\"\n  [width]=\"origin.offsetWidth + 'px'\"\n  [disabled]=\"disabled() || readonly()\"\n  (onClosed)=\"onPopoverClosed()\"\n>\n  <div class=\"ax-lookup-popup\" (keydown.escape)=\"expanded.set(false)\">\n    <axp-lookup-widget-table-panel\n      [dataSource]=\"dataSource()\"\n      [columns]=\"columns()\"\n      [valueField]=\"valueField()\"\n      [disabledField]=\"disabledField()\"\n      [parentField]=\"parentField()\"\n      [selectedValues]=\"selectedValues()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n    ></axp-lookup-widget-table-panel>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;:host{display:block;width:100%}:host .ax-editor-container{justify-content:flex-start;gap:var(--spacing, .25rem)}:host .ax-lookup-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}:host .ax-lookup-value{position:relative;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-select-input{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}:host .ax-lookup-selected-content{pointer-events:none;position:relative;z-index:0;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-input-overlay{position:absolute;inset:0;z-index:10;margin:0!important;height:100%;width:100%;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0!important;color:transparent;caret-color:transparent}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "component", type: AXPLookupWidgetTablePanelComponent, selector: "axp-lookup-widget-table-panel", inputs: ["dataSource", "columns", "valueField", "disabledField", "selectedValues", "parentField", "itemHeight", "maxVisibleItems", "alternate"], outputs: ["itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "triggerSearchInput", first: true, predicate: ["triggerSearchInput"], descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #origin\n  class=\"ax-editor-container ax-solid ax-default ax-lookup-trigger w-full\"\n  [class.ax-state-disabled]=\"disabled()\"\n  [class.ax-state-readonly]=\"readonly()\"\n  (click)=\"onTriggerClick()\"\n>\n  <div class=\"ax-lookup-value\">\n    @if (showSelectedTemplate()) {\n      <div class=\"ax-lookup-selected-content\" aria-hidden=\"true\">\n        <ng-container\n          [ngTemplateOutlet]=\"selectedTemplate()!\"\n          [ngTemplateOutletContext]=\"{ $implicit: valueItems()[0] }\"\n        />\n      </div>\n    }\n    <input\n      #triggerSearchInput\n      type=\"text\"\n      class=\"ax-input\"\n      [class.ax-lookup-select-input]=\"!searchable()\"\n      [class.ax-lookup-input-overlay]=\"showSelectedTemplate()\"\n      [placeholder]=\"triggerSearchPlaceholder()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"readonly() || !searchable()\"\n      [attr.inputmode]=\"searchable() ? null : 'none'\"\n      [value]=\"triggerInputValue()\"\n      (input)=\"onTriggerSearchInput($any($event.target).value)\"\n      (keydown)=\"onTriggerKeydown($event)\"\n      (click)=\"$event.stopPropagation()\"\n    />\n  </div>\n\n  @if (selectedValues().length > 0 && !disabled() && !readonly()) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n\n  <button type=\"button\" class=\"ax-general-button-icon\" tabindex=\"-1\" [disabled]=\"disabled() || readonly()\">\n    <span\n      class=\"ax-icon\"\n      [class.ax-icon-chevron-down]=\"!expanded()\"\n      [class.ax-icon-chevron-up]=\"expanded()\"\n    ></span>\n  </button>\n\n  <ng-content select=\"ax-validation-rule\"></ng-content>\n</div>\n\n<ax-popover\n  [target]=\"origin\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [placement]=\"'bottom-start'\"\n  [width]=\"origin.offsetWidth + 'px'\"\n  [disabled]=\"disabled() || readonly()\"\n  (onClosed)=\"onPopoverClosed()\"\n>\n  <div class=\"ax-lookup-popup\" (keydown.escape)=\"expanded.set(false)\">\n    <axp-lookup-widget-table-panel\n      [dataSource]=\"resolvedTableDataSource()\"\n      [columns]=\"columns()\"\n      [highlightText]=\"highlightQuery()\"\n      [valueField]=\"valueField()\"\n      [disabledField]=\"disabledField()\"\n      [parentField]=\"parentField()\"\n      [hasChildrenField]=\"hasChildrenField()\"\n      [selectedValues]=\"selectedValues()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n    ></axp-lookup-widget-table-panel>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;:host{display:block;width:100%}:host .ax-editor-container{justify-content:flex-start;gap:var(--spacing, .25rem)}:host .ax-lookup-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}:host .ax-lookup-value{position:relative;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-select-input{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}:host .ax-lookup-selected-content{pointer-events:none;position:relative;z-index:0;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-input-overlay{position:absolute;inset:0;z-index:10;margin:0!important;height:100%;width:100%;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0!important;color:transparent;caret-color:transparent}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "component", type: AXPLookupWidgetTablePanelComponent, selector: "axp-lookup-widget-table-panel", inputs: ["dataSource", "columns", "valueField", "disabledField", "selectedValues", "parentField", "hasChildrenField", "itemHeight", "maxVisibleItems", "alternate", "highlightText"], outputs: ["itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetTableHostComponent, decorators: [{
             type: Component,
@@ -21854,142 +22478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         { provide: AXComponent, useExisting: AXPLookupWidgetTableHostComponent },
                         { provide: AXClearableComponent, useExisting: AXPLookupWidgetTableHostComponent },
                         { provide: AXValuableComponent, useExisting: AXPLookupWidgetTableHostComponent },
-                    ], template: "<div\n  #origin\n  class=\"ax-editor-container ax-default ax-lookup-trigger w-full\"\n  [class.ax-state-disabled]=\"disabled()\"\n  [class.ax-state-readonly]=\"readonly()\"\n  (click)=\"onTriggerClick()\"\n>\n  <div class=\"ax-lookup-value\">\n    @if (showSelectedTemplate()) {\n      <div class=\"ax-lookup-selected-content\" aria-hidden=\"true\">\n        <ng-container\n          [ngTemplateOutlet]=\"selectedTemplate()!\"\n          [ngTemplateOutletContext]=\"{ $implicit: valueItems()[0] }\"\n        />\n      </div>\n    }\n    <input\n      #triggerSearchInput\n      type=\"text\"\n      class=\"ax-input\"\n      [class.ax-lookup-select-input]=\"!searchable()\"\n      [class.ax-lookup-input-overlay]=\"showSelectedTemplate()\"\n      [placeholder]=\"triggerSearchPlaceholder()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"readonly() || !searchable()\"\n      [attr.inputmode]=\"searchable() ? null : 'none'\"\n      [value]=\"triggerInputValue()\"\n      (input)=\"onTriggerSearchInput($any($event.target).value)\"\n      (keydown)=\"onTriggerKeydown($event)\"\n      (click)=\"$event.stopPropagation()\"\n    />\n  </div>\n\n  @if (selectedValues().length > 0 && !disabled() && !readonly()) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n\n  <button type=\"button\" class=\"ax-general-button-icon\" tabindex=\"-1\" [disabled]=\"disabled() || readonly()\">\n    <span\n      class=\"ax-icon\"\n      [class.ax-icon-chevron-down]=\"!expanded()\"\n      [class.ax-icon-chevron-up]=\"expanded()\"\n    ></span>\n  </button>\n\n  <ng-content select=\"ax-validation-rule\"></ng-content>\n</div>\n\n<ax-popover\n  [target]=\"origin\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [placement]=\"'bottom-start'\"\n  [width]=\"origin.offsetWidth + 'px'\"\n  [disabled]=\"disabled() || readonly()\"\n  (onClosed)=\"onPopoverClosed()\"\n>\n  <div class=\"ax-lookup-popup\" (keydown.escape)=\"expanded.set(false)\">\n    <axp-lookup-widget-table-panel\n      [dataSource]=\"dataSource()\"\n      [columns]=\"columns()\"\n      [valueField]=\"valueField()\"\n      [disabledField]=\"disabledField()\"\n      [parentField]=\"parentField()\"\n      [selectedValues]=\"selectedValues()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n    ></axp-lookup-widget-table-panel>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;:host{display:block;width:100%}:host .ax-editor-container{justify-content:flex-start;gap:var(--spacing, .25rem)}:host .ax-lookup-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}:host .ax-lookup-value{position:relative;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-select-input{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}:host .ax-lookup-selected-content{pointer-events:none;position:relative;z-index:0;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-input-overlay{position:absolute;inset:0;z-index:10;margin:0!important;height:100%;width:100%;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0!important;color:transparent;caret-color:transparent}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], disabledField: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledField", required: false }] }], parentField: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentField", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueItems", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], selectedTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTemplate", required: false }] }], onItemSelected: [{ type: i0.Output, args: ["onItemSelected"] }], triggerSearchInput: [{ type: i0.ViewChild, args: ['triggerSearchInput', { isSignal: true }] }], popoverRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }] } });
-
-//#region ----- Imports -----
-//#endregion
-//#region ----- Constants -----
-const DEFAULT_LOOKUP_COLUMN_NAMES = ['title', 'displayName', 'name', 'code', 'description'];
-//#endregion
-//#region ----- Column specs -----
-function normalizeLookupSelectorColumnSpecs(columns) {
-    if (!columns?.length) {
-        return [];
-    }
-    const specs = [];
-    const seen = new Set();
-    for (const column of columns) {
-        const name = (typeof column === 'string' ? column : column?.name)?.trim();
-        if (!name || seen.has(name)) {
-            continue;
-        }
-        seen.add(name);
-        specs.push({
-            name,
-            visible: typeof column === 'string' ? true : column.visible !== false,
-        });
-    }
-    return specs;
-}
-//#endregion
-//#region ----- Column resolution -----
-function resolveEntityListRowTitleTemplate(entity) {
-    return entity.interfaces?.master?.single?.title ?? entity.formats?.searchResult?.title ?? entity.formats?.individual;
-}
-function resolveDefaultColumnNames(entity) {
-    const fromEntity = (entity.columns ?? []).map((column) => column.name?.trim()).filter((name) => !!name);
-    if (fromEntity.length) {
-        return fromEntity;
-    }
-    const properties = entity.properties ?? [];
-    return DEFAULT_LOOKUP_COLUMN_NAMES.filter((name) => properties.some((property) => property.name === name));
-}
-function resolveColumnsToProcess(entity, columnSpecs) {
-    const { columns: entityColumns = [], properties } = entity;
-    const visibleProperties = properties.filter(({ schema }) => schema?.visible !== false);
-    const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
-    const filteredColumns = entityColumns.filter(({ name, showAs }) => visiblePropNames.has(name) || showAs);
-    if (columnSpecs.length === 0) {
-        return filteredColumns
-            .filter((column) => DEFAULT_LOOKUP_COLUMN_NAMES.includes(column.name))
-            .sort((left, right) => {
-            const indexA = DEFAULT_LOOKUP_COLUMN_NAMES.indexOf(left.name);
-            const indexB = DEFAULT_LOOKUP_COLUMN_NAMES.indexOf(right.name);
-            return indexA - indexB;
-        });
-    }
-    const specIndex = new Map(columnSpecs.map((spec, index) => [spec.name, index]));
-    return filteredColumns
-        .filter(({ name }) => specIndex.has(name))
-        .sort((left, right) => (specIndex.get(left.name) ?? 0) - (specIndex.get(right.name) ?? 0));
-}
-function buildWidgetColumnNode(entity, column, property) {
-    const entityRowTitleTemplate = resolveEntityListRowTitleTemplate(entity);
-    const dataPath = column.options?.dataPath?.trim() || column.name;
-    if (column.showAs) {
-        return {
-            path: dataPath,
-            type: column.showAs.type || 'text-editor',
-            options: {
-                readonly: true,
-                columnName: column.name,
-                ...(entityRowTitleTemplate ? { [ENTITY_ROW_POPUP_TITLE_OPTION]: entityRowTitleTemplate } : {}),
-                ...column.showAs.options,
-                popover: { ...column.showAs.options?.['popover'], enabled: false },
-            },
-        };
-    }
-    const iface = property?.schema?.interface;
-    const widgetType = iface?.type || 'text-editor';
-    return {
-        path: dataPath,
-        type: widgetType,
-        options: {
-            readonly: true,
-            columnName: column.name,
-            ...(entityRowTitleTemplate ? { [ENTITY_ROW_POPUP_TITLE_OPTION]: entityRowTitleTemplate } : {}),
-            ...(iface?.options ?? {}),
-            ...(iface?.children?.length ? { children: iface.children } : {}),
-            popover: { ...iface?.options?.['popover'], enabled: false },
-            ...(widgetType === 'attachments'
-                ? {
-                    entityName: iface?.options?.['entityName'] ?? `${entity.module}.${entity.name}`,
-                    entityField: iface?.options?.['entityField'] ?? column.name,
-                }
-                : {}),
-        },
-    };
-}
-/**
- * Resolves lookup multi-column / multi-column-tree grid columns to platform widget column nodes.
- * Mirrors entity data-selector column widgets with lookup popover disabled on nested lookups.
- */
-function resolveLookupWidgetTableColumns(entity, columns, resolveTitle, options) {
-    if (!entity) {
-        return [];
-    }
-    const columnSpecs = normalizeLookupSelectorColumnSpecs(columns);
-    const visibilityByName = new Map(columnSpecs.map((spec) => [spec.name, spec.visible]));
-    const columnsToProcess = resolveColumnsToProcess(entity, columnSpecs);
-    const properties = entity.properties ?? [];
-    const views = [];
-    for (const column of columnsToProcess) {
-        const property = properties.find(({ name }) => name === column.name);
-        const title = resolveTitle(column.title ?? property?.title, column.name);
-        const visible = visibilityByName.get(column.name) ?? column.options?.visible !== false;
-        if (!visible) {
-            continue;
-        }
-        views.push({
-            name: column.name,
-            title,
-            visible: true,
-            width: column.options?.width,
-            dataPath: column.options?.dataPath,
-            node: buildWidgetColumnNode(entity, column, property),
-        });
-    }
-    if (!options?.treeMode || views.length === 0) {
-        return views;
-    }
-    return views.map((column, index) => ({
-        ...column,
-        expandHandler: index === 0,
-        width: index === 0 ? column.width ?? 'auto' : column.width,
-    }));
-}
-//#endregion
+                    ], template: "<div\n  #origin\n  class=\"ax-editor-container ax-solid ax-default ax-lookup-trigger w-full\"\n  [class.ax-state-disabled]=\"disabled()\"\n  [class.ax-state-readonly]=\"readonly()\"\n  (click)=\"onTriggerClick()\"\n>\n  <div class=\"ax-lookup-value\">\n    @if (showSelectedTemplate()) {\n      <div class=\"ax-lookup-selected-content\" aria-hidden=\"true\">\n        <ng-container\n          [ngTemplateOutlet]=\"selectedTemplate()!\"\n          [ngTemplateOutletContext]=\"{ $implicit: valueItems()[0] }\"\n        />\n      </div>\n    }\n    <input\n      #triggerSearchInput\n      type=\"text\"\n      class=\"ax-input\"\n      [class.ax-lookup-select-input]=\"!searchable()\"\n      [class.ax-lookup-input-overlay]=\"showSelectedTemplate()\"\n      [placeholder]=\"triggerSearchPlaceholder()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"readonly() || !searchable()\"\n      [attr.inputmode]=\"searchable() ? null : 'none'\"\n      [value]=\"triggerInputValue()\"\n      (input)=\"onTriggerSearchInput($any($event.target).value)\"\n      (keydown)=\"onTriggerKeydown($event)\"\n      (click)=\"$event.stopPropagation()\"\n    />\n  </div>\n\n  @if (selectedValues().length > 0 && !disabled() && !readonly()) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n\n  <button type=\"button\" class=\"ax-general-button-icon\" tabindex=\"-1\" [disabled]=\"disabled() || readonly()\">\n    <span\n      class=\"ax-icon\"\n      [class.ax-icon-chevron-down]=\"!expanded()\"\n      [class.ax-icon-chevron-up]=\"expanded()\"\n    ></span>\n  </button>\n\n  <ng-content select=\"ax-validation-rule\"></ng-content>\n</div>\n\n<ax-popover\n  [target]=\"origin\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [placement]=\"'bottom-start'\"\n  [width]=\"origin.offsetWidth + 'px'\"\n  [disabled]=\"disabled() || readonly()\"\n  (onClosed)=\"onPopoverClosed()\"\n>\n  <div class=\"ax-lookup-popup\" (keydown.escape)=\"expanded.set(false)\">\n    <axp-lookup-widget-table-panel\n      [dataSource]=\"resolvedTableDataSource()\"\n      [columns]=\"columns()\"\n      [highlightText]=\"highlightQuery()\"\n      [valueField]=\"valueField()\"\n      [disabledField]=\"disabledField()\"\n      [parentField]=\"parentField()\"\n      [hasChildrenField]=\"hasChildrenField()\"\n      [selectedValues]=\"selectedValues()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n    ></axp-lookup-widget-table-panel>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;:host{display:block;width:100%}:host .ax-editor-container{justify-content:flex-start;gap:var(--spacing, .25rem)}:host .ax-lookup-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}:host .ax-lookup-value{position:relative;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-select-input{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}:host .ax-lookup-selected-content{pointer-events:none;position:relative;z-index:0;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-input-overlay{position:absolute;inset:0;z-index:10;margin:0!important;height:100%;width:100%;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0!important;color:transparent;caret-color:transparent}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], treeDataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeDataSource", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], disabledField: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledField", required: false }] }], parentField: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentField", required: false }] }], hasChildrenField: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildrenField", required: false }] }], searchFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFields", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueItems", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], selectedTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTemplate", required: false }] }], onItemSelected: [{ type: i0.Output, args: ["onItemSelected"] }], triggerSearchInput: [{ type: i0.ViewChild, args: ['triggerSearchInput', { isSignal: true }] }], popoverRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }] } });
 
 //#region ----- Imports -----
 //#endregion
@@ -22130,6 +22620,32 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "lookupWidgetTableColumns" }] : /* istanbul ignore next */ []));
         this.lookupQueryFields = computed(() => resolveLookupQueryFields(this.entityDef(), this.columns(), [this.valueField(), this.displayField(), this.entityDef()?.parentKey, 'childrenCount']), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "lookupQueryFields" }] : /* istanbul ignore next */ []));
+        /**
+         * Fields matched by multi-column-tree search. The tree filters a hydrated snapshot in
+         * memory, so it cannot rely on the server-side inline search expansion used by the flat
+         * list. Includes the display field, inline-filterable properties, and the visible grid
+         * columns so codes/numbers shown in the table are searchable.
+         */
+        this.lookupTreeSearchFields = computed(() => {
+            const fields = new Set();
+            const displayField = this.displayField().trim();
+            if (displayField) {
+                fields.add(displayField);
+            }
+            for (const property of this.entityDef()?.properties ?? []) {
+                if (property.options?.filter?.inline?.enabled && property.name) {
+                    fields.add(property.name);
+                }
+            }
+            for (const column of this.lookupWidgetTableColumns()) {
+                const field = column.dataPath?.trim() || column.name?.trim();
+                if (field) {
+                    fields.add(field);
+                }
+            }
+            return [...fields];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lookupTreeSearchFields" }] : /* istanbul ignore next */ []));
         this.entityDataSource = computed(() => {
             this.localeEpoch();
             const entity = this.entityDef();
@@ -22413,27 +22929,29 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.isLoading.set(true);
         this.beginHydration();
         try {
+            const entityDef = this.entityDef();
             const entityDataAccessor = this.entityService.withEntity(this.entity()).data();
             const valueField = hydration.valueField;
             const idsToFetch = ids.filter((id) => {
                 const existing = currentItems.find((item) => get(item, valueField) === id);
                 return existing == null || !isLookupItemHydrated(existing, hydration);
             });
-            const fetchedById = new Map();
-            if (idsToFetch.length) {
-                const fetched = await Promise.all(idsToFetch.map((id) => entityDataAccessor.byKey(id)));
-                idsToFetch.forEach((id, index) => {
-                    if (fetched[index] != null) {
-                        fetchedById.set(id, fetched[index]);
-                    }
-                });
-            }
+            const fetchedById = entityDef
+                ? await fetchLookupRowsByKeys({
+                    entity: entityDef,
+                    valueField,
+                    keys: idsToFetch,
+                    getQueryFields: () => this.lookupQueryFields(),
+                    byKey: (id) => entityDataAccessor.byKey(id),
+                    queryList: (request) => entityDataAccessor.query(request),
+                })
+                : new Map();
             const mergedItems = (await Promise.all(ids.map(async (id) => {
                 const existing = currentItems.find((item) => get(item, valueField) === id);
                 if (existing != null && isLookupItemHydrated(existing, hydration)) {
                     return existing;
                 }
-                const fetched = fetchedById.get(id);
+                const fetched = fetchedById.get(id) ?? fetchedById.get(String(id));
                 if (fetched == null) {
                     return null;
                 }
@@ -22695,22 +23213,13 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.shouldFocus.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", host: { classAttribute: "w-full" }, viewQueries: [{ propertyName: "lookup", first: true, predicate: AXLookupComponent, descendants: true, isSignal: true }, { propertyName: "tableLookupHost", first: true, predicate: AXPLookupWidgetTableHostComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item>\n  <span class=\"ax-lookup-option-text\">{{ getLookupItemLabel(item) | translate | async }}</span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item>\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">{{ getLookupItemLabel(item) | translate | async }}</span>\n  </span>\n</ng-template>\n", dependencies: [{ 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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "component", type: AXPLookupWidgetTableHostComponent, selector: "axp-lookup-widget-table-host", inputs: ["name", "placeholder", "caption", "searchPlaceholder", "dataSource", "columns", "valueField", "textField", "disabledField", "parentField", "value", "valueItems", "disabled", "readonly", "searchable", "selectedTemplate"], outputs: ["valueChange", "onItemSelected"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", host: { classAttribute: "w-full" }, viewQueries: [{ propertyName: "lookup", first: true, predicate: AXLookupComponent, descendants: true, isSignal: true }, { propertyName: "tableLookupHost", first: true, predicate: AXPLookupWidgetTableHostComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXHighlightTextComponent, selector: "ax-highlight-text", inputs: ["text", "query", "highlightDisabled", "highlightOptions"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "component", type: AXPLookupWidgetTableHostComponent, selector: "axp-lookup-widget-table-host", inputs: ["name", "placeholder", "caption", "searchPlaceholder", "dataSource", "treeDataSource", "columns", "valueField", "textField", "disabledField", "parentField", "hasChildrenField", "searchFields", "value", "valueItems", "disabled", "readonly", "searchable", "selectedTemplate"], outputs: ["valueChange", "onItemSelected"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-lookup-widget-edit', host: {
                         class: 'w-full',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        AsyncPipe,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXFormModule,
-                        AXLookupComponent,
-                        AXPLookupWidgetTableHostComponent,
-                        AXTranslationModule,
-                        AXValidationModule,
-                    ], template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item>\n  <span class=\"ax-lookup-option-text\">{{ getLookupItemLabel(item) | translate | async }}</span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item>\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">{{ getLookupItemLabel(item) | translate | async }}</span>\n  </span>\n</ng-template>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXButtonModule, AXDecoratorModule, AXFormModule, AXHighlightTextComponent, AXLookupComponent, AXPLookupWidgetTableHostComponent, AXTranslationModule, AXValidationModule], template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\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]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n  </span>\n</ng-template>\n" }]
         }], propDecorators: { lookup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXLookupComponent), { isSignal: true }] }], tableLookupHost: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPLookupWidgetTableHostComponent), { isSignal: true }] }] } });
 
 var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
@@ -24232,7 +24741,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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i2$1.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.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", "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$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "reorderable", "reorderDelay", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged", "onTabsReordered"] }, { kind: "component", type: i2$1.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPMultiSourceSelectorComponent, decorators: [{
             type: Component,
@@ -24606,7 +25115,7 @@ class AXPMultiSourceSelectorWidgetEditComponent extends AXPValueWidgetComponent
         </div>
       </ng-template>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.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.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.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", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPMultiSourceSelectorWidgetEditComponent, decorators: [{
             type: Component,
@@ -25883,7 +26392,7 @@ class AXPSelectorStructureWidgetEditComponent extends AXPValueWidgetComponent {
     } @else {
       <span class="text-muted">{{ disabledHint() }}</span>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXAccordionModule }, { kind: "component", type: i3$3.AXAccordionItemComponent, selector: "ax-accordion-item", inputs: ["isCollapsed", "icon", "textdecoration", "caption", "isLoading", "headerTemplate", "look", "disabled"], outputs: ["isCollapsedChange", "isLoadingChange", "onClick"] }, { kind: "component", type: i3$3.AXAccordionGroupComponent, selector: "ax-accordion-group", inputs: ["accordion", "activeIndex", "look", "collapsedOnItemClick"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i6$2.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.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXAccordionModule }, { kind: "component", type: i3$3.AXAccordionItemComponent, selector: "ax-accordion-item", inputs: ["isCollapsed", "icon", "textdecoration", "caption", "isLoading", "headerTemplate", "look", "disabled"], outputs: ["isCollapsedChange", "isLoadingChange", "onClick"] }, { kind: "component", type: i3$3.AXAccordionGroupComponent, selector: "ax-accordion-group", inputs: ["accordion", "activeIndex", "look", "collapsedOnItemClick"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i6$2.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", "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.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSelectorStructureWidgetEditComponent, decorators: [{
             type: Component,
@@ -28056,7 +28565,8 @@ class AXPMainEntityContentBuilder {
                                         },
                                         children: visibleProperties.map((p) => {
                                             const layout = getPropertyLayout(p.name, p);
-                                            const prefixed = p.__dataPath ? `${p.__dataPath}.${p.name}` : p.name;
+                                            const viewProp = singleInterface?.properties?.find((vp) => vp.name === p.name);
+                                            const prefixed = resolveEntityPropertyBindPath(p.name, viewProp?.dataPath, p.__dataPath);
                                             // Check if property is editable (exists in update interface)
                                             const isEditable = p.__isEditable != null
                                                 ? p.__isEditable
@@ -28072,6 +28582,11 @@ class AXPMainEntityContentBuilder {
                                             else if (sv === false) {
                                                 formFieldVisible = false;
                                             }
+                                            const interfaceType = p.schema.interface?.type ?? '';
+                                            const isReadonlyCodeEditor = interfaceType === 'code-editor' &&
+                                                (p.schema?.readonly === true ||
+                                                    p.schema.interface?.options?.readOnly === true ||
+                                                    !isEditable);
                                             return {
                                                 type: 'form-field',
                                                 options: {
@@ -28088,9 +28603,10 @@ class AXPMainEntityContentBuilder {
                                                 },
                                                 children: [
                                                     {
-                                                        type: p.schema.interface?.type ?? '',
+                                                        type: interfaceType,
                                                         path: prefixed,
                                                         name: prefixed,
+                                                        ...(isReadonlyCodeEditor ? { mode: 'view' } : {}),
                                                         children: p.schema.interface?.children,
                                                         triggers: p.schema.interface?.triggers,
                                                         valueTransforms: p.schema.interface?.valueTransforms,
@@ -29943,7 +30459,7 @@ class AXPEntityModule {
                 },
                 {
                     key: 'Entity:Bulk',
-                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-CFScb-L4.mjs').then((c) => c.AXPBulkEntityCommand),
+                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-DLQA_Q2Y.mjs').then((c) => c.AXPBulkEntityCommand),
                 },
                 {
                     key: 'Entity:OpenList',
@@ -30099,7 +30615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: 'Entity:Bulk',
-                                command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-CFScb-L4.mjs').then((c) => c.AXPBulkEntityCommand),
+                                command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-DLQA_Q2Y.mjs').then((c) => c.AXPBulkEntityCommand),
                             },
                             {
                                 key: 'Entity:OpenList',
@@ -30425,4 +30941,4 @@ function detectEntityChanges(oldObj, newObj) {
  */
 
 export { AXPEntityListViewModelResolver as $, AXPEntityDefinitionRegistryService as A, AXPEntityCategoryWidgetViewComponent as B, AXPEntityCommandTriggerViewModel as C, AXPEntityCreateViewElementViewModel as D, AXPEntityCreateViewModelFactory as E, AXPEntityCreateViewSectionViewModel as F, AXPEntityDataProvider as G, AXPEntityDataProviderImpl as H, AXPEntityDataSelectorRowActionsService as I, AXPEntityDataSelectorService as J, AXPEntityDefinitionProviderWidget as K, AXPEntityDefinitionProviderWidgetEditComponent as L, AXPEntityDeletePerformService as M, AXPEntityDetailListViewModel as N, AXPEntityDetailPopoverComponent as O, AXPEntityDetailPopoverService as P, AXPEntityDetailViewModelFactory as Q, AXPEntityDetailViewModelResolver as R, AXPEntityEventDispatcherService as S, AXPEntityFormBuilderService as T, AXPEntityLifecycleHookKeys as U, AXPEntityListPersistenceModeDefault as V, AXPEntityListTableService as W, AXPEntityListToolbarService as X, AXPEntityListViewCardFieldViewModel as Y, AXPEntityListViewColumnViewModel as Z, AXPEntityListViewModelFactory as _, showOperationResultToast as a, AXP_CLASSIFICATION_SECTION_ORDER as a$, AXPEntityListWidget as a0, AXPEntityListWidgetViewComponent as a1, AXPEntityMasterCreateViewModel as a2, AXPEntityMasterListCardSelectActionName as a3, AXPEntityMasterListViewModel as a4, AXPEntityMasterListViewQueryViewModel as a5, AXPEntityMasterSingleElementViewModel as a6, AXPEntityMasterSingleViewGroupViewModel as a7, AXPEntityMasterSingleViewModel as a8, AXPEntityMasterUpdateElementViewModel as a9, AXPMiddlewareAbortError as aA, AXPMiddlewareEntityStorageService as aB, AXPMultiSourceDefinitionProviderContext as aC, AXPMultiSourceDefinitionProviderService as aD, AXPMultiSourceFederatedSearchService as aE, AXPMultiSourceSelectorComponent as aF, AXPMultiSourceSelectorService as aG, AXPMultiSourceSelectorWidget as aH, AXPMultiSourceSelectorWidgetColumnComponent as aI, AXPMultiSourceSelectorWidgetEditComponent as aJ, AXPMultiSourceSelectorWidgetViewComponent as aK, AXPMultiSourceType as aL, AXPOpenEntityDetailsCommand as aM, AXPOpenEntityListCommand as aN, AXPRelatedColumnEnrichmentService as aO, AXPRelatedColumnMetadataResolver as aP, AXPSelectorStructureWidget as aQ, AXPSelectorStructureWidgetColumnComponent as aR, AXPSelectorStructureWidgetEditComponent as aS, AXPSelectorStructureWidgetViewComponent as aT, AXPShowFileUploaderPopupCommand as aU, AXPTruncatedBreadcrumbComponent as aV, AXPUpdateEntityCommand as aW, AXPUpdateEntityStatusCommand as aX, AXPViewEntityDetailsCommand as aY, AXP_APPEARANCE_SECTION_ORDER as aZ, AXP_CATEGORY_TREE_ROOT_TITLE_I18N_KEY as a_, AXPEntityMasterUpdateViewModel as aa, AXPEntityMasterUpdateViewModelFactory as ab, AXPEntityMiddlewareSkipContext as ac, AXPEntityModule as ad, AXPEntityPreloadFiltersContainerComponent as ae, AXPEntityPreloadFiltersViewModel as af, AXPEntityPreloadFiltersViewModelResolver as ag, AXPEntityResolver as ah, AXPEntityRuntimeAccessorService as ai, AXPEntityService as aj, AXPEntityStorageService as ak, AXPEntityUpdateViewSectionViewModel as al, AXPFileListComponent as am, AXPFileUploaderLoadFilesQuery as an, AXPFileUploaderSaveFilesCommand as ao, AXPFileUploaderWidget as ap, AXPFileUploaderWidgetColumnComponent as aq, AXPFileUploaderWidgetEditComponent as ar, AXPFileUploaderWidgetService as as, AXPFileUploaderWidgetViewComponent as at, AXPGetEntityDetailsQuery as au, AXPLayoutOrderingConfigService as av, AXPLookupWidget as aw, AXPLookupWidgetColumnComponent as ax, AXPLookupWidgetEditComponent as ay, AXPLookupWidgetViewComponent as az, buildSelectedIdsFilter as b, entityDeleteBridgeMiddleware as b$, AXP_CLIENT_LOCAL_DEFAULT_MAX_ITEMS as b0, AXP_CLIENT_LOCAL_PLUGIN_NAME as b1, AXP_DATA_SEEDER_TOKEN as b2, AXP_ENTITY_ACTION_PLUGIN as b3, AXP_ENTITY_CONFIG_TOKEN as b4, AXP_ENTITY_DEFINITION_LOADER as b5, AXP_ENTITY_MIDDLEWARE as b6, AXP_ENTITY_MODIFIER as b7, AXP_ENTITY_STORAGE_MIDDLEWARE as b8, AXP_MULTI_SOURCE_DEFINITION_PROVIDER as b9, clientLocalPlugin as bA, cloneLayoutArrays as bB, columnOrderingMiddleware as bC, columnOrderingMiddlewareProvider as bD, columnWidthMiddleware as bE, columnWidthMiddlewareProvider as bF, committedAttachments as bG, composeEntityMiddlewares as bH, composeEntityStorageMiddlewares as bI, computeEntityAggregates as bJ, createColumnOrderingMiddlewareProvider as bK, createEntityCardDisplayScope as bL, createEntityCardLogicScope as bM, createEntityMiddlewareContext as bN, createEntityStorageContext as bO, createLayoutOrderingMiddlewareProvider as bP, defaultCardLayoutMiddleware as bQ, defaultCardLayoutMiddlewareProvider as bR, defaultMultiLanguageMiddleware as bS, defaultMultiLanguageMiddlewareProvider as bT, detectEntityChanges as bU, dispatchEntityModifiedSideEffects as bV, ensureHierarchicalRootFilter as bW, ensureLayoutPropertyView as bX, ensureLayoutSection as bY, ensureListActions as bZ, entityCreateBridgeMiddleware as b_, DEFAULT_COLUMN_ORDER as ba, DEFAULT_PAIR_SPAN_RULES as bb, DEFAULT_PROPERTY_ORDER as bc, DEFAULT_SECTION_ORDER as bd, ENTITY_FORM_ACTION_FIRST_STEP_CONTINUE as be, ENTITY_LIST_LAYOUT_META as bf, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY as bg, ENTITY_MASTER_LIST_TRACE_NS as bh, EntityBuilder as bi, EntityDataAccessor as bj, GALLERY_PAGE_COMPONENT_KEY as bk, TREE_CHILDREN_QUERY_TAKE as bl, actionExists as bm, applyDataSourcePagingWithoutLoad as bn, attachmentFieldCount as bo, attachmentNeedsHydration as bp, attachmentsPlugin as bq, attachmentsSemanticallyEqual as br, axpCreateEntityAiToolInputDefaults as bs, axpCreateEntityCommandDefinition as bt, axpDeleteEntityCommandDefinition as bu, axpOpenEntityListCommandDefinition as bv, axpShowFileUploaderPopupCommandDefinition as bw, axpUpdateEntityStatusCommandDefinition as bx, buildDataSourceTraceSnapshot as by, canPersistEntityListState as bz, ATTACHMENTS_PAGE_COMPONENT_KEY as c, resolveMasterInterfacePropertyOrder as c$, entityGetOneBridgeMiddleware as c0, entityQueryBridgeMiddleware as c1, entityStorageCreateBridgeMiddleware as c2, entityStorageDeleteBridgeMiddleware as c3, entityStorageGetOneBridgeMiddleware as c4, entityStorageQueryBridgeMiddleware as c5, entityStorageUpdateBridgeMiddleware as c6, entityUpdateBridgeMiddleware as c7, eventDispatchMiddleware as c8, filterEntityMiddlewares as c9, mapEntityStorageErrorToCommandResult as cA, mapLegacyEntityDataSelectorOptions as cB, normalizeEntityCardHeaderDisplayValue as cC, normalizeEntityDataSelectorColumnSpecs as cD, normalizeEntityDataSelectorOptions as cE, normalizeEntityFieldToFileList as cF, normalizeEntityListPersistenceMode as cG, normalizeListPaging as cH, prefetchClientLocalRelated as cI, provideEntity as cJ, provideEntityMiddlewareBridge as cK, provideEntityRealtimeHandlers as cL, provideEntityStorageMiddlewareBridge as cM, provideLocalEntityCatalog as cN, resetPagingForTreeChildrenLoad as cO, resolveAttachmentFieldPath as cP, resolveEntityCardBadgeColorValue as cQ, resolveEntityCardHeaderValue as cR, resolveEntityMasterFieldStylingClass as cS, resolveEntityMasterRecordStylingClass as cT, resolveEntityMasterStylingClass as cU, resolveEntityPluginDetailPageOrder as cV, resolveFileUploaderEditDialog as cW, resolveFileUploaderEntityScope as cX, resolveLookupDisplayField as cY, resolveLookupDisplayTemplate as cZ, resolveLookupEntityKey as c_, filterEntityStorageMiddlewares as ca, filterSortEntityRows as cb, filterTouchesParentKey as cc, findEntityListRowDataInTree as cd, fingerprintAttachmentItem as ce, fingerprintAttachments as cf, fireEntityLifecycleHook as cg, formatLookupItemDisplay as ch, formatLookupItemDisplayAsync as ci, galleryPlugin as cj, getDataSourcePageIndex as ck, getEntityListRowId as cl, getMasterInterfacePropertySortKey as cm, hasFileUploaderTitleOrDescriptionFields as cn, hydrateAttachmentFieldToFileList as co, isAXPMiddlewareAbortError as cp, isAttachmentFieldPresentOnRow as cq, isAttachmentListEntry as cr, isAttachmentStorageRef as cs, isCategoryEntity as ct, isCategoryFilter as cu, isFileListItem as cv, isFileUploaderEditDialogAuto as cw, isLegacyEntityDataSelectorOptions as cx, layoutOrderingMiddlewareFactory as cy, layoutOrderingMiddlewareProvider as cz, AXMEntityCrudService as d, restoreEntityListExpandedRows as d0, runEntityMiddlewarePipeline as d1, runEntityQuery as d2, runEntityStorageMiddlewarePipeline as d3, searchResultDescriptionMiddleware as d4, searchResultDescriptionMiddlewareProvider as d5, shouldLoadEntityListStateFromStorage as d6, shouldResetEntityListStateOnRouteEntry as d7, traceEntityMasterList as d8, AXMEntityCrudServiceImpl as e, AXPCategoryTreeService as f, AXPClientLocalPluginModule as g, AXPCreateEntityCommand as h, AXPDataSeederService as i, AXPDeleteEntityCommand as j, AXPDomainQueryEntityDefinitionLoader as k, AXPEditFileUploaderCommand as l, AXPEntityBulkPatchPerformService as m, newBulkExecutionId as n, AXPEntityCardComponent as o, persistedAttachments as p, AXPEntityCardFieldsResolver as q, resolveBulkFailureBody as r, settleAfterLoadingDialog as s, AXPEntityCardSelectActionName as t, AXPEntityCardSkeletonComponent as u, AXPEntityCategoryTreeSelectorComponent as v, watchBulkProgress as w, AXPEntityCategoryWidget as x, AXPEntityCategoryWidgetColumnComponent as y, AXPEntityCategoryWidgetEditComponent as z };
-//# sourceMappingURL=acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-D1prdDvf.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-C74cBc-K.mjs.map