@acorex-platform/framework-client 0.0.38 → 0.0.48

package/fesm2022/{acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-CvaOWbJx.mjs → acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-UkQsf84C.mjs}

@@ -1,16 +1,16 @@
-import { mergeForeignKeyFieldIntoCreateActions, collectNestedCreateHiddenProperties, AXPEntityCommandScope, isCardFieldBadgeDisplay, resolveCardFieldBadgeColor, resolveEntityCardAvatarPath, isEntityCardQrField, collectLeftoverCardMoreFieldNames, parseDottedFieldPath, createEntityMasterStylingScope, normalizeEntityMasterStylingClass, resolveEntityMasterStyling, resolveEntityMasterFieldExpression, resolveEntityCardIdentityKind, resolveEntityCardUserId, ENTITY_CARD_LABELED_PREVIEW_MAX, resolveEntityCardLayout, buildDefaultEntityCardLayout, resolveEntityListFilterContextField, resolveEntityListFilterQueryField, resolveEnabledMasterListLayouts, resolveDefaultMasterListLayout, isEntityMasterListCardHost, normalizeEntityMasterListLayoutType, getEntityInfo, collectEntityListSortableFields, collectEntityListFilterDefinitions, collectEntityCardUserIdQueryFields, buildEntityQueryFields, AXPEntityQueryType, ENTITY_ROW_POPUP_TITLE_OPTION, resolveEnabledPageListLayouts, buildPageListWidgetName, normalizeEntityDisplayTemplate, sanitizeResolvedEntityDisplayTitle, isUnresolvedEntityDisplayTemplate, resolveLookupWidgetCreateOptions, promoteLegacyEntityCardLayout, buildEntitySearchTitleContext } from '@acorex-platform/framework-shared/entity';
-import { resolveEntityActionCommandInput, defineCommand, AXP_COMMAND_DEFINITION_CATEGORY_ENTITY, analyzeBulkCommandFailures, ENTITY_DELETE_DEFAULT, ENTITY_GET_BY_ID_DEFAULT, ENTITY_QUERY_DEFAULT, ENTITY_INSERT_DEFAULT, ENTITY_UPDATE_DEFAULT, DOMAIN_GET_ENTITY_LAYOUT_DEFAULT, DOMAIN_LIST_ENTITY_LAYOUTS_DEFAULT, resolveEntityNameFromRuntimeKey } from '@acorex-platform/framework-shared/runtime';
+import { isEntityColumnBand, mergeForeignKeyFieldIntoCreateActions, collectNestedCreateHiddenProperties, relatedEntityListViewWidgetOptions, AXPEntityCommandScope, isCardFieldBadgeDisplay, resolveCardFieldBadgeColor, resolveEntityCardAvatarPath, isEntityCardQrField, collectLeftoverCardMoreFieldNames, parseDottedFieldPath, AXP_ENTITY_LIST_RECORD_STYLING_TARGET, isCompleteEntityListStylingCondition, createEntityMasterStylingScope, normalizeEntityMasterStylingClass, resolveEntityMasterStyling, resolveEntityMasterFieldExpression, resolveEntityCardIdentityKind, resolveEntityCardUserId, ENTITY_CARD_LABELED_PREVIEW_MAX, resolveEntityCardLayout, buildDefaultEntityCardLayout, resolveEntityListFilterContextField, resolveEntityListFilterQueryField, resolveEnabledMasterListLayouts, resolveDefaultMasterListLayout, isEntityMasterListCardHost, normalizeEntityMasterListLayoutType, getEntityInfo, normalizeEntityListUserStylingRules, mergeQueryViewAndUserFilters, mergeDefinitionAndCustomQueryViews, isQueryViewDirty, isCustomQueryView, collectEntityListSortPresets, flattenEntityTableColumns, createCustomQueryViewName, removePersistedCustomQueryView, readPersistedCustomQueryViews, upsertPersistedCustomQueryView, snapshotCustomQueryView, isQueryViewColumnVisible, collectEntityListSortableFields, collectEntityListFilterDefinitions, withQueryViewFilterVisibility, queryViewConditionsToFilterQueries, collectEntityCardUserIdQueryFields, buildEntityQueryFields, normalizeAXPQueryViewColumns, findEntityTableColumnInTree, AXPEntityQueryType, ENTITY_ROW_POPUP_TITLE_OPTION, resolveEnabledPageListLayouts, resolveRelatedEntityListViews, buildPageListWidgetName, applyQueryViewToColumnQueries, normalizeEntityDisplayTemplate, sanitizeResolvedEntityDisplayTitle, isUnresolvedEntityDisplayTemplate, resolveLookupWidgetCreateOptions, promoteLegacyEntityCardLayout, inferEntityListSortPresets, buildEntitySearchTitleContext } from '@acorex-platform/framework-shared/entity';
+import { resolveEntityActionCommandInput, entityActionDataRecord, defineCommand, AXP_COMMAND_DEFINITION_CATEGORY_ENTITY, analyzeBulkCommandFailures, ENTITY_DELETE_DEFAULT, ENTITY_GET_BY_ID_DEFAULT, ENTITY_QUERY_DEFAULT, ENTITY_INSERT_DEFAULT, ENTITY_UPDATE_DEFAULT, DOMAIN_GET_ENTITY_LAYOUT_DEFAULT, DOMAIN_LIST_ENTITY_LAYOUTS_DEFAULT, resolveEntityNameFromRuntimeKey } from '@acorex-platform/framework-shared/runtime';
 import { AXToastService } from '@acorex/components/toast';
 import * as i3$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString, translateSync } from '@acorex/core/translation';
 import * as i4$3 from '@acorex-platform/framework-client/common';
-import { AXPNotFoundError, AXPMenuRouteAccessService, AXPSettingsService, AXPCommonSettings, resolveEntityCreateListBehavior, platformErrorI18nKey, extractRequestErrorInfo, axpNavigateAppPath, AXPFileTypeProviderService, AXPFileStorageService, resolveFileTypeDisplay, resolveEntityRowDisplayTitle, resolveEntityModifyPopupTitle, commandMessageTextForError, resolveStoredImageDisplayUrl, isStoredImageFileId, AXPFilterOperatorMiddlewareService, AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, axpRedirectToNotFound, CONTAINS_OPER, toExecuteCommandFailureResult, AXPLocalEntityEngine, AXPLocalEntityRealtimeBridge, AXP_LOCAL_ENTITY_DEFAULT_MAX_ITEMS, resolveSearchableText, evaluateEntityDisplayTemplate, AXPCleanNestedFilters, axpIsEntityRecordNotFound, coerceAXPSettingRawValueByKind, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, axpIsEntityListPath, axpIsEntityDetailsPath, axpParseEntityListRoute, axpParseEntityDetailsRoute, axpSaveEntityListReturnUrl, AXPMenuRouteGuard, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_DEFINITION_LAZY_RESOLVER } from '@acorex-platform/framework-client/common';
-import { AXPWidgetsCatalog, runtimeCommandPayloadData, createRandomUuid, AXPRequestError, runtimeQueryPayloadData, runtimeQueryCollectionData, runtimeQueryFailure, runtimeQuerySuccessObject, runtimeCommandFailure, runtimeCommandSuccessObject, resolveActionLook, AXPWidgetsList, AXPSystemActionType, AXPPlatformScope, AXP_QUERY_QUICK_SEARCH_FIELD, extractValue, setSmart, getChangedPaths, isSelectionValueEqual, runtimeQuerySuccessCollection } from '@acorex-platform/framework-shared/core';
-import { AXPDeviceService, AXPExpressionEvaluatorService, AXPEntityBroadcastService, AXPHookService, AXPDebugService, AXPDataGenerator, AXPContextEvalFactory, createCommandExpressionScope, toExpressionRecord, AXPDistributedEventListenerService, applyFilterArray, applySortArray, AXHighlightService, AXPColumnWidthService, objectKeyValueTransforms, setupPopupFooterKeyboardShortcuts, AXPContextStore, AXPModuleManifestRegistry, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER } from '@acorex-platform/framework-client/core';
+import { AXPNotFoundError, AXPMenuRouteAccessService, AXPSettingsService, AXPCommonSettings, resolveEntityCreateListBehavior, platformErrorI18nKey, extractRequestErrorInfo, axpNavigateAppPath, AXPFileTypeProviderService, AXPFileStorageService, resolveFileTypeDisplay, resolveEntityRowDisplayTitle, resolveEntityModifyPopupTitle, commandMessageTextForError, resolveStoredImageDisplayUrl, isStoredImageFileId, AXPFilterOperatorMiddlewareService, AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, ENTITY_LIST_DEFAULT_INSTANCE_ID, axpNormalizeEntityListInstanceId, axpGetEntityListInstanceIdFromParamMap, axpRedirectToNotFound, CONTAINS_OPER, toExecuteCommandFailureResult, AXPLocalEntityEngine, AXPLocalEntityRealtimeBridge, AXP_LOCAL_ENTITY_DEFAULT_MAX_ITEMS, resolveSearchableText, evaluateEntityDisplayTemplate, AXPCleanNestedFilters, AXPEntityDetailsNavTrailService, axpComposeEntityDetailsNavTrail, axpIsEntityRecordNotFound, coerceAXPSettingRawValueByKind, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, axpIsEntityListPath, axpIsEntityDetailsPath, axpParseEntityListRoute, axpParseEntityDetailsRoute, axpSaveEntityListReturnUrl, AXPMenuRouteGuard, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_DEFINITION_LAZY_RESOLVER } from '@acorex-platform/framework-client/common';
+import { AXPWidgetsCatalog, runtimeCommandPayloadData, createRandomUuid, AXPRequestError, runtimeQueryPayloadData, runtimeQueryCollectionData, runtimeQueryFailure, runtimeQuerySuccessObject, runtimeCommandFailure, runtimeCommandSuccessObject, resolveActionLook, listThemeSurfaceClasses, parseRuntimeHexSurface, AXP_THEME_SURFACE_STYLES, AXPWidgetsList, AXPSystemActionType, AXPPlatformScope, flattenQueryFilterUserGroups, AXP_QUERY_QUICK_SEARCH_FIELD, wrapQueryFilterRoot, isPersistableFilterQuery, isCompleteFilterCondition, resolveFilterQueryIdentityField, extractValue, setSmart, getChangedPaths, isSelectionValueEqual, runtimeQuerySuccessCollection } from '@acorex-platform/framework-shared/core';
+import { AXPDeviceService, AXPExpressionEvaluatorService, AXPEntityBroadcastService, AXPHookService, AXPDebugService, AXPDataGenerator, AXPContextEvalFactory, ensureRuntimeSurfaceClass, applyFilterArray, createCommandExpressionScope, toExpressionRecord, AXPDistributedEventListenerService, applySortArray, AXHighlightService, AXPColumnWidthService, objectKeyValueTransforms, setupPopupFooterKeyboardShortcuts, AXPContextStore, AXPModuleManifestRegistry, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER } from '@acorex-platform/framework-client/core';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injector, runInInjectionContext, Injectable, signal, output, input, computed, effect, ChangeDetectionStrategy, Component, viewChild, untracked, HostBinding, model, ViewEncapsulation, ElementRef, EnvironmentInjector, NgModule, ChangeDetectorRef, Input, afterNextRender, viewChildren, linkedSignal, DestroyRef, makeEnvironmentProviders } from '@angular/core';
 import { cloneDeep, merge, get, isNil, set, isArray, isString, castArray, has, isPlainObject, orderBy, defaultTo, isEmpty, isEqual, isObjectLike } from 'lodash-es';
-import { Subject, filter, takeUntil, fromEvent, auditTime, merge as merge$1 } from 'rxjs';
+import { Subject, filter, takeUntil, map, distinctUntilChanged, fromEvent, auditTime, merge as merge$1 } from 'rxjs';
 import { AXPLayoutBuilderService, LayoutBuilderModule } from '@acorex-platform/framework-client/layout/builder';
 import { AXPSessionService } from '@acorex-platform/framework-client/auth';
 import { Router, NavigationStart, ActivatedRoute, ROUTES } from '@angular/router';
@@ -44,7 +44,7 @@ import * as i1$5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXUploaderModule } from '@acorex/components/uploader';
 import { createStringProperty, createBooleanProperty, createNumberProperty, AXPWidgetGroupEnum, AXPPageStatus, AXPWidgetStatus, createSelectProperty } from '@acorex-platform/framework-shared/widget-core';
-import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_READONLY_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_PLACEHOLDER_PROPERTY, AXPProviderSelectWidgetEditBase, AXP_ROW_EXPR_PREFIX, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP } from '@acorex-platform/framework-client/layout/widgets';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_DOWNLOADABLE_PROPERTY, AXP_READONLY_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_PLACEHOLDER_PROPERTY, AXPProviderSelectWidgetEditBase, isDataListColumnBand, AXP_ROW_EXPR_PREFIX, applyLeafVisibilityToDataListColumnTree, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP } from '@acorex-platform/framework-client/layout/widgets';
 import { AXPopupService } from '@acorex/components/popup';
 import * as i1$4 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
@@ -677,38 +677,40 @@ class AXPRelatedColumnEnrichmentService {
         if (!columns?.length) {
             return entity;
         }
-        const enrichedColumns = [];
-        for (const column of columns) {
-            let enriched = { ...column };
-            // Derive dataPath for FK columns when missing
-            if (!enriched.options?.dataPath) {
-                const derivedDataPath = this.deriveDataPathForFkColumn(entity, column);
-                if (derivedDataPath) {
-                    enriched = {
-                        ...enriched,
-                        options: { ...enriched.options, dataPath: derivedDataPath },
-                    };
-                }
-            }
-            // Enrich title/showAs for dotted path columns
-            const needsMetadataEnrichment = column.name.includes('.') && (!enriched.title || !enriched.showAs);
-            if (needsMetadataEnrichment) {
-                const metadata = await this.metadataResolver.resolve(entity, column.name);
-                if (metadata) {
-                    enriched = {
-                        ...enriched,
-                        title: enriched.title ?? metadata.title,
-                        showAs: enriched.showAs ?? metadata.showAs,
-                    };
-                }
-            }
-            enrichedColumns.push(enriched);
-        }
+        const enrichedColumns = await Promise.all(columns.map((column) => this.enrichColumnNode(entity, column)));
         return {
             ...entity,
             columns: enrichedColumns,
         };
     }
+    async enrichColumnNode(entity, column) {
+        if (isEntityColumnBand(column)) {
+            const children = await Promise.all((column.children ?? []).map((child) => this.enrichColumnNode(entity, child)));
+            return { ...column, children };
+        }
+        let enriched = { ...column };
+        if (!enriched.options?.dataPath) {
+            const derivedDataPath = this.deriveDataPathForFkColumn(entity, column);
+            if (derivedDataPath) {
+                enriched = {
+                    ...enriched,
+                    options: { ...enriched.options, dataPath: derivedDataPath },
+                };
+            }
+        }
+        const needsMetadataEnrichment = column.name.includes('.') && (!enriched.title || !enriched.showAs);
+        if (needsMetadataEnrichment) {
+            const metadata = await this.metadataResolver.resolve(entity, column.name);
+            if (metadata) {
+                enriched = {
+                    ...enriched,
+                    title: enriched.title ?? metadata.title,
+                    showAs: enriched.showAs ?? metadata.showAs,
+                };
+            }
+        }
+        return enriched;
+    }
     /**
      * Derives dataPath for FK columns from lookup property schema.
      * Uses expose.target where source matches textField (default 'title').
@@ -1768,6 +1770,7 @@ class PropertyFilter {
                 customFilterDefinitions: relatedEntity.customFilterDefinitions,
                 ...(foreignKeyField ? { foreignKeyField } : {}),
                 ...(nestedCreateHiddenProperties?.length ? { nestedCreateHiddenProperties } : {}),
+                ...relatedEntityListViewWidgetOptions(relatedEntity),
                 ...(syncRelatedFromRoot && relatedEntity.conditions?.length
                     ? {
                         relatedFilterConditionSpecs: cloneDeep(relatedEntity.conditions),
@@ -2511,7 +2514,7 @@ class AXPCreateEntityCommand {
         const processData = options?.process && typeof options.process === 'object'
             ? options.process.data
             : undefined;
-        const createSeed = merge({}, data && typeof data === 'object' ? data : {}, processData && typeof processData === 'object' ? processData : {});
+        const createSeed = merge({}, entityActionDataRecord(data) ?? {}, processData && typeof processData === 'object' ? processData : {});
         let chain = this.entityForm.entity(`${moduleName}.${entityName}`).create(createSeed);
         chain.actions((actions) => {
             actions
@@ -2694,7 +2697,7 @@ const axpCreateEntityCommandDefinition = defineCommand({
         {
             name: 'data',
             title: 'Seed data',
-            description: 'Optional create form seed object.',
+            description: 'Optional create form seed as a JSON object (not a string). Include resolved lookup ids and dates.',
             interface: { name: 'json' },
         },
         {
@@ -2711,18 +2714,48 @@ const axpCreateEntityCommandDefinition = defineCommand({
     },
     capabilities: ['ai'],
     ai: {
-        shortDescription: 'Opens create dialog with pre-filled data; execution waits until the user submits or cancels, then returns—use for human-confirmed inserts into mock storage.',
+        shortDescription: 'Opens create dialog with pre-filled data; execution waits until the user submits or cancels.',
+        instruction: 'Open the native create form when any ListRegisteredEntities property with required true is still empty — including simple text such as title or postal code. Do not ask those missing fields in chat; open Entity:Create with collected data as a JSON object (never a string). Include every slot you already have: lookup FK ids you Query\'d and dates. Leave empty only fields you could not resolve. Do not call Entity:Insert:Default while a required field is missing. Do not Insert a row this conversation already created (Last record).',
         usage: {
             whenToUse: [
-                'Adding a row when the user should review or edit values before save; same entity create pipeline as the UI (storage middlewares apply on submit).',
+                'Adding a row when the user should review or fill required values before save.',
+                'Any required field from ListRegisteredEntities is still empty — especially select or lookup.',
             ],
             avoidWhen: [
-                'Non-interactive headless insert—ConnectivityMock:EntityStorage:Insert is disabled; there is no silent insert tool in this catalog.',
+                'Every required property already has a value — use Entity:Insert:Default.',
             ],
-            followUpTools: ['PlatformManagement:ListRegisteredEntities', 'ConnectivityMock:EntityStorage:Query'],
+            followUpTools: ['PlatformManagement:ListRegisteredEntities', 'Entity:Query:Default'],
         },
         tags: ['entity', 'create', 'form', 'dialog', 'human-in-the-loop', 'mock', 'entity-storage', 'wait-user'],
+        toolParametersSchema: {
+            type: 'object',
+            properties: {
+                data: {
+                    type: 'object',
+                    additionalProperties: true,
+                    description: 'Create-form seed as a JSON object, not a string. Include resolved lookup ids and dates. Omit only fields still unknown.',
+                },
+            },
+            required: ['entity'],
+        },
         toolInputDefaults: { ...axpCreateEntityAiToolInputDefaults },
+        contextBindings: [
+            {
+                slot: 'active-entity',
+                map: { entity: '$input.entity' },
+                text: 'Active entity: {{entity}}',
+            },
+            {
+                slot: 'last-record',
+                map: { entity: '$input.entity', id: 'id' },
+                text: 'Last record {{entity}} id={{id}}',
+            },
+            {
+                slot: 'last-record',
+                map: { entity: '$input.entity', id: 'item.id' },
+                text: 'Last record {{entity}} id={{id}}',
+            },
+        ],
     },
     categories: [AXP_COMMAND_DEFINITION_CATEGORY_ENTITY],
 });
@@ -3151,6 +3184,33 @@ const axpDeleteEntityCommandDefinition = defineCommand({
     },
     ai: {
         tags: ['entity', 'delete', 'crud'],
+        contextBindings: [
+            {
+                slot: 'active-entity',
+                map: { entity: '$input.entity' },
+                text: 'Active entity: {{entity}}',
+            },
+            {
+                slot: 'last-deleted',
+                map: { entity: '$input.entity', id: '$input.data' },
+                text: 'Last deleted {{entity}} id={{id}}',
+            },
+            {
+                slot: 'last-deleted',
+                map: { entity: '$input.entity', id: '$input.data.id' },
+                text: 'Last deleted {{entity}} id={{id}}',
+            },
+            {
+                slot: 'last-record',
+                map: { entity: '$input.entity', id: '$input.data' },
+                text: 'Last record {{entity}} id={{id}}',
+            },
+            {
+                slot: 'last-record',
+                map: { entity: '$input.entity', id: '$input.data.id' },
+                text: 'Last record {{entity}} id={{id}}',
+            },
+        ],
     },
     categories: [AXP_COMMAND_DEFINITION_CATEGORY_ENTITY],
 });
@@ -4894,7 +4954,7 @@ class AXPFileUploaderWidgetColumnComponent extends AXPColumnWidgetComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFileUploaderWidgetColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPFileUploaderWidgetColumnComponent, isStandalone: true, selector: "axp-file-uploader-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "fileListTrigger", first: true, predicate: ["fileListTrigger"], descendants: true, isSignal: true }, { propertyName: "fileListPopover", first: true, predicate: ["fileListPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (fileCount() > 0) {\n  <span\n    class=\"cursor-pointer text-primary underline\"\n    (click)=\"openFileListPopover(); $event.stopPropagation()\"\n    #fileListTrigger\n  >\n    {{\n      '@general:widgets.file-uploader.column.files-count'\n        | translate: { params: { count: fileCount() } }\n        | async\n    }}\n  </span>\n} @else if (showAttachmentsLink()) {\n  <span\n    class=\"cursor-pointer text-primary underline\"\n    (click)=\"openFileListPopover(); $event.stopPropagation()\"\n    #fileListTrigger\n  >\n    {{ '@general:widgets.file-uploader.attachments.title' | translate | async }}\n  </span>\n} @else {\n  <span class=\"text-muted\">---</span>\n}\n\n<ax-popover [openOn]=\"'manual'\" #fileListPopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"lightest-surface dark:dark-surface min-w-[17.5rem] max-w-[26rem] overflow-hidden\">\n    <div class=\"border-b border-surface px-4 py-3\">\n      <h3 class=\"m-0 text-sm font-semibold leading-normal text-on-lightest-surface\">\n        {{ popoverTitle() | translate | async }}\n      </h3>\n    </div>\n    <div class=\"max-h-64 overflow-y-auto px-3 py-3\" style=\"max-height: max(30dvh, 12rem)\">\n      @if (loadStatus() === 'loading') {\n        <div class=\"flex min-h-[120px] items-center justify-center\">\n          <ax-loading></ax-loading>\n        </div>\n      } @else if (loadStatus() === 'error') {\n        <div class=\"text-danger text-sm\">{{ loadError() }}</div>\n      } @else if (popoverFiles().length === 0) {\n        <p class=\"axp-file-uploader-column-popover__empty\">\n          {{ '@general:widgets.file-uploader.empty-state.title' | translate | async }}\n        </p>\n      } @else {\n        <axp-file-list\n          [files]=\"popoverFiles()\"\n          look=\"links\"\n          linksLayout=\"menu\"\n          [showLabel]=\"false\"\n          [readonly]=\"true\"\n        />\n      }\n    </div>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;.axp-file-uploader-column-popover__empty{margin:0;padding-block:calc(var(--spacing, .25rem) * 2);text-align:center;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);color:rgb(var(--ax-sys-color-on-lighter-surface))}@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-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i1$1.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: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPFileUploaderWidgetColumnComponent, isStandalone: true, selector: "axp-file-uploader-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "fileListTrigger", first: true, predicate: ["fileListTrigger"], descendants: true, isSignal: true }, { propertyName: "fileListPopover", first: true, predicate: ["fileListPopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (fileCount() > 0) {\n  <span\n    class=\"cursor-pointer text-primary underline\"\n    (click)=\"openFileListPopover(); $event.stopPropagation()\"\n    #fileListTrigger\n  >\n    {{\n      '@general:widgets.file-uploader.column.files-count'\n        | translate: { params: { count: fileCount() } }\n        | async\n    }}\n  </span>\n} @else if (showAttachmentsLink()) {\n  <span\n    class=\"cursor-pointer text-primary underline\"\n    (click)=\"openFileListPopover(); $event.stopPropagation()\"\n    #fileListTrigger\n  >\n    {{ '@general:widgets.file-uploader.attachments.title' | translate | async }}\n  </span>\n} @else {\n  <span class=\"text-muted\">---</span>\n}\n\n<ax-popover [openOn]=\"'manual'\" #fileListPopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"lightest-surface dark:dark-surface min-w-[17.5rem] max-w-[26rem] overflow-hidden\">\n    <div class=\"border-b border-surface px-4 py-3\">\n      <h3 class=\"m-0 text-sm font-semibold leading-normal text-on-lightest-surface\">\n        {{ popoverTitle() | translate | async }}\n      </h3>\n    </div>\n    <div class=\"max-h-64 overflow-y-auto px-3 py-3\" style=\"max-height: max(30dvh, 12rem)\">\n      @if (loadStatus() === 'loading') {\n        <div class=\"flex min-h-[120px] items-center justify-center\">\n          <ax-loading></ax-loading>\n        </div>\n      } @else if (loadStatus() === 'error') {\n        <div class=\"text-danger text-sm\">{{ loadError() }}</div>\n      } @else if (popoverFiles().length === 0) {\n        <p class=\"axp-file-uploader-column-popover__empty\">\n          {{ '@general:widgets.file-uploader.empty-state.title' | translate | async }}\n        </p>\n      } @else {\n        <axp-file-list\n          [files]=\"popoverFiles()\"\n          look=\"links\"\n          linksLayout=\"menu\"\n          [showLabel]=\"false\"\n          [readonly]=\"true\"\n        />\n      }\n    </div>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;.axp-file-uploader-column-popover__empty{margin:0;padding-block:calc(var(--spacing, .25rem) * 2);text-align:center;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);color:rgb(var(--ax-sys-color-on-lighter-surface))}@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-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i1$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXPFileListComponent, selector: "axp-file-list", inputs: ["readonly", "fileEditable", "enableTitleDescription", "multiple", "look", "titleKey", "showLabel", "linksLayout", "files", "accept", "maxFileSize", "showUploadZoneHint", "plugins", "excludePlugins", "capabilities"], outputs: ["onRemove", "onRevert", "onRename"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPFileUploaderWidgetColumnComponent, decorators: [{
             type: Component,
@@ -5489,7 +5549,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", "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;padding-top:.5rem;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,
@@ -5548,7 +5608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.border]': 'showBorder()',
                         '[class.rounded-md]': 'showBorder()',
                         '[class.lightest-surface]': 'showBorder()',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, AXPFileChooserDirective, AXPFileListComponent], 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"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, AXPFileChooserDirective, AXPFileListComponent], styles: [":host.axp-file-uploader-widget-edit--borderless{border:none!important}.__drop-zone--interactive{cursor:pointer;padding-top:.5rem;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"] }]
         }] });
 
 var fileUploaderWidgetEdit_component = /*#__PURE__*/Object.freeze({
@@ -7280,6 +7340,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     }, imports: [AXSkeletonModule], template: "<article\n  class=\"axp-entity-card-skeleton\"\n  [class.axp-entity-card-skeleton--with-body]=\"showContent() && fieldPlaceholders().length && !rowLayout()\"\n  [class.axp-entity-card-skeleton--with-footer]=\"showFooter()\"\n  [class.axp-entity-card-skeleton--row]=\"rowLayout()\"\n  [class.axp-entity-card-skeleton--embedded]=\"embedded()\"\n  [class.axp-entity-card-skeleton--elevated]=\"elevated()\"\n  aria-hidden=\"true\"\n>\n  <!-- ----- Card header placeholders ----- -->\n  <div class=\"axp-entity-card-skeleton__identity\">\n    <div class=\"axp-entity-card-skeleton__identity-main\">\n      @if (showAvatar()) {\n        <!-- ----- Avatar placeholder only when the layout has an avatar field ----- -->\n        <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__avatar\"></ax-skeleton>\n      }\n      <div class=\"axp-entity-card-skeleton__identity-text\">\n        <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__title\"></ax-skeleton>\n        @if (showContent()) {\n          <!-- ----- Description or inline fact placeholders ----- -->\n          <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__description\"></ax-skeleton>\n        }\n      </div>\n      @for (index of badgePlaceholders(); track index) {\n        <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__badge\"></ax-skeleton>\n      }\n    </div>\n    @if (showHeaderMenu()) {\n      <!-- ----- Overflow menu placeholder ----- -->\n      <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__menu\"></ax-skeleton>\n    }\n  </div>\n\n  @if (showContent() && !rowLayout()) {\n    <!-- ----- Fact placeholders when card content is shown ----- -->\n    <!--------------------------------------------------------------->\n    @if (fieldPlaceholders().length) {\n      <div class=\"axp-entity-card-skeleton__fields\">\n        @for (index of fieldPlaceholders(); track index) {\n          <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__fact\"></ax-skeleton>\n        }\n      </div>\n    }\n  }\n\n  @if (showFooter()) {\n    <!-- ----- Primary action placeholder ----- -->\n    <footer class=\"axp-entity-card-skeleton__footer\">\n      <ax-skeleton [animated]=\"true\" class=\"axp-entity-card-skeleton__primary-action\"></ax-skeleton>\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-skeleton{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)}.axp-entity-card-skeleton .axp-entity-card-skeleton__identity{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-entity-card-skeleton .axp-entity-card-skeleton__identity-main{display:flex;min-width:0px;flex:1;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}.axp-entity-card-skeleton .axp-entity-card-skeleton__avatar{height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;border-radius:var(--radius-lg, .5rem)}.axp-entity-card-skeleton .axp-entity-card-skeleton__identity-text{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}.axp-entity-card-skeleton .axp-entity-card-skeleton__title{height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 40);max-width:100%;border-radius:.25rem}.axp-entity-card-skeleton .axp-entity-card-skeleton__badge{height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 14);flex-shrink:0;border-radius:calc(infinity * 1px)}.axp-entity-card-skeleton .axp-entity-card-skeleton__menu{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:.25rem}.axp-entity-card-skeleton .axp-entity-card-skeleton__description{height:calc(var(--spacing, .25rem) * 3.5);width:calc(var(--spacing, .25rem) * 32);max-width:100%;border-radius:.25rem;color:var(--color-gray-400, oklch(70.7% .022 261.325))}.axp-entity-card-skeleton .axp-entity-card-skeleton__fields{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-entity-card-skeleton .axp-entity-card-skeleton__fact{height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 40);border-radius:.25rem}.axp-entity-card-skeleton .axp-entity-card-skeleton__footer{margin-top:auto;border-bottom-right-radius:var(--radius-md, .375rem);border-bottom-left-radius:var(--radius-md, .375rem);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}.axp-entity-card-skeleton .axp-entity-card-skeleton__primary-action{height:calc(var(--spacing, .25rem) * 10);width:100%;border-radius:var(--radius-lg, .5rem)}.axp-entity-card-skeleton.axp-entity-card-skeleton--row .axp-entity-card-skeleton__avatar{height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10)}.axp-entity-card-skeleton.axp-entity-card-skeleton--elevated{--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-skeleton.axp-entity-card-skeleton--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-skeleton.axp-entity-card-skeleton--embedded .axp-entity-card-skeleton__identity,.axp-entity-card-skeleton.axp-entity-card-skeleton--embedded .axp-entity-card-skeleton__fields{padding-inline:0px}.axp-entity-card-skeleton.axp-entity-card-skeleton--embedded .axp-entity-card-skeleton__identity{padding-block:0px}:host.axp-entity-card-host--fill .axp-entity-card-skeleton{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;}@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}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { fieldCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldCount", required: false }] }], badgeCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeCount", required: false }] }], showFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooter", required: false }] }], showHeaderMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeaderMenu", required: false }] }], showContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showContent", required: false }] }], rowLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowLayout", required: false }] }], showAvatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAvatar", required: false }] }], fillHost: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillHost", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }] } });
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const STYLE_ELEMENT_ID = 'axp-entity-list-surface-chrome';
+const registeredHexClassNames = new Set();
+//#endregion
+//#region ----- Public API -----
+/** Injects row/cell/card CSS for every theme style × variant (e.g. `primary-light-surface` vs `primary-darkest-surface`). */
+function ensureEntityListSurfaceChromeStyles() {
+    if (typeof document === 'undefined' || document.getElementById(STYLE_ELEMENT_ID)) {
+        return;
+    }
+    const styleElement = document.createElement('style');
+    styleElement.id = STYLE_ELEMENT_ID;
+    styleElement.textContent = [
+        listThemeSurfaceClasses().map(buildThemeSurfaceChromeRule).join(''),
+        disableRowAnimation('[class*="-surface"]'),
+        disableRowAnimation('[class*="axp-hex-"]'),
+    ].join('');
+    document.head.appendChild(styleElement);
+}
+/** Pastel hex classes need the same list chrome as theme surfaces; inject per class. */
+function ensureEntityListHexChromeClass(className) {
+    const parsed = parseRuntimeHexSurface(className);
+    if (!parsed || registeredHexClassNames.has(parsed.className) || typeof document === 'undefined') {
+        return;
+    }
+    ensureEntityListSurfaceChromeStyles();
+    const styleElement = document.getElementById(STYLE_ELEMENT_ID);
+    if (!styleElement) {
+        return;
+    }
+    styleElement.appendChild(document.createTextNode(buildListChromeRule(parsed.className, parsed.background, parsed.color, parsed.border, parsed.border)));
+    registeredHexClassNames.add(parsed.className);
+}
+//#endregion
+//#region ----- CSS generate -----
+function disableRowAnimation(selector) {
+    return `axp-entity-master-list-data-table ax-data-table tbody tr${selector}:not(.ax-row-color-pulse) td{animation:none!important;}`;
+}
+function buildThemeSurfaceChromeRule(className) {
+    const background = `rgb(var(--ax-sys-color-${className}))`;
+    const color = `rgb(var(--ax-sys-color-on-${className}))`;
+    const border = `rgb(var(--ax-sys-color-border-${className}))`;
+    const borderSoft = `rgb(var(--ax-sys-color-border-${className}) / 0.35)`;
+    return buildListChromeRule(className, background, color, border, borderSoft);
+}
+function buildListChromeRule(className, background, color, border, borderSoft) {
+    return (`axp-entity-master-list-data-table ax-data-table tbody tr.${className} > td{background:${background}!important;color:${color};}` +
+        `axp-entity-master-list-data-table ax-data-table tbody tr > td.${className}{background:${background}!important;color:${color};box-shadow:inset 0 0 0 1px ${borderSoft};}` +
+        `.axp-entity-card.${className}{--axp-entity-card-surface:${background};--axp-entity-card-border:${border};color:${color};background-color:var(--axp-entity-card-surface);}` +
+        `.axp-entity-card.${className} .axp-entity-card__footer{background-color:transparent;}` +
+        `.axp-entity-card__field-row.${className},.axp-entity-card__fact.${className},.axp-entity-card__header-badge.${className}{background-color:${background};color:${color};box-shadow:inset 0 0 0 1px ${borderSoft};}` +
+        `.axp-entity-card__field-row.${className}{width:auto;margin-inline:calc(-1 * var(--axp-entity-card-gutter));padding-inline:var(--axp-entity-card-gutter);}`);
+}
+//#endregion
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Public API -----
+function joinEntityListStylingClasses(...parts) {
+    ensureEntityListSurfaceChromeStyles();
+    const tokens = parts.flatMap((part) => part ? part.split(/\s+/).filter(Boolean).map(toEntityListStylingChromeClass) : []);
+    if (!tokens.length) {
+        return undefined;
+    }
+    const unique = [...new Set(tokens)];
+    for (const token of unique) {
+        ensureRuntimeSurfaceClass(token);
+        ensureEntityListHexChromeClass(token);
+    }
+    return unique.join(' ');
+}
+/** Keep full theme surfaces (`primary-darkest-surface`); unwrap `ax-row-color-warning` to `warning` for cards. */
+function toEntityListStylingChromeClass(className) {
+    const trimmed = className.trim();
+    const rowColor = /^ax-row-color-([a-z0-9]+)$/i.exec(trimmed);
+    if (rowColor && AXP_THEME_SURFACE_STYLES.includes(rowColor[1].toLowerCase())) {
+        return rowColor[1].toLowerCase();
+    }
+    return trimmed;
+}
+/** Classes from personal rules whose target is the whole row. */
+function resolveEntityListUserRecordStylingClass(row, rules) {
+    return resolveEntityListUserStylingClass(row, rules, AXP_ENTITY_LIST_RECORD_STYLING_TARGET);
+}
+/** Classes from personal rules whose target is one property. */
+function resolveEntityListUserFieldStylingClass(row, rules, fieldName) {
+    return resolveEntityListUserStylingClass(row, rules, fieldName);
+}
+//#endregion
+//#region ----- Match -----
+function resolveEntityListUserStylingClass(row, rules, target) {
+    const classes = [];
+    for (const rule of rules) {
+        if (rule.target !== target || !matchesUserStylingRule(row, rule)) {
+            continue;
+        }
+        classes.push(rule.className);
+    }
+    return joinEntityListStylingClasses(...classes);
+}
+function matchesUserStylingRule(row, rule) {
+    if (!rule.className.trim() || !isCompleteEntityListStylingCondition(rule.condition)) {
+        return false;
+    }
+    try {
+        const clause = rule.condition;
+        if (clause.filters?.length) {
+            const logic = clause.logic === 'or' ? 'or' : 'and';
+            return applyFilterArray([row], clause.filters, logic).length > 0;
+        }
+        return applyFilterArray([row], [clause]).length > 0;
+    }
+    catch {
+        return false;
+    }
+}
+//#endregion
+
 /** Evaluates a compiled master-styling class expression against record (and optional field) data. */
 async function resolveEntityMasterStylingClass(evaluator, expression, data, fieldName) {
     if (!expression) {
@@ -7324,6 +7504,9 @@ class AXPEntityCardComponent {
         ...(ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []));
         this.fields = input([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+        /** Personal highlight rules. Merged with `interfaces.master.styling`. */
+        this.userStylingRules = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "userStylingRules" }] : /* istanbul ignore next */ []));
         this.variant = input('card', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
         this.interactive = input(false, /* @ts-ignore */
@@ -7460,13 +7643,14 @@ class AXPEntityCardComponent {
             const row = this.row();
             const header = this.header();
             const fields = this.fields();
+            const userStylingRules = this.userStylingRules();
             const badgeFields = this.headerBadgeFields().filter((field) => !this.isStatusBadgeField(field));
             const loader = this.secondaryActionLoader();
             untracked(() => {
                 void this.loadSecondaryActions(row, loader);
                 void this.resolveHeaderFields(row, header);
                 void this.resolveBadgeColors(row, badgeFields);
-                void this.resolveStylingClasses(row, fields);
+                void this.resolveStylingClasses(row, fields, userStylingRules);
             });
         });
     }
@@ -7605,15 +7789,16 @@ class AXPEntityCardComponent {
     }
     //#endregion
     //#region ----- Private Helpers -----
-    async resolveStylingClasses(row, fields) {
+    async resolveStylingClasses(row, fields, userStylingRules) {
         const entity = this.entity();
         const recordClass = await resolveEntityMasterRecordStylingClass(this.expressionEvaluator, entity, row);
-        this.recordStylingClass.set(recordClass);
+        this.recordStylingClass.set(joinEntityListStylingClasses(recordClass, resolveEntityListUserRecordStylingClass(row, userStylingRules)));
         const fieldClasses = {};
         await Promise.all(fields.map(async (field) => {
             const fieldClass = await resolveEntityMasterFieldStylingClass(this.expressionEvaluator, entity, row, field.name);
-            if (fieldClass) {
-                fieldClasses[field.name] = fieldClass;
+            const merged = joinEntityListStylingClasses(fieldClass, resolveEntityListUserFieldStylingClass(row, userStylingRules, field.name));
+            if (merged) {
+                fieldClasses[field.name] = merged;
             }
         }));
         this.fieldStylingClassByName.set(fieldClasses);
@@ -7794,7 +7979,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            [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 }); }
+    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 }, userStylingRules: { classPropertyName: "userStylingRules", publicName: "userStylingRules", 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,
@@ -7813,7 +7998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         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            [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"] }] } });
+        }], 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 }] }], userStylingRules: [{ type: i0.Input, args: [{ isSignal: true, alias: "userStylingRules", 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 {
     constructor() {
@@ -7947,7 +8132,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", "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", "userStylingRules", "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,
@@ -9138,6 +9323,41 @@ function fireEntityLifecycleHook(hooks, key, payload) {
     }
 }
 
+//#region ----- Entity list column settings (configure APIs) -----
+/**
+ * Product modules register column names whose persisted list prefs should be
+ * dropped once when migrating to a newer {@link getEntityListColumnsSettingsVersion}.
+ * Framework keeps empty defaults — no product column names here.
+ */
+let columnsSettingsVersion = 1;
+const migrateDropColumns = new Set();
+/** Raise the persisted columns-settings schema version (monotonic). */
+function configureEntityListColumnsSettingsVersion(version) {
+    if (!Number.isFinite(version)) {
+        return;
+    }
+    const next = Math.floor(version);
+    if (next > columnsSettingsVersion) {
+        columnsSettingsVersion = next;
+    }
+}
+/** Register column names to strip from stale user list prefs during version migration. */
+function configureEntityListColumnsSettingsMigrateDrop(columnNames) {
+    for (const name of columnNames) {
+        const trimmed = String(name ?? '').trim();
+        if (trimmed) {
+            migrateDropColumns.add(trimmed);
+        }
+    }
+}
+function getEntityListColumnsSettingsVersion() {
+    return columnsSettingsVersion;
+}
+function getEntityListColumnsSettingsMigrateDrop() {
+    return migrateDropColumns;
+}
+//#endregion
+
 /**
  * Resolves a stable row id from entity list row data.
  */
@@ -9215,6 +9435,15 @@ function normalizeEntityListPersistenceMode(value) {
 function canPersistEntityListState(mode) {
     return mode !== 'none';
 }
+const ENTITY_LIST_STYLING_RULES_PATH = ['list', 'stylingRules'];
+/** Personal highlight rules live on the entity setting, not on one query view. */
+function entityListStylingRulesPath() {
+    return ENTITY_LIST_STYLING_RULES_PATH;
+}
+/** Personal highlight rules for this entity. Shared by every view of the list. */
+function readPersistedEntityListStylingRules(setting) {
+    return normalizeEntityListUserStylingRules(getNested(setting, [...ENTITY_LIST_STYLING_RULES_PATH]));
+}
 /** `none` never reads list state from user settings. */
 function shouldLoadEntityListStateFromStorage(mode) {
     return mode !== 'none';
@@ -9224,6 +9453,55 @@ function shouldResetEntityListStateOnRouteEntry(mode) {
     return mode === 'route';
 }
 const ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY = 'axp-entity-list-route-context';
+function entityListInstanceFilterPath(instanceId, viewName) {
+    return ['list', 'instances', instanceId, 'views', viewName, 'filters'];
+}
+function entityListInstanceCurrentViewPath(instanceId) {
+    return ['list', 'instances', instanceId, 'currentView'];
+}
+function readPersistedEntityListInstanceFilters(setting, instanceId, viewName) {
+    const instanceFilters = getNested(setting, entityListInstanceFilterPath(instanceId, viewName));
+    if (instanceFilters === null) {
+        return [];
+    }
+    if (Array.isArray(instanceFilters)) {
+        return instanceFilters;
+    }
+    if (instanceId === ENTITY_LIST_DEFAULT_INSTANCE_ID) {
+        const legacy = getNested(setting, ['list', 'views', viewName, 'filters']);
+        if (Array.isArray(legacy)) {
+            return legacy;
+        }
+    }
+    return undefined;
+}
+function readPersistedEntityListInstanceCurrentView(setting, instanceId) {
+    const instanceView = getNested(setting, entityListInstanceCurrentViewPath(instanceId));
+    if (typeof instanceView === 'string' && instanceView.trim()) {
+        return instanceView;
+    }
+    if (instanceId === ENTITY_LIST_DEFAULT_INSTANCE_ID) {
+        const legacy = getNested(setting, ['list', 'currentView']);
+        if (typeof legacy === 'string' && legacy.trim()) {
+            return legacy;
+        }
+    }
+    return undefined;
+}
+/** View conditions first; persisted user filters overlay fields the view does not already own. */
+function mergeEntityListViewAndPersistedFilters(viewFilters, persisted) {
+    return mergeQueryViewAndUserFilters(viewFilters, persisted);
+}
+function getNested(source, path) {
+    let current = source;
+    for (const key of path) {
+        if (!current || typeof current !== 'object') {
+            return undefined;
+        }
+        current = current[String(key)];
+    }
+    return current;
+}
 
 class AXPEntityCreateViewSectionViewModel {
     constructor(entity, section) {
@@ -9425,6 +9703,336 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const PREVIEW_TITLE_CAP = 8;
+const PREVIEW_TITLE_MAX_CHARS = 80;
+const SECRET_NAME_PATTERN = /password|secret|token|apikey|api_key|credential|privatekey|private_key/i;
+const FILTER_OPERATOR_TYPES = new Set([
+    'equal',
+    'isNull',
+    'isEmpty',
+    'lt',
+    'lte',
+    'gt',
+    'gte',
+    'startsWith',
+    'endsWith',
+    'contains',
+    'in',
+]);
+const ENTITY_LIST_ACTIONS = [
+    {
+        id: 'set-view',
+        title: 'Set list view',
+        params: [{ name: 'viewName', required: true, description: 'View name from snapshot.views[].name (e.g. archive).' }],
+    },
+    {
+        id: 'set-filter',
+        title: 'Set filter',
+        params: [
+            { name: 'field', required: true, description: 'Filter field from snapshot.filterFields[].field.' },
+            { name: 'operatorType', required: true, description: 'equal, contains, in, startsWith, …' },
+            { name: 'value', required: true, description: 'Filter value.' },
+        ],
+    },
+    {
+        id: 'remove-filter',
+        title: 'Remove filter',
+        params: [{ name: 'field', required: true, description: 'Visible filter field to remove (not hidden view conditions).' }],
+    },
+    {
+        id: 'clear-filters',
+        title: 'Clear filters',
+        params: [],
+    },
+    {
+        id: 'set-search',
+        title: 'Set list search',
+        params: [{ name: 'text', required: false, description: 'Quick-search text. Empty string clears search.' }],
+    },
+];
+//#endregion
+//#region ----- Snapshot -----
+function axpBuildEntityListPageContextSnapshot(vm, resolveTitle) {
+    const entityInfo = getEntityInfo(vm.entityDef);
+    const fullName = entityInfo.source;
+    const currentView = vm.view();
+    const filters = vm.filterQueries();
+    const filterDefs = vm.filterDefinitions();
+    const quickSearch = readQuickSearch(filters);
+    const dataSource = vm.dataSource;
+    const isLoading = dataSource.isLoading === true;
+    const itemCount = dataSource.items?.length ?? 0;
+    const status = isLoading ? 'loading' : itemCount === 0 ? 'empty' : 'ready';
+    const filterFieldTitleByName = new Map();
+    for (const def of filterDefs) {
+        const field = def.field?.trim();
+        if (!field) {
+            continue;
+        }
+        filterFieldTitleByName.set(field, resolveTitle(def.title) || field);
+    }
+    const snapshotFilters = flattenQueryFilterUserGroups(filters)
+        .queries.filter((f) => !isQuickSearchField(f.field))
+        .map((f) => {
+        const field = typeof f.field === 'string' ? f.field : '';
+        const operatorType = typeof f.operator?.type === 'string' ? f.operator.type : undefined;
+        return {
+            field,
+            operatorType,
+            value: f.value,
+            title: filterFieldTitleByName.get(field) ?? (typeof f.displayText === 'string' ? f.displayText : undefined),
+            hidden: f.hidden === true,
+        };
+    })
+        .filter((f) => f.field.length > 0);
+    const columns = vm
+        .columns()
+        .filter((c) => c.visible)
+        .map((c) => ({
+        name: c.name,
+        title: resolveTitle(c.title) || c.name,
+    }));
+    const selectedRecords = readSelectedRecords(vm, resolveTitle);
+    const selectedIds = selectedRecords.map((row) => row.id);
+    const sorts = vm
+        .sortedFields()
+        .filter((s) => s.dir)
+        .map((s) => ({ field: s.name, dir: s.dir }));
+    return {
+        kind: 'entity-list',
+        title: resolveTitle(vm.title()) || fullName,
+        status,
+        entity: {
+            fullName,
+            title: resolveTitle(vm.entityDef.formats.plural) || fullName,
+        },
+        view: {
+            name: currentView.name,
+            title: resolveTitle(currentView.title) || currentView.name,
+        },
+        views: vm.views().map((v) => ({
+            name: v.name,
+            title: resolveTitle(v.title) || v.name,
+        })),
+        filters: snapshotFilters,
+        filterFields: filterDefs
+            .map((def) => {
+            const field = def.field?.trim();
+            if (!field) {
+                return null;
+            }
+            return { field, title: filterFieldTitleByName.get(field) ?? field };
+        })
+            .filter((row) => row != null),
+        ...(quickSearch ? { quickSearch } : {}),
+        ...(selectedIds.length ? { selectedIds } : {}),
+        ...(selectedRecords.length ? { selectedRecords } : {}),
+        columns,
+        previewTitles: buildPreviewTitles(vm, dataSource.items ?? []),
+        appliedQuery: {
+            skip: dataSource._query?.skip,
+            take: dataSource._query?.take,
+            ...(sorts.length ? { sort: sorts } : {}),
+            filter: snapshotFilters.filter((f) => f.hidden !== true),
+        },
+        actions: ENTITY_LIST_ACTIONS,
+    };
+}
+//#endregion
+//#region ----- Run -----
+async function axpRunEntityListPageContextAction(vm, actionId, args, resolveTitle) {
+    const result = await runEntityListAction(vm, actionId, args);
+    return {
+        ...result,
+        snapshot: axpBuildEntityListPageContextSnapshot(vm, resolveTitle),
+    };
+}
+async function runEntityListAction(vm, actionId, args) {
+    switch (actionId) {
+        case 'set-view':
+            return setViewAction(vm, args);
+        case 'set-filter':
+            return setFilterAction(vm, args);
+        case 'remove-filter':
+            return removeFilterAction(vm, args);
+        case 'clear-filters':
+            vm.resetFilters();
+            await vm.applyFilterAndSort({ resetPagination: true });
+            return { success: true };
+        case 'set-search':
+            return setSearchAction(vm, args);
+        default:
+            return { success: false, message: `Unknown page action "${actionId}".` };
+    }
+}
+async function setViewAction(vm, args) {
+    const viewName = readStringArg(args, 'viewName');
+    if (!viewName) {
+        return { success: false, message: 'set-view requires viewName.' };
+    }
+    const match = vm.views().find((v) => v.name === viewName);
+    if (!match) {
+        return { success: false, message: `View "${viewName}" is not on this list.` };
+    }
+    await vm.setView(viewName);
+    await vm.applyFilterAndSort({ resetPagination: true });
+    return { success: true };
+}
+async function setFilterAction(vm, args) {
+    const field = readStringArg(args, 'field');
+    const operatorType = (readStringArg(args, 'operatorType') || 'equal');
+    if (!field) {
+        return { success: false, message: 'set-filter requires field.' };
+    }
+    if (isQuickSearchField(field)) {
+        return { success: false, message: 'Use set-search for list search, not set-filter.' };
+    }
+    if (!FILTER_OPERATOR_TYPES.has(operatorType)) {
+        return { success: false, message: `Unsupported operatorType "${operatorType}".` };
+    }
+    if (!isKnownFilterField(vm, field)) {
+        return { success: false, message: `Field "${field}" is not a filterable field on this list.` };
+    }
+    const value = args['value'];
+    if (!operatorAllowsEmpty(operatorType) && isEmptyFilterValue(value)) {
+        return { success: false, message: 'set-filter requires value.' };
+    }
+    const next = vm
+        .filterQueries()
+        .filter((f) => f.hidden === true || f.field !== field)
+        .concat({
+        field,
+        operator: { type: operatorType },
+        value,
+        hidden: false,
+    });
+    vm.filterQueries.set(next);
+    await vm.applyFilterAndSort({ resetPagination: true });
+    return { success: true };
+}
+async function removeFilterAction(vm, args) {
+    const field = readStringArg(args, 'field');
+    if (!field) {
+        return { success: false, message: 'remove-filter requires field.' };
+    }
+    const next = vm.filterQueries().filter((f) => {
+        if (f.hidden === true) {
+            return true;
+        }
+        if (isQuickSearchField(field) && isQuickSearchField(f.field)) {
+            return false;
+        }
+        return f.field !== field;
+    });
+    vm.filterQueries.set(next);
+    await vm.applyFilterAndSort({ resetPagination: true });
+    return { success: true };
+}
+async function setSearchAction(vm, args) {
+    const text = typeof args['text'] === 'string' ? args['text'].trim() : '';
+    const { rootLogic, queries } = flattenQueryFilterUserGroups(vm.filterQueries());
+    const withoutSearch = queries.filter((f) => !isQuickSearchField(f.field));
+    const next = text.length === 0
+        ? withoutSearch
+        : [
+            ...withoutSearch,
+            {
+                field: AXP_QUERY_QUICK_SEARCH_FIELD,
+                operator: { type: 'contains' },
+                value: text,
+                hidden: false,
+                displayText: 'All',
+            },
+        ];
+    vm.filterQueries.set(wrapQueryFilterRoot(next, rootLogic));
+    await vm.applyFilterAndSort({ resetPagination: true });
+    return { success: true };
+}
+//#endregion
+//#region ----- Helpers -----
+function isQuickSearchField(field) {
+    return field === AXP_QUERY_QUICK_SEARCH_FIELD || field === 'all';
+}
+function readQuickSearch(filters) {
+    const row = flattenQueryFilterUserGroups(filters).queries.find((f) => isQuickSearchField(f.field));
+    const value = row?.value;
+    return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+}
+function readStringArg(args, key) {
+    const value = args[key];
+    return typeof value === 'string' ? value.trim() : '';
+}
+function isEmptyFilterValue(value) {
+    if (value === undefined || value === null || value === '') {
+        return true;
+    }
+    return Array.isArray(value) && value.length === 0;
+}
+function operatorAllowsEmpty(operatorType) {
+    return operatorType === 'isNull' || operatorType === 'isEmpty';
+}
+function isKnownFilterField(vm, field) {
+    if (vm.filterDefinitions().some((def) => def.field === field)) {
+        return true;
+    }
+    return vm.entityDef.properties.some((property) => property.name === field);
+}
+function buildPreviewTitles(vm, items) {
+    const path = resolvePreviewPath(vm);
+    if (!path || SECRET_NAME_PATTERN.test(path)) {
+        return [];
+    }
+    const titles = [];
+    for (const item of items) {
+        if (titles.length >= PREVIEW_TITLE_CAP) {
+            break;
+        }
+        if (!item || typeof item !== 'object') {
+            continue;
+        }
+        const raw = get(item, path);
+        const text = typeof raw === 'string' ? raw.trim() : raw != null && typeof raw !== 'object' ? String(raw).trim() : '';
+        if (!text) {
+            continue;
+        }
+        titles.push(text.length > PREVIEW_TITLE_MAX_CHARS ? `${text.slice(0, PREVIEW_TITLE_MAX_CHARS)}…` : text);
+    }
+    return titles;
+}
+function readSelectedRecords(vm, resolveTitle) {
+    const path = resolvePreviewPath(vm);
+    const records = [];
+    for (const row of vm.selectedItems()) {
+        if (!row || typeof row !== 'object') {
+            continue;
+        }
+        const rawId = row.id;
+        const id = typeof rawId === 'string' ? rawId.trim() : typeof rawId === 'number' && Number.isFinite(rawId) ? String(rawId) : '';
+        if (!id) {
+            continue;
+        }
+        const rawTitle = path ? get(row, path) : undefined;
+        const title = resolveTitle(rawTitle).trim() || id;
+        records.push({ id, title });
+    }
+    return records;
+}
+function resolvePreviewPath(vm) {
+    const names = new Set(vm.entityDef.properties.map((p) => p.name));
+    if (names.has('title')) {
+        return 'title';
+    }
+    if (names.has('name')) {
+        return 'name';
+    }
+    const firstVisible = vm.columns().find((c) => c.visible && !SECRET_NAME_PATTERN.test(c.name));
+    return firstVisible?.name;
+}
+//#endregion
+
 const ENTITY_MASTER_LIST_TRACE_NS = 'entity-master-list';
 /**
  * Emits entity master list diagnostics when tenant Debug Mode is enabled.
@@ -9462,6 +10070,8 @@ class AXPEntityMasterListViewQueryViewModel {
         this.indexCol = this.view.indexCol;
         this.pageSize = this.view.pageSize;
         this.visible = this.view.visible;
+        this.fixed = this.view.fixed;
+        this.custom = this.view.custom === true;
     }
 }
 class AXPEntityMasterListViewModel {
@@ -9596,16 +10206,20 @@ class AXPEntityMasterListViewModel {
         return typeof resolved === 'string' && resolved.trim() !== '' ? resolved : title;
     }
     /**
-     * Resolves the record CSS class from `interfaces.master.styling.record`.
+     * Resolves the record CSS class from entity styling plus personal highlight rules.
      */
     async resolveRecordStylingClass(rowData) {
-        return resolveEntityMasterRecordStylingClass(this.expressionEvaluator, this.entityDef, rowData);
+        const entityClass = await resolveEntityMasterRecordStylingClass(this.expressionEvaluator, this.entityDef, rowData);
+        const userClass = resolveEntityListUserRecordStylingClass(rowData, this.userStylingRules());
+        return joinEntityListStylingClasses(entityClass, userClass);
     }
     /**
-     * Resolves the field CSS class from `interfaces.master.styling.fields`.
+     * Resolves the field CSS class from `interfaces.master.styling.fields` plus personal rules.
      */
     async resolveFieldStylingClass(rowData, fieldName) {
-        return resolveEntityMasterFieldStylingClass(this.expressionEvaluator, this.entityDef, rowData, fieldName);
+        const entityClass = await resolveEntityMasterFieldStylingClass(this.expressionEvaluator, this.entityDef, rowData, fieldName);
+        const userClass = resolveEntityListUserFieldStylingClass(rowData, this.userStylingRules(), fieldName);
+        return joinEntityListStylingClasses(entityClass, userClass);
     }
     async resolveTriggerName(triggerName, data) {
         if (!triggerName) {
@@ -9629,6 +10243,8 @@ class AXPEntityMasterListViewModel {
             activeListLayout: this.activeListLayout(),
         }));
         await this.settings.ensureLoaded();
+        await this.loadUserStylingRules();
+        await this.loadCustomQueryViews();
         await this.refreshVisibleViews();
         const availableViews = this.views();
         if (!availableViews.length) {
@@ -9640,12 +10256,11 @@ class AXPEntityMasterListViewModel {
         }
         else if (await this.shouldLoadPersistedListState()) {
             const entitySetting = await this.settings.get(this.settingEntityKey);
-            resolvedViewName = entitySetting?.list?.currentView;
+            resolvedViewName = readPersistedEntityListInstanceCurrentView(entitySetting, this.listInstanceId());
         }
         const currentViewName = this.view().name;
         const currentViewUnavailable = !availableViews.some((v) => v.name === currentViewName);
-        const targetView = availableViews.find((c) => c.name === resolvedViewName) ??
-            (currentViewUnavailable ? availableViews[0] : this.view());
+        const targetView = availableViews.find((c) => c.name === resolvedViewName) ?? (currentViewUnavailable ? availableViews[0] : this.view());
         const viewChanged = targetView.name !== this.view().name;
         // Columns start empty; bootstrap them on first setView even when the view name is unchanged
         // (e.g. URL already has ?view=all matching the default view).
@@ -9698,6 +10313,11 @@ class AXPEntityMasterListViewModel {
         this.lastAppliedFilterKey = null;
         this.hasQueryParamsFilters = false; // Flag to prevent overriding queryParams filters
         this.routeQueryContextKey = null;
+        this.listInstanceId = signal(ENTITY_LIST_DEFAULT_INSTANCE_ID, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listInstanceId" }] : /* istanbul ignore next */ []));
+        /** Bumped when list-instance filters are re-seeded so the toolbar chips catch up. */
+        this.listFilterSeedEpoch = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listFilterSeedEpoch" }] : /* istanbul ignore next */ []));
         this.settingsUpdateChain = Promise.resolve();
         this.initialListSettingsApplied = false;
         /** Persisted expanded row ids for hierarchical lists (per view). */
@@ -9712,9 +10332,14 @@ class AXPEntityMasterListViewModel {
         this.skipListPagingPersistence = false;
         this.listPersistenceMode = null;
         this.events$ = new Subject();
+        /** Personal row/cell highlight rules for this entity. */
+        this.userStylingRules = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "userStylingRules" }] : /* istanbul ignore next */ []));
         //****************** Views ******************//
+        this.customQueryViews = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "customQueryViews" }] : /* istanbul ignore next */ []));
         this.allViews = computed(() => {
-            const views = this.entityDef.interfaces?.master?.list?.views ?? [];
+            const views = mergeDefinitionAndCustomQueryViews(this.entityDef.interfaces?.master?.list?.views, this.customQueryViews());
             return views.map((v) => {
                 return new AXPEntityMasterListViewQueryViewModel(this.entityDef, this, v);
             });
@@ -9729,8 +10354,23 @@ class AXPEntityMasterListViewModel {
         ...(ngDevMode ? [{ debugName: "views" }] : /* istanbul ignore next */ []));
         this.view = signal(this.allViews()[0], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+        this.isActiveQueryViewDirty = computed(() => isQueryViewDirty({
+            view: this.toQueryView(this.view()),
+            persistableFilters: this.getPersistableFilterQueries(this.filterQueries()),
+            currentSorts: this.currentQueryViewSorts(),
+            currentColumns: this.currentQueryViewColumns(),
+            defaultColumns: this.defaultQueryViewColumns(),
+            sortableFieldNames: this.sortableFieldDefinitions().map((field) => field.name),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isActiveQueryViewDirty" }] : /* istanbul ignore next */ []));
+        this.isActiveQueryViewCustom = computed(() => isCustomQueryView(this.view()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isActiveQueryViewCustom" }] : /* istanbul ignore next */ []));
+        this.canSaveActiveQueryView = computed(() => this.isActiveQueryViewDirty() && !this.isActiveQueryViewCustom(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSaveActiveQueryView" }] : /* istanbul ignore next */ []));
         this.showRowIndexColumnEnabled = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showRowIndexColumnEnabled" }] : /* istanbul ignore next */ []));
+        this.multiLevelHeadersEnabled = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "multiLevelHeadersEnabled" }] : /* istanbul ignore next */ []));
         /**
          * Row index column: if the list view defines `indexCol` (true/false), that overrides the user setting;
          * if `indexCol` is omitted, visibility follows {@link AXPCommonSettings.ShowRowIndexColumn}.
@@ -9747,6 +10387,12 @@ class AXPEntityMasterListViewModel {
         /** Layouts enabled via table (always) and `interfaces.master.card.enabled`. */
         this.enabledListLayouts = computed(() => resolveEnabledMasterListLayouts(this.entityDef.interfaces?.master?.card), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "enabledListLayouts" }] : /* istanbul ignore next */ []));
+        /** List filter editor mode from `interfaces.master.list.filterMode`. Default advanced while testing. */
+        this.filterMode = computed(() => (this.entityDef.interfaces?.master?.list?.filterMode === 'normal' ? 'normal' : 'advanced'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterMode" }] : /* istanbul ignore next */ []));
+        /** Named sort recipes from `interfaces.master.list.sortPresets`. */
+        this.sortPresets = computed(() => collectEntityListSortPresets(this.entityDef), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sortPresets" }] : /* istanbul ignore next */ []));
         /** True when the user can switch between multiple enabled layouts. */
         this.canSwitchListLayout = computed(() => this.enabledListLayouts().length > 1, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canSwitchListLayout" }] : /* istanbul ignore next */ []));
@@ -9784,9 +10430,7 @@ class AXPEntityMasterListViewModel {
             },
             load: async (e) => {
                 resetPagingForTreeChildrenLoad(e, this.entityDef.parentKey);
-                const listRequest = this.entityDef.parentKey != null
-                    ? applyHierarchicalRootListFilter(e, this.entityDef.parentKey)
-                    : e;
+                const listRequest = this.entityDef.parentKey != null ? applyHierarchicalRootListFilter(e, this.entityDef.parentKey) : e;
                 const fields = this.buildColumnQueryFields();
                 const requestWithFields = fields?.length ? { ...listRequest, fields } : listRequest;
                 const execute = this.entityDef.queries?.list?.execute;
@@ -9802,6 +10446,7 @@ class AXPEntityMasterListViewModel {
             pageSize: this.view().pageSize || 10,
             key: 'id',
         });
+        this.customQueryViewsLoaded = false;
         this.selectedItems = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
         /**
@@ -9819,6 +10464,12 @@ class AXPEntityMasterListViewModel {
             return this.selectedItems().length > 0;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasSelectedItems" }] : /* istanbul ignore next */ []));
+        /**
+         * Category sidebar constraints merged with toolbar filters on every list query.
+         * Empty when "All" is selected. Not persisted as user filters.
+         */
+        this.categoryListFilters = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "categoryListFilters" }] : /* istanbul ignore next */ []));
         //****************** Title ******************//
         this.title = computed(() => {
             return this._viewDef.title ?? this.entityDef.formats.plural;
@@ -9890,8 +10541,9 @@ class AXPEntityMasterListViewModel {
             const { columns = [], properties } = this.entityDef;
             // const visibleProperties = properties.filter(({ schema }) => schema?.visible !== false);
             const propNames = new Set(properties.map(({ name }) => name));
-            return columns
-                .filter(({ name, showAs, options }) => (propNames.has(name) || showAs) && options?.visible !== false)
+            // Keep `options.visible: false` columns — they stay in the picker, off by default.
+            return flattenEntityTableColumns(columns)
+                .filter(({ name, showAs }) => propNames.has(name) || !!showAs)
                 .map((column) => {
                 const relatedProperty = this.resolveMergeDetailProperty(column.name);
                 const entityProperty = properties.find(({ name }) => name === column.name);
@@ -9924,6 +10576,8 @@ class AXPEntityMasterListViewModel {
         };
         this.columns = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.columnTree = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnTree" }] : /* istanbul ignore next */ []));
         this.allAvailableCardFields = () => {
             return this.cardFieldsResolver.resolve(this.entityDef, this.cardLayout());
         };
@@ -9969,13 +10623,16 @@ class AXPEntityMasterListViewModel {
         });
         this.sortedFields.set([]);
         void this.syncShowRowIndexColumnSetting();
+        void this.syncMultiLevelHeadersSetting();
         void this.applyGlobalListDisplayMode();
         this.settings.onLoaded.pipe(takeUntil(this.destroyed)).subscribe(() => {
             void this.syncShowRowIndexColumnSetting();
+            void this.syncMultiLevelHeadersSetting();
             void this.applyGlobalListDisplayMode();
         });
         this.settings.onChanged.pipe(takeUntil(this.destroyed)).subscribe(() => {
             void this.syncShowRowIndexColumnSetting();
+            void this.syncMultiLevelHeadersSetting();
             void this.applyGlobalListDisplayMode();
         });
     }
@@ -9989,6 +10646,28 @@ class AXPEntityMasterListViewModel {
             this.showRowIndexColumnEnabled.set(false);
         }
     }
+    async syncMultiLevelHeadersSetting() {
+        try {
+            const value = await this.settings.get(AXPCommonSettings.EntityMultiLevelHeaders);
+            const enabled = value ?? false;
+            if (this.multiLevelHeadersEnabled() !== enabled) {
+                this.multiLevelHeadersEnabled.set(enabled);
+                this.rebuildColumnTree();
+            }
+            else {
+                this.multiLevelHeadersEnabled.set(enabled);
+            }
+        }
+        catch {
+            if (this.multiLevelHeadersEnabled()) {
+                this.multiLevelHeadersEnabled.set(false);
+                this.rebuildColumnTree();
+            }
+            else {
+                this.multiLevelHeadersEnabled.set(false);
+            }
+        }
+    }
     /**
      * Applies {@link AXPCommonSettings.EntityListPersistenceMode} for this list instance.
      * Call once when the list view model is created (before loading list UI state).
@@ -10016,6 +10695,9 @@ class AXPEntityMasterListViewModel {
             }
         }
     }
+    setListInstanceId(instanceId) {
+        this.listInstanceId.set(axpNormalizeEntityListInstanceId(instanceId));
+    }
     async getListPersistenceMode() {
         if (this.listPersistenceMode != null) {
             return this.listPersistenceMode;
@@ -10052,10 +10734,16 @@ class AXPEntityMasterListViewModel {
         }
         const listViewSetting = await this.settings.get(this.settingEntityKey);
         if (listViewSetting) {
-            const columns = listViewSetting.list?.views?.[this.view().name]?.columns;
-            const sorts = listViewSetting.list?.views?.[this.view().name]?.sorts;
-            // TODO: Re-enable loading persisted list filters after entity-list filter/settings sync is fixed.
-            // const filters = listViewSetting.list?.views?.[this.view().name]?.filters as AXPFilterQuery[] | undefined;
+            const viewSetting = listViewSetting.list?.views?.[this.view().name];
+            const columnsVersion = Number(viewSetting?.columnsVersion ?? 0);
+            let columns = viewSetting?.columns;
+            // Product modules register migrate-drop columns via configureEntityListColumnsSettingsMigrateDrop.
+            const migrateDrop = getEntityListColumnsSettingsMigrateDrop();
+            const settingsVersion = getEntityListColumnsSettingsVersion();
+            if (columnsVersion < settingsVersion && Array.isArray(columns) && migrateDrop.size > 0) {
+                columns = columns.filter((col) => !migrateDrop.has(String(col.name)));
+            }
+            const sorts = viewSetting?.sorts;
             let columnVisibilityMap;
             let columnWidthsMap;
             if (columns) {
@@ -10065,17 +10753,16 @@ class AXPEntityMasterListViewModel {
             this.loadListPagingFromViewSettings(listViewSetting);
             if (columns && columnVisibilityMap && columnWidthsMap) {
                 this.columns.update((prev) => {
-                    const next = [...prev].sort((a, b) => columns.findIndex((col) => col.name === (a.column?.options?.dataPath ?? a.name)) -
-                        columns.findIndex((col) => col.name === (b.column?.options?.dataPath ?? b.name)));
+                    const next = this.mergePersistedColumnOrder(prev, columns.map((col) => String(col.name)));
                     for (const column of next) {
                         const columnKey = column.column?.options?.dataPath ?? column.name;
                         column.width = defaultTo(columnWidthsMap.get(columnKey), column.column?.options?.width);
-                        // Definition visibility (view.columns whitelist + options.visible) always wins for "hide".
-                        // Persisted settings may only further hide an already-allowed column.
-                        const definitionVisible = column.visible === true;
+                        // Definition supplies the default (entity / view `visible`).
+                        // Persisted user choice overrides when present (including enabling a default-off column).
                         const persistedVisible = columnVisibilityMap.get(columnKey);
-                        column.visible =
-                            definitionVisible && (persistedVisible === undefined ? true : persistedVisible !== false);
+                        if (persistedVisible !== undefined) {
+                            column.visible = persistedVisible !== false;
+                        }
                     }
                     return next;
                 });
@@ -10083,11 +10770,10 @@ class AXPEntityMasterListViewModel {
             if (Array.isArray(sorts) && sorts.length) {
                 this.setActiveSortsFromQueries(sorts);
             }
-            // TODO: Re-enable loading persisted list filters after entity-list filter/settings sync is fixed.
-            // Don't override filters if they came from queryParams
-            // if (Array.isArray(filters) && !this.hasQueryParamsFilters) {
-            //   this.filterQueries.set(filters);
-            // }
+            if (!this.hasQueryParamsFilters) {
+                const persistedFilters = readPersistedEntityListInstanceFilters(listViewSetting, this.listInstanceId(), this.view().name);
+                this.filterQueries.set(mergeEntityListViewAndPersistedFilters(this.filterQueries(), persistedFilters));
+            }
             const expandedRowIds = listViewSetting.list?.views?.[this.view().name]?.expandedRowIds;
             if (Array.isArray(expandedRowIds)) {
                 this.expandedRowIds.set(expandedRowIds.map((id) => String(id)).filter(Boolean));
@@ -10117,8 +10803,7 @@ class AXPEntityMasterListViewModel {
         this.loadListPagingFromViewSettings(entitySetting);
     }
     getResolvedListPaging() {
-        return (this.resolvedListPaging() ??
-            normalizeListPaging(undefined, this.view().pageSize || this.dataSource.config.pageSize || 10));
+        return this.resolvedListPaging() ?? normalizeListPaging(undefined, this.view().pageSize || this.dataSource.config.pageSize || 10);
     }
     applyPagingToDataSourceWithoutLoad() {
         applyDataSourcePagingWithoutLoad(this.dataSource, this.getResolvedListPaging());
@@ -10181,29 +10866,150 @@ class AXPEntityMasterListViewModel {
      * User-applied filters to persist (excludes hidden view conditions and empty values).
      */
     getPersistableFilterQueries(queries = this.filterQueries()) {
-        return queries.filter((f) => {
-            if (f.hidden === true) {
-                return false;
-            }
-            if (f.readOnly === true) {
-                return false;
-            }
-            const value = f.value;
-            if (value === undefined || value === null || value === '') {
-                return false;
+        return flattenQueryFilterUserGroups(queries).queries.filter((f) => isPersistableFilterQuery(f));
+    }
+    async createCustomQueryView(input) {
+        const sourceViewName = this.view().name;
+        const name = createCustomQueryViewName();
+        const view = this.snapshotActiveQueryView(name, input.title, input.includeActiveView);
+        await this.persistCustomQueryView(view, { activate: false, clearInstanceFilters: false });
+        await this.resetViewInstanceOverlays(sourceViewName);
+        return name;
+    }
+    async updateCustomQueryView(input) {
+        const name = this.view().name;
+        const view = this.snapshotActiveQueryView(name, input.title, true);
+        await this.persistCustomQueryView(view, { activate: true, clearInstanceFilters: true });
+        return name;
+    }
+    async deleteCustomQueryView(name) {
+        const target = this.views().find((view) => view.name === name);
+        if (!target || !isCustomQueryView(target)) {
+            return this.view().name;
+        }
+        await this.enqueueSettingsUpdate((prev) => removePersistedCustomQueryView(prev, name));
+        this.customQueryViews.update((views) => views.filter((view) => view.name !== name));
+        await this.refreshVisibleViews();
+        const remaining = this.views();
+        if (this.view().name !== name) {
+            return this.view().name;
+        }
+        return remaining[0]?.name ?? null;
+    }
+    async loadCustomQueryViews() {
+        if (this.customQueryViewsLoaded) {
+            return;
+        }
+        const setting = await this.settings.get(this.settingEntityKey);
+        this.customQueryViews.set(readPersistedCustomQueryViews(setting));
+        this.customQueryViewsLoaded = true;
+    }
+    async persistCustomQueryView(view, options) {
+        await this.enqueueSettingsUpdate((prev) => upsertPersistedCustomQueryView(prev, view));
+        this.customQueryViews.update((views) => {
+            const index = views.findIndex((item) => item.name === view.name);
+            return index >= 0 ? views.map((item, i) => (i === index ? view : item)) : [...views, view];
+        });
+        await this.refreshVisibleViews();
+        if (options.activate) {
+            const next = this.views().find((item) => item.name === view.name);
+            if (next) {
+                this.view.set(next);
+                this.applyViewSorts();
+                await this.applyViewColumns();
+                await this.applyViewFilters();
             }
-            if (Array.isArray(value) && value.length === 0) {
-                return false;
+        }
+        if (options.clearInstanceFilters) {
+            await this.saveSettings('filters', []);
+        }
+    }
+    /** Clears user overlays so the source view returns to its definition defaults after Save View. */
+    async resetViewInstanceOverlays(viewName) {
+        if (!(await this.shouldPersistListState())) {
+            return;
+        }
+        await this.enqueueSettingsUpdate((prev) => {
+            const next = cloneDeep(prev ?? {});
+            set(next, entityListInstanceFilterPath(this.listInstanceId(), viewName), []);
+            set(next, ['list', 'views', viewName, 'filters'], []);
+            const viewSetting = next?.list?.views?.[viewName];
+            if (viewSetting && typeof viewSetting === 'object') {
+                delete viewSetting['columns'];
+                delete viewSetting['sorts'];
             }
-            return true;
+            return next;
+        });
+    }
+    snapshotActiveQueryView(name, title, includeActiveView) {
+        return snapshotCustomQueryView({
+            name,
+            title,
+            includeActiveView,
+            activeView: this.toQueryView(this.view()),
+            currentFilters: this.filterQueries(),
+            currentSorts: this.currentQueryViewSorts(),
+            currentColumns: this.currentQueryViewColumns(),
         });
     }
+    toQueryView(view) {
+        return {
+            name: view.name,
+            title: view.title,
+            fixed: view.fixed,
+            custom: view.custom,
+            columns: view.columns,
+            conditions: view.conditions,
+            sorts: view.sorts,
+            indexCol: view.indexCol,
+            pageSize: view.pageSize,
+            visible: view.visible,
+        };
+    }
+    currentQueryViewSorts() {
+        return this.sortedFields()
+            .filter((sort) => sort.dir === 'asc' || sort.dir === 'desc')
+            .map((sort) => ({ name: sort.name, dir: sort.dir }));
+    }
+    currentQueryViewColumns() {
+        return this.columns().map((column) => ({
+            name: column.column?.options?.dataPath ?? column.name,
+            visible: isQueryViewColumnVisible(column.visible),
+            width: column.width,
+        }));
+    }
+    defaultQueryViewColumns() {
+        return this.allAvailableColumns().map((column) => ({
+            name: column.column?.options?.dataPath ?? column.name,
+            visible: isQueryViewColumnVisible(column.visible),
+        }));
+    }
     enqueueSettingsUpdate(updateFn) {
         const run = () => this.settings.scope(AXPPlatformScope.User).update(this.settingEntityKey, updateFn);
         const next = this.settingsUpdateChain.then(run);
         this.settingsUpdateChain = next.catch(() => undefined);
         return next;
     }
+    async loadUserStylingRules() {
+        if (!(await this.shouldLoadPersistedListState())) {
+            this.userStylingRules.set([]);
+            return;
+        }
+        const setting = await this.settings.get(this.settingEntityKey);
+        this.userStylingRules.set(readPersistedEntityListStylingRules(setting));
+    }
+    async saveUserStylingRules(rules) {
+        const normalized = normalizeEntityListUserStylingRules(rules);
+        this.userStylingRules.set(normalized);
+        if (!(await this.shouldPersistListState())) {
+            return;
+        }
+        await this.enqueueSettingsUpdate((prev) => {
+            const next = cloneDeep(prev ?? {});
+            set(next, [...entityListStylingRulesPath()], normalized);
+            return next;
+        });
+    }
     async saveSettings(changesType, data) {
         if (!(await this.shouldPersistListState())) {
             return;
@@ -10227,6 +11033,7 @@ class AXPEntityMasterListViewModel {
                         width: c.name === field ? columnSizeData.width : c.width,
                     }));
                     set(newSettings, `list.views.${this.view().name}.columns`, updatedColumns);
+                    set(newSettings, `list.views.${this.view().name}.columnsVersion`, getEntityListColumnsSettingsVersion());
                     return newSettings;
                 });
                 break;
@@ -10240,18 +11047,17 @@ class AXPEntityMasterListViewModel {
                         visible: c.visible,
                         width: c.width,
                     })));
+                    set(newSettings, `list.views.${this.view().name}.columnsVersion`, getEntityListColumnsSettingsVersion());
                     return newSettings;
                 });
                 break;
             }
             case 'view':
-                await this.enqueueSettingsUpdate((prev) => ({
-                    ...prev,
-                    list: {
-                        ...prev?.list,
-                        currentView: this.view().name,
-                    },
-                }));
+                await this.enqueueSettingsUpdate((prev) => {
+                    const newSettings = { ...prev };
+                    set(newSettings, entityListInstanceCurrentViewPath(this.listInstanceId()), this.view().name);
+                    return newSettings;
+                });
                 break;
             case 'pageSize':
                 await this.enqueueSettingsUpdate((prev) => ({
@@ -10289,19 +11095,13 @@ class AXPEntityMasterListViewModel {
                 }));
                 break;
             case 'filters':
-                await this.enqueueSettingsUpdate((prev) => ({
-                    ...prev,
-                    list: {
-                        ...prev?.list,
-                        views: {
-                            ...prev?.list?.views,
-                            [this.view().name]: {
-                                ...prev?.list?.views?.[this.view().name],
-                                filters: data,
-                            },
-                        },
-                    },
-                }));
+                await this.enqueueSettingsUpdate((prev) => {
+                    const newSettings = cloneDeep(prev ?? {});
+                    const nextFilters = Array.isArray(data) ? data : [];
+                    set(newSettings, entityListInstanceFilterPath(this.listInstanceId(), this.view().name), nextFilters);
+                    set(newSettings, ['list', 'views', this.view().name, 'filters'], nextFilters);
+                    return newSettings;
+                });
                 break;
             case 'sorts':
                 await this.enqueueSettingsUpdate((prev) => ({
@@ -10347,6 +11147,9 @@ class AXPEntityMasterListViewModel {
     setSelectedCategory(category) {
         this.selectedCategory.set(category);
     }
+    setCategoryListFilters(filters) {
+        this.categoryListFilters.set(filters);
+    }
     /** Keeps the first action when list definitions repeat the same trigger name. */
     dedupeActionsByName(actions) {
         const seen = new Set();
@@ -10361,9 +11164,7 @@ class AXPEntityMasterListViewModel {
     async getPrimaryActions() {
         const scope = this.createLogicExpressionScope(null);
         const actions = await Promise.all(this.allActions()
-            .filter((a) => a.priority == 'primary' &&
-            ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
-                (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())))
+            .filter((a) => a.priority == 'primary' && ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) || (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())))
             .map(async (a) => {
             const isHidden = await this.expressionEvaluator.evaluate(a.hidden, scope);
             if (isHidden)
@@ -10378,9 +11179,7 @@ class AXPEntityMasterListViewModel {
     async getSecondaryActions() {
         const scope = this.createLogicExpressionScope(null);
         const actions = await Promise.all(this.allActions()
-            .filter((a) => a.priority == 'secondary' &&
-            ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
-                (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())))
+            .filter((a) => a.priority == 'secondary' && ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) || (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())))
             .map(async (a) => {
             const isHidden = await this.expressionEvaluator.evaluate(a.hidden, scope);
             if (isHidden)
@@ -10433,19 +11232,7 @@ class AXPEntityMasterListViewModel {
         });
         return items;
     }
-    static { this.URL_FILTER_OPERATOR_TYPES = new Set([
-        'equal',
-        'isNull',
-        'isEmpty',
-        'lt',
-        'lte',
-        'gt',
-        'gte',
-        'startsWith',
-        'endsWith',
-        'contains',
-        'in',
-    ]); }
+    static { this.URL_FILTER_OPERATOR_TYPES = new Set(['equal', 'isNull', 'isEmpty', 'lt', 'lte', 'gt', 'gte', 'startsWith', 'endsWith', 'contains', 'in']); }
     get properties() {
         return this.entityDef.properties;
     }
@@ -10493,13 +11280,37 @@ class AXPEntityMasterListViewModel {
     }
     toUrlFilterPayloadItems(queries) {
         return queries
-            .filter((f) => typeof f.field === 'string' && f.field !== '' && f.value !== undefined && f.value !== null && f.value !== '')
-            .map((f) => ({
-            field: f.field,
-            operator: AXPEntityMasterListViewModel.coerceFilterOperatorFromUrl(f.operator),
-            value: f.value,
-        }))
-            .sort((a, b) => a.field.localeCompare(b.field));
+            .filter((f) => {
+            if (f.filters?.length) {
+                return f.filters.some((child) => isCompleteFilterCondition(child.operator?.type, child.value));
+            }
+            if (typeof f.field !== 'string' || f.field === '') {
+                return false;
+            }
+            return isCompleteFilterCondition(f.operator?.type, f.value);
+        })
+            .map((f) => {
+            if (f.filters?.length) {
+                return {
+                    logic: f.logic ?? 'and',
+                    filters: f.filters.map((child) => ({
+                        field: child.field,
+                        operator: AXPEntityMasterListViewModel.coerceFilterOperatorFromUrl(child.operator),
+                        value: child.value,
+                    })),
+                };
+            }
+            return {
+                field: f.field,
+                operator: AXPEntityMasterListViewModel.coerceFilterOperatorFromUrl(f.operator),
+                value: f.value,
+            };
+        })
+            .sort((a, b) => {
+            const left = resolveFilterQueryIdentityField(a) ?? '';
+            const right = resolveFilterQueryIdentityField(b) ?? '';
+            return left.localeCompare(right);
+        });
     }
     static coerceFilterOperatorFromUrl(op) {
         if (op && typeof op === 'object' && op !== null && 'type' in op) {
@@ -10565,7 +11376,7 @@ class AXPEntityMasterListViewModel {
     }
     /**
      * Reacts to any route query param change while the list route is reused (`reuse: queryParamsChange`).
-     * Handles known keys (`view`, `filters`) and re-evaluates view visibility for expression-driven params.
+     * Handles known keys (`view`, `filters`, `list`) and re-evaluates view visibility for expression-driven params.
      *
      * Data reload is owned by {@link applyFilterAndSort} → `events$` when criteria change.
      * `reloadList` stays false so callers do not issue a second `reloadListData` for the same transition.
@@ -10576,12 +11387,24 @@ class AXPEntityMasterListViewModel {
             return { reloadList: false };
         }
         this.routeQueryContextKey = contextKey;
+        const nextInstanceId = axpGetEntityListInstanceIdFromParamMap(queryParamMap);
+        const instanceChanged = nextInstanceId !== this.listInstanceId();
+        if (instanceChanged) {
+            this.listInstanceId.set(nextInstanceId);
+            this.hasQueryParamsFilters = false;
+        }
         const previousViewName = this.view().name;
         await this.setView(queryParamMap.get('view'));
+        if (instanceChanged) {
+            this.applyViewFilters();
+            this.applyViewSorts();
+            await this.loadPersistedInstanceFilters();
+            this.listFilterSeedEpoch.update((epoch) => epoch + 1);
+        }
         const filtersChanged = await this.syncFiltersFromRouteQueryParam(queryParamMap.get('filters'));
         await this.refreshVisibleViews();
         const viewChanged = this.view().name !== previousViewName;
-        if (filtersChanged || viewChanged) {
+        if (filtersChanged || viewChanged || instanceChanged) {
             this.lastAppliedFilterKey = null;
             this.lastAppliedSortKey = null;
             // Keys were cleared to force apply; pass reset so URL view/filter changes still reset paging
@@ -10658,12 +11481,16 @@ class AXPEntityMasterListViewModel {
         if (this.hasQueryParamsFilters) {
             return;
         }
-        const viewFilters = this.view().conditions.map((f) => ({
-            field: f.name,
-            operator: f.operator,
-            value: f.value,
-        }));
-        this.filterQueries.set(viewFilters);
+        const view = this.toQueryView(this.view());
+        this.filterQueries.set(withQueryViewFilterVisibility(view, queryViewConditionsToFilterQueries(view)));
+    }
+    async loadPersistedInstanceFilters() {
+        if (this.hasQueryParamsFilters || !(await this.shouldLoadPersistedListState())) {
+            return;
+        }
+        const setting = await this.settings.get(this.settingEntityKey);
+        const persistedFilters = readPersistedEntityListInstanceFilters(setting, this.listInstanceId(), this.view().name);
+        this.filterQueries.set(mergeEntityListViewAndPersistedFilters(this.filterQueries(), persistedFilters));
     }
     resetFilters() {
         this.hasQueryParamsFilters = false; // Reset flag when user resets filters
@@ -10674,7 +11501,8 @@ class AXPEntityMasterListViewModel {
         const sorts = this.sortedFields()
             .filter((sf) => sf.dir)
             .map((s) => ({ name: s.name, dir: s.dir }));
-        const filters = this.filterQueries();
+        const toolbarFilters = this.filterQueries();
+        const filters = this.mergeToolbarAndCategoryFilters(toolbarFilters);
         const sortKey = JSON.stringify(sorts);
         const transformedFilter = this.filterOperatorMiddleware.transformFilter({
             field: null,
@@ -10691,7 +11519,7 @@ class AXPEntityMasterListViewModel {
             }));
             return; // No effective change; avoid redundant refresh
         }
-        this.updateAppliedInlineFilterHighlightText(filters);
+        this.updateAppliedInlineFilterHighlightText(toolbarFilters);
         const filtersChanged = this.lastAppliedFilterKey != null && filterKey !== this.lastAppliedFilterKey;
         const sortsChanged = this.lastAppliedSortKey != null && sortKey !== this.lastAppliedSortKey;
         const shouldResetPagination = options?.resetPagination === true || filtersChanged;
@@ -10700,48 +11528,225 @@ class AXPEntityMasterListViewModel {
         if (shouldResetPagination) {
             this.resetListPagingSkip();
         }
-        this.dataSource.clearFilter();
-        this.dataSource.sort(...sorts.map((s) => ({ dir: s.dir, field: s.name })));
-        this.dataSource.filter(transformedFilter);
-        traceEntityMasterList('viewmodel', 'applyFilterAndSort emitting refresh', () => ({
-            entity: getEntityInfo(this.entityDef).source,
-            viewName: this.view().name,
-            activeListLayout: this.activeListLayout(),
-            filtersChanged,
-            resetPagination: shouldResetPagination,
-            filterCount: filters.length,
-            sortCount: sorts.length,
-            dataSource: buildDataSourceTraceSnapshot(this.dataSource),
-        }));
-        this.events$.next({ action: 'refresh', meta: { resetPagination: shouldResetPagination } });
-        const hooks = this.injector.get(AXPHookService);
-        fireEntityLifecycleHook(hooks, AXPEntityLifecycleHookKeys.ListCriteriaApplied, {
-            module: this.entityDef.module,
-            entityName: this.entityDef.name,
-            filterCount: filters.length,
-            sortCount: sorts.length,
-            viewName: this.view().name,
-            kind: sortsChanged && !filtersChanged ? 'sort' : filters.some((f) => f.field === 'all' || f.field === AXP_QUERY_QUICK_SEARCH_FIELD) ? 'search' : 'filter',
-        });
-    }
-    updateAppliedInlineFilterHighlightText(filters) {
-        const quickFilter = filters.find((f) => f.field === 'all' || f.field === AXP_QUERY_QUICK_SEARCH_FIELD);
-        const value = quickFilter?.value;
-        this.inlineFilterHighlightText.set(typeof value === 'string' ? value.trim() : '');
+        this.dataSource.clearFilter();
+        this.dataSource.sort(...sorts.map((s) => ({ dir: s.dir, field: s.name })));
+        this.dataSource.filter(transformedFilter);
+        traceEntityMasterList('viewmodel', 'applyFilterAndSort emitting refresh', () => ({
+            entity: getEntityInfo(this.entityDef).source,
+            viewName: this.view().name,
+            activeListLayout: this.activeListLayout(),
+            filtersChanged,
+            resetPagination: shouldResetPagination,
+            filterCount: filters.length,
+            sortCount: sorts.length,
+            dataSource: buildDataSourceTraceSnapshot(this.dataSource),
+        }));
+        this.events$.next({ action: 'refresh', meta: { resetPagination: shouldResetPagination } });
+        const hooks = this.injector.get(AXPHookService);
+        fireEntityLifecycleHook(hooks, AXPEntityLifecycleHookKeys.ListCriteriaApplied, {
+            module: this.entityDef.module,
+            entityName: this.entityDef.name,
+            filterCount: filters.length,
+            sortCount: sorts.length,
+            viewName: this.view().name,
+            kind: sortsChanged && !filtersChanged ? 'sort' : filters.some((f) => f.field === 'all' || f.field === AXP_QUERY_QUICK_SEARCH_FIELD) ? 'search' : 'filter',
+        });
+    }
+    /**
+     * Toolbar filters stay in `filterQueries`. Category sidebar filters are applied
+     * beside them so a later toolbar change does not drop the selected category.
+     */
+    mergeToolbarAndCategoryFilters(toolbarFilters) {
+        const categoryFilters = this.categoryListFilters();
+        if (!categoryFilters.length) {
+            return toolbarFilters;
+        }
+        return [...toolbarFilters, ...categoryFilters];
+    }
+    updateAppliedInlineFilterHighlightText(filters) {
+        const quickFilter = flattenQueryFilterUserGroups(filters).queries.find((f) => f.field === 'all' || f.field === AXP_QUERY_QUICK_SEARCH_FIELD);
+        const value = quickFilter?.value;
+        this.inlineFilterHighlightText.set(typeof value === 'string' ? value.trim() : '');
+    }
+    //****************** Columns ******************//
+    resolveMergeDetailSource(columnName) {
+        const parsed = parseDottedFieldPath(columnName);
+        if (!parsed) {
+            return null;
+        }
+        const { dataPath, propertyName } = parsed;
+        const related = this.entityDef.relatedEntities?.find((entry) => entry.layout?.type === 'merge-detail' && entry.persistence?.dataPath?.trim() === dataPath);
+        if (!related?.entity) {
+            return null;
+        }
+        const relatedDef = this.getRegisteredEntity(related.entity);
+        const property = relatedDef?.properties?.find((item) => item.name === propertyName);
+        if (!relatedDef || !property) {
+            return null;
+        }
+        return { entity: relatedDef, property };
+    }
+    resolveMergeDetailProperty(columnName) {
+        return this.resolveMergeDetailSource(columnName)?.property ?? null;
+    }
+    resolveColumnSection(column) {
+        const mergeSource = this.resolveMergeDetailSource(column.name);
+        const groupId = mergeSource?.property.groupId ?? column.property.groupId;
+        if (!groupId) {
+            return null;
+        }
+        const groups = mergeSource?.entity.groups ?? this.entityDef.groups;
+        const group = groups?.find((item) => item.id === groupId);
+        const title = group?.title?.trim();
+        if (!title) {
+            return null;
+        }
+        return { id: groupId, title };
+    }
+    findInnermostAuthorBand(columns, columnName) {
+        for (const column of columns) {
+            if (!isEntityColumnBand(column)) {
+                continue;
+            }
+            const leaves = flattenEntityTableColumns(column.children);
+            if (!leaves.some((leaf) => leaf.name === columnName)) {
+                continue;
+            }
+            const deeper = this.findInnermostAuthorBand(column.children ?? [], columnName);
+            return deeper ?? column;
+        }
+        return null;
+    }
+    buildSectionBandedColumnTree(leafByName) {
+        const bucketOrder = [];
+        const buckets = new Map();
+        for (const column of this.columns()) {
+            const authorBand = this.findInnermostAuthorBand(this.entityDef.columns ?? [], column.name);
+            if (authorBand) {
+                const key = `author:${authorBand.name}`;
+                if (!buckets.has(key)) {
+                    bucketOrder.push(key);
+                    buckets.set(key, authorBand);
+                }
+                continue;
+            }
+            const section = this.resolveColumnSection(column);
+            if (section) {
+                const key = `section:${section.id}`;
+                const existing = buckets.get(key);
+                if (existing && typeof existing === 'object' && 'kind' in existing && existing.kind === 'section') {
+                    existing.leafNames.push(column.name);
+                }
+                else if (!existing) {
+                    bucketOrder.push(key);
+                    buckets.set(key, { kind: 'section', id: section.id, title: section.title, leafNames: [column.name] });
+                }
+                continue;
+            }
+            bucketOrder.push(`singleton:${column.name}`);
+        }
+        const nodes = [];
+        for (const key of bucketOrder) {
+            const bucket = buckets.get(key);
+            if (!bucket) {
+                continue;
+            }
+            if (key.startsWith('author:')) {
+                const band = bucket;
+                nodes.push(...this.buildMasterListColumnTree([band], leafByName));
+                continue;
+            }
+            if (key.startsWith('section:')) {
+                const sectionBucket = bucket;
+                const children = [];
+                for (const leafName of sectionBucket.leafNames) {
+                    const leaf = leafByName.get(leafName);
+                    if (!leaf) {
+                        continue;
+                    }
+                    children.push({
+                        kind: 'leaf',
+                        column: leaf,
+                        visible: leaf.visible !== false,
+                    });
+                }
+                if (children.length === 0) {
+                    continue;
+                }
+                if (children.length === 1) {
+                    nodes.push(children[0]);
+                    continue;
+                }
+                nodes.push({
+                    kind: 'band',
+                    name: `axp-section-${sectionBucket.id}`,
+                    title: sectionBucket.title,
+                    visible: children.some((child) => child.visible),
+                    children,
+                });
+                continue;
+            }
+            if (key.startsWith('singleton:')) {
+                const leafName = key.slice('singleton:'.length);
+                const leaf = leafByName.get(leafName);
+                if (!leaf) {
+                    continue;
+                }
+                nodes.push({
+                    kind: 'leaf',
+                    column: leaf,
+                    visible: leaf.visible !== false,
+                });
+            }
+        }
+        return nodes;
     }
-    //****************** Columns ******************//
-    resolveMergeDetailProperty(columnName) {
-        const parsed = parseDottedFieldPath(columnName);
-        if (!parsed) {
-            return null;
+    /**
+     * Merges persisted column order onto the definition order.
+     * Columns missing from saved prefs keep their definition-relative position.
+     */
+    mergePersistedColumnOrder(definitionColumns, persistedNames) {
+        const columnKey = (column) => column.column?.options?.dataPath ?? column.name;
+        const byKey = new Map(definitionColumns.map((column) => [columnKey(column), column]));
+        const result = [];
+        const placed = new Set();
+        for (const name of persistedNames) {
+            const column = byKey.get(name);
+            if (!column) {
+                continue;
+            }
+            result.push(column);
+            placed.add(name);
         }
-        const { dataPath, propertyName } = parsed;
-        const related = this.entityDef.relatedEntities?.find((entry) => entry.layout?.type === 'merge-detail' && entry.persistence?.dataPath?.trim() === dataPath);
-        if (!related?.entity) {
-            return null;
+        for (let index = 0; index < definitionColumns.length; index++) {
+            const column = definitionColumns[index];
+            const key = columnKey(column);
+            if (placed.has(key)) {
+                continue;
+            }
+            let insertAt = result.length;
+            for (let prev = index - 1; prev >= 0; prev--) {
+                const prevKey = columnKey(definitionColumns[prev]);
+                const prevIndex = result.findIndex((entry) => columnKey(entry) === prevKey);
+                if (prevIndex !== -1) {
+                    insertAt = prevIndex + 1;
+                    break;
+                }
+            }
+            if (insertAt === result.length) {
+                for (let next = index + 1; next < definitionColumns.length; next++) {
+                    const nextKey = columnKey(definitionColumns[next]);
+                    const nextIndex = result.findIndex((entry) => columnKey(entry) === nextKey);
+                    if (nextIndex !== -1) {
+                        insertAt = nextIndex;
+                        break;
+                    }
+                }
+            }
+            result.splice(insertAt, 0, column);
+            placed.add(key);
         }
-        const relatedDef = this.getRegisteredEntity(related.entity);
-        return relatedDef?.properties?.find((property) => property.name === propertyName) ?? null;
+        return result;
     }
     collectCardLayoutQueryFields() {
         const card = this.cardLayout();
@@ -10764,8 +11769,7 @@ class AXPEntityMasterListViewModel {
         for (const path of collectEntityCardUserIdQueryFields(this.entityDef, card.header?.avatar ?? resolveEntityCardAvatarPath(this.entityDef, this.entityDef.columns))) {
             add(path);
         }
-        const occupied = new Set([card.header?.title, card.header?.description, card.header?.avatar]
-            .filter((name) => !!name && !name.includes('{{')));
+        const occupied = new Set([card.header?.title, card.header?.description, card.header?.avatar].filter((name) => !!name && !name.includes('{{')));
         for (const field of card.fields ?? []) {
             add(field.name);
             add(field.options?.dataPath);
@@ -10797,34 +11801,87 @@ class AXPEntityMasterListViewModel {
         await this.applyViewColumns();
     }
     async onColumnsChanged(columns) {
+        this.rebuildColumnTree();
         this.saveSettings('columnOrders', columns);
     }
     /**
      * Builds list columns for the active view:
-     * - `view.columns` is a whitelist (empty = all columns)
-     * - string `options.visible` is evaluated against the master-list scope
+     * - empty `view.columns` → all entity list columns
+     * - non-empty → whitelist (string or {@link AXPQueryColumn}); listed columns stay in the
+     *   picker even when `visible: false`
+     * - entity `options.visible` / view column `visible` set the default switch state
      */
     async applyViewColumns() {
-        const viewColumnNames = this.view().columns ?? [];
+        const viewColumns = normalizeAXPQueryViewColumns(this.view().columns);
+        const viewByName = new Map(viewColumns.map((column) => [column.name, column]));
+        const whitelistActive = viewColumns.length > 0;
         const scope = this.createLogicExpressionScope(null);
-        const cloned = await Promise.all(this.allAvailableColumns().map(async (c) => {
-            const column = this.entityDef.columns?.find((cc) => cc.name == c.name);
-            const col = new AXPEntityListViewColumnViewModel(c.property, column);
-            const expressionVisible = await this.resolveColumnVisibleExpression(col.visible, scope);
-            const includedInView = viewColumnNames.length === 0 || viewColumnNames.some((name) => name === col.name);
-            col.visible = includedInView && expressionVisible;
+        const available = this.allAvailableColumns();
+        const availableByName = new Map(available.map((column) => [column.name, column]));
+        const source = whitelistActive ? viewColumns.map((viewColumn) => availableByName.get(viewColumn.name)).filter((column) => column != null) : available;
+        const cloned = (await Promise.all(source.map(async (c) => {
+            const entityColumn = findEntityTableColumnInTree(this.entityDef.columns, c.name);
+            const viewColumn = viewByName.get(c.name);
+            if (!entityColumn) {
+                return null;
+            }
+            const columnDef = viewColumn?.width != null && String(viewColumn.width).trim() !== ''
+                ? {
+                    ...entityColumn,
+                    options: {
+                        ...entityColumn.options,
+                        width: String(viewColumn.width),
+                    },
+                }
+                : entityColumn;
+            const col = new AXPEntityListViewColumnViewModel(c.property, columnDef);
+            if (viewColumn) {
+                col.visible = viewColumn.visible;
+            }
+            else {
+                col.visible = await this.resolveColumnVisibleExpression(col.visible, scope);
+            }
             return col;
-        }));
-        if (viewColumnNames.length > 0) {
-            cloned.sort((a, b) => {
-                const aIndex = viewColumnNames.indexOf(a.name);
-                const bIndex = viewColumnNames.indexOf(b.name);
-                const aOrder = aIndex === -1 ? Number.MAX_SAFE_INTEGER : aIndex;
-                const bOrder = bIndex === -1 ? Number.MAX_SAFE_INTEGER : bIndex;
-                return aOrder - bOrder;
+        }))).filter((column) => column != null);
+        this.columns.set(cloned);
+        this.rebuildColumnTree();
+    }
+    rebuildColumnTree() {
+        const leafByName = new Map(this.columns().map((column) => [column.name, column]));
+        if (this.multiLevelHeadersEnabled()) {
+            this.columnTree.set(this.buildSectionBandedColumnTree(leafByName));
+            return;
+        }
+        this.columnTree.set(this.buildMasterListColumnTree(this.entityDef.columns ?? [], leafByName));
+    }
+    buildMasterListColumnTree(entityColumns, leafByName) {
+        const nodes = [];
+        for (const column of entityColumns) {
+            if (isEntityColumnBand(column)) {
+                const children = this.buildMasterListColumnTree(column.children ?? [], leafByName);
+                if (children.length === 0) {
+                    continue;
+                }
+                nodes.push({
+                    kind: 'band',
+                    name: column.name,
+                    title: column.title ?? column.name,
+                    visible: children.some((child) => child.visible),
+                    children,
+                });
+                continue;
+            }
+            const leaf = leafByName.get(column.name);
+            if (!leaf) {
+                continue;
+            }
+            nodes.push({
+                kind: 'leaf',
+                column: leaf,
+                visible: leaf.visible !== false,
             });
         }
-        this.columns.set(cloned);
+        return nodes;
     }
     /**
      * Resolves column `options.visible` (boolean or expression) to a boolean for the current list scope.
@@ -10850,6 +11907,7 @@ class AXPEntityMasterListViewModel {
         const columns = [...this.columns()];
         moveItemInArray(columns, event.previousIndex - 1, event.currentIndex - 1);
         this.columns.set(columns);
+        this.rebuildColumnTree();
         this.saveSettings('columnOrders', columns);
     }
     //****************** Card fields ******************//
@@ -10896,9 +11954,7 @@ class AXPEntityMasterListViewModel {
         return null;
     }
     getRegisteredEntity(fullName) {
-        return this.entityDefinitionRegistry
-            .getAll()
-            .find((entity) => `${entity.module}.${entity.name}` === fullName);
+        return this.entityDefinitionRegistry.getAll().find((entity) => `${entity.module}.${entity.name}` === fullName);
     }
     resolveRelatedEntityProperty(fieldName) {
         const relatedRef = this.findRelatedEntityForField(fieldName);
@@ -10946,8 +12002,7 @@ class AXPEntityMasterListViewModel {
         if (parentColumn?.options?.dataPath) {
             return parentColumn.options.dataPath;
         }
-        const relatedDataPath = this.resolveRelatedEntityColumnDataPath(relatedEntityKey, fieldName) ??
-            this.deriveDataPathFromLookupProperty(relatedProperty);
+        const relatedDataPath = this.resolveRelatedEntityColumnDataPath(relatedEntityKey, fieldName) ?? this.deriveDataPathFromLookupProperty(relatedProperty);
         if (!relatedDataPath) {
             return undefined;
         }
@@ -10957,9 +12012,7 @@ class AXPEntityMasterListViewModel {
             if (!expose) {
                 continue;
             }
-            const match = expose.find((entry) => entry.target === relatedDataPath ||
-                entry.target.endsWith(`.${relatedDataPath}`) ||
-                (relatedLeaf != null && entry.source === relatedLeaf));
+            const match = expose.find((entry) => entry.target === relatedDataPath || entry.target.endsWith(`.${relatedDataPath}`) || (relatedLeaf != null && entry.source === relatedLeaf));
             if (match) {
                 return match.target;
             }
@@ -11198,6 +12251,7 @@ const AXPEntityListViewModelResolver = async (route, state, service = inject(AXP
     const entityName = route.paramMap.get('entity');
     try {
         const vm = await service.create(moduleName, entityName);
+        vm.setListInstanceId(axpGetEntityListInstanceIdFromParamMap(route.queryParamMap));
         const viewFromUrl = route.queryParamMap.get('view');
         // TODO: Consolidate list init setView calls (resolver, toolbar, list-view queryParamSub / ngAfterViewInit).
         await vm.setView(viewFromUrl);
@@ -12767,7 +13821,7 @@ class AXMAttachmentsPageComponentProvider {
         return [
             {
                 key: ATTACHMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-Ds63Rt2n.mjs').then((m) => m.AXMAttachmentsPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-DmmiDLZw.mjs').then((m) => m.AXMAttachmentsPageComponent),
             },
         ];
     }
@@ -13304,7 +14358,7 @@ class AXMGalleryPageComponentProvider {
         return [
             {
                 key: GALLERY_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-o2HuZrDN.mjs').then((m) => m.AXMGalleryPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-Bg-cMOlQ.mjs').then((m) => m.AXMGalleryPageComponent),
             },
         ];
     }
@@ -17392,7 +18446,15 @@ function mapPropertyToWidgetColumn(property) {
  * Merges with the entity's registered column definition so related-list overrides inherit showAs/dataPath.
  */
 function mapEntityColumnToWidgetColumn(entity, column) {
-    const registeredColumn = entity.columns?.find((c) => c.name === column.name);
+    if (isEntityColumnBand(column)) {
+        return {
+            name: column.name,
+            title: column.title,
+            visible: column.options?.visible !== false,
+            children: (column.children ?? []).map((child) => mapEntityColumnToWidgetColumn(entity, child)),
+        };
+    }
+    const registeredColumn = findEntityTableColumnInTree(entity.columns, column.name);
     const columnDef = registeredColumn
         ? {
             ...registeredColumn,
@@ -17460,6 +18522,12 @@ function mapEntityColumnToWidgetColumn(entity, column) {
  */
 function applyDataListColumnWidths(columns, columnWidthService) {
     return columns.map((column) => {
+        if (isDataListColumnBand(column)) {
+            return {
+                ...column,
+                children: applyDataListColumnWidths(column.children ?? [], columnWidthService),
+            };
+        }
         const existingWidth = column.width ?? column.widget?.options?.width;
         if (existingWidth) {
             return existingWidth === column.width ? column : { ...column, width: String(existingWidth) };
@@ -17490,6 +18558,30 @@ function applyIncludeExclude(items, include = [], exclude = []) {
     }
     return result;
 }
+/**
+ * Applies include/exclude filters to leaf columns in a band tree; removes empty bands.
+ */
+function applyIncludeExcludeToDataListColumnTree(items, include = [], exclude = []) {
+    const filterNode = (column) => {
+        if (isDataListColumnBand(column)) {
+            const children = (column.children ?? [])
+                .map(filterNode)
+                .filter((c) => c != null);
+            if (children.length === 0) {
+                return null;
+            }
+            return { ...column, children };
+        }
+        if (include.length > 0 && !include.includes(column.name)) {
+            return null;
+        }
+        if (exclude.length > 0 && exclude.includes(column.name)) {
+            return null;
+        }
+        return column;
+    };
+    return items.map(filterNode).filter((c) => c != null);
+}
 /**
  * Returns only visible (non-hidden) properties of an entity.
  */
@@ -17536,7 +18628,7 @@ class AXPEntityListTableService {
         }
         const listOptions = {
             // 📊 Data Source
-            dataSource: this.createDataSource(entity),
+            dataSource: this.createDataSource(entity, options),
             // 📋 Columns from Properties
             columns: this.createColumnsFromProperties(entity, options),
             // 🎯 Row Commands from Actions
@@ -17567,7 +18659,7 @@ class AXPEntityListTableService {
     /**
      * Create DataSource for Entity
      */
-    createDataSource(entity) {
+    createDataSource(entity, options) {
         return new AXDataSource({
             byKey: (key) => {
                 const func = entity.queries?.byKey?.execute;
@@ -17581,7 +18673,7 @@ class AXPEntityListTableService {
                 resetPagingForTreeChildrenLoad(e, entity.parentKey);
                 return func(e);
             },
-            pageSize: entity.interfaces?.master?.list?.views?.[0]?.pageSize || 10,
+            pageSize: options?.pageSize || entity.interfaces?.master?.list?.views?.[0]?.pageSize || 10,
             key: 'id',
         });
     }
@@ -17602,7 +18694,7 @@ class AXPEntityListTableService {
         else {
             baseColumns = getVisibleProperties(entity).map((prop) => mapPropertyToWidgetColumn(prop));
         }
-        return applyDataListColumnWidths(applyIncludeExclude(baseColumns, includeColumns, excludeColumns), this.columnWidthService);
+        return applyDataListColumnWidths(applyIncludeExcludeToDataListColumnTree(baseColumns, includeColumns, excludeColumns), this.columnWidthService);
     }
     /**
      * Map EntityTableColumn to ListWidgetColumn
@@ -17746,6 +18838,7 @@ class AXPEntityListToolbarService {
             filterDefinitions: this.mergeFilterDefinitions(baseFilters, options?.customFilterDefinitions),
             columnDefinitions: this.createColumnDefinitions(entity, options),
             sortDefinitions: await this.createSortDefinitions(entity),
+            sortPresets: collectEntityListSortPresets(entity),
             canFilter: true,
             canColumns: true,
             canSort: true,
@@ -17837,7 +18930,6 @@ class AXPEntityListToolbarService {
         const includeColumns = options?.includeColumns || [];
         const relatedTableColumns = options?.relatedTableColumns;
         const visibleProperties = getVisibleProperties(entity);
-        const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
         let baseColumns;
         if (relatedTableColumns?.length) {
             baseColumns = relatedTableColumns.map((column) => {
@@ -17850,13 +18942,11 @@ class AXPEntityListToolbarService {
             });
         }
         else if (columns.length > 0) {
-            baseColumns = columns
-                .filter(({ name }) => visiblePropNames.has(name))
-                .map((column) => {
-                const property = visibleProperties.find(({ name }) => name === column.name);
+            baseColumns = flattenEntityTableColumns(columns).map((column) => {
+                const property = entity.properties.find(({ name }) => name === column.name) ?? visibleProperties.find(({ name }) => name === column.name);
                 return {
                     name: column.name,
-                    title: property?.title,
+                    title: column.title || property?.title || column.name,
                     visible: column?.options?.visible ?? true,
                 };
             });
@@ -17962,6 +19052,20 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "showEntityActions" }] : /* istanbul ignore next */ []));
         this.showToolbar = computed(() => this.options()['showToolbar'] ?? true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showToolbar" }] : /* istanbul ignore next */ []));
+        this.canViews = computed(() => this.options()['canViews'] !== false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canViews" }] : /* istanbul ignore next */ []));
+        this.resolvedQueryViews = computed(() => {
+            if (!this.canViews()) {
+                return [];
+            }
+            const override = this.options()['views'];
+            return resolveRelatedEntityListViews(override !== undefined ? { items: override } : undefined, this.entity()?.interfaces?.master?.list?.views);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedQueryViews" }] : /* istanbul ignore next */ []));
+        this.showViews = computed(() => this.resolvedQueryViews().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showViews" }] : /* istanbul ignore next */ []));
+        this.showListToolbar = computed(() => this.showToolbar() || this.showViews(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showListToolbar" }] : /* istanbul ignore next */ []));
         //actions
         this.allActions = computed(() => {
             const originalList = this.entity()?.interfaces?.master?.list?.actions ?? [];
@@ -18701,6 +19805,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
     handleQueryChanges(queries, dataSource, listInstance, isMounted) {
         const changeTracker = this.analyzeChanges(queries);
         this.previousQueries = queries;
+        this.applyViewPageSize(dataSource, queries, changeTracker);
         this.applyDataSourceChanges(dataSource, queries, changeTracker, isMounted);
         this.handleListRefresh(listInstance, changeTracker, isMounted);
         this.handleColumnChanges(changeTracker);
@@ -18714,9 +19819,26 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
             isFilterChanged: changes.includes('filters'),
             isSortChanged: changes.includes('sorts'),
             isColumnsChanged: changes.includes('columns'),
+            isViewChanged: changes.includes('view'),
             hasAnyChange: changes.length > 0,
         };
     }
+    applyViewPageSize(dataSource, queries, changeTracker) {
+        if (!changeTracker.isViewChanged) {
+            return;
+        }
+        const view = this.resolvedQueryViews().find((item) => item.name === queries.view);
+        if (view?.pageSize && dataSource.config) {
+            dataSource.config.pageSize = view.pageSize;
+        }
+    }
+    resolveQueryViewsForEntity(entity) {
+        if (this.options()['canViews'] === false) {
+            return [];
+        }
+        const override = this.options()['views'];
+        return resolveRelatedEntityListViews(override !== undefined ? { items: override } : undefined, entity.interfaces?.master?.list?.views);
+    }
     /**
      * Maps toolbar sort queries ({ name, dir }) to AXDataSource sort options ({ field, dir }).
      */
@@ -18770,19 +19892,12 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         // Current columns from list options
         const currentColumns = (listInstance.options()['columns'] ||
             []);
-        const columnByName = new Map(currentColumns.map((c) => [c.name, c]));
-        // Build new ordered columns array based on toolbar order/visibility
-        const updatedColumns = toolbarState.columns
-            .map((q) => {
-            const base = columnByName.get(q.name);
-            if (!base) {
-                return null;
-            }
-            // Preserve all existing column config but update visibility
-            return { ...base, visible: q.visible };
-        })
-            .filter((c) => c != null);
-        // Apply updated columns to the list widget and refresh
+        const visibilityByName = new Map(toolbarState.columns.map((q) => [
+            q.name,
+            q.visible !== false && q.visible !== 'false',
+        ]));
+        const leafOrder = toolbarState.columns.map((q) => q.name);
+        const updatedColumns = applyLeafVisibilityToDataListColumnTree(currentColumns, visibilityByName, leafOrder);
         listInstance.setOptions({
             columns: applyDataListColumnWidths(updatedColumns, this.columnWidthService),
         });
@@ -18818,21 +19933,34 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         this.settingsService.onChanged.pipe(takeUntil(this.destroyed)).subscribe(() => {
             void this.applyGlobalListDisplayMode();
         });
-        const options = {
+        const convertOptions = {
             excludeColumns: this.excludeColumns(),
             includeColumns: this.includeColumns(),
             relatedTableColumns: this.relatedTableColumns(),
             customFilterDefinitions: this.customFilterDefinitions(),
             excludeProperties: this.options()['excludeProperties'],
         };
-        const listOptions = await this.entityListTableService.convertEntityToListOptions(resolvedEntity, options, this.allActions());
+        const queryViews = this.resolveQueryViewsForEntity(resolvedEntity);
+        const initialView = queryViews[0];
+        const listOptions = await this.entityListTableService.convertEntityToListOptions(resolvedEntity, { ...convertOptions, pageSize: initialView?.pageSize }, this.allActions());
         if (this.isViewDestroyed) {
             return;
         }
-        const toolbarOptions = await this.entityListToolbarService.convertEntityToolbarOptions(resolvedEntity, options);
+        const toolbarOptions = await this.entityListToolbarService.convertEntityToolbarOptions(resolvedEntity, convertOptions);
         if (this.isViewDestroyed) {
             return;
         }
+        const showFilterToolbar = this.showToolbar();
+        const toolbarWidgetOptions = {
+            ...toolbarOptions,
+            canFilter: showFilterToolbar,
+            canColumns: showFilterToolbar,
+            canSort: showFilterToolbar,
+            canViews: this.canViews() && queryViews.length > 0,
+            views: queryViews,
+            entitySettingKey: `${resolvedEntity.module}:${resolvedEntity.name}`,
+            canListDisplay: showFilterToolbar,
+        };
         this.initListTimeoutId = setTimeout(() => {
             this.initListTimeoutId = null;
             if (this.isViewDestroyed) {
@@ -18851,18 +19979,30 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
                 mode: 'view',
                 defaultValue: this.getValue()?.table,
             });
-            const mergedToolbarFilters = this.getMergedToolbarFilters();
+            const parentFilters = this.getMergedToolbarFilters();
+            const viewFilters = initialView ? queryViewConditionsToFilterQueries(initialView) : [];
+            const toolbarState = {
+                view: initialView?.name,
+                filters: initialView ? [...parentFilters, ...viewFilters] : parentFilters,
+                sorts: initialView?.sorts ?? this.getValue()?.toolbar?.sorts,
+                columns: initialView
+                    ? applyQueryViewToColumnQueries(toolbarWidgetOptions.columnDefinitions, initialView)
+                    : this.getValue()?.toolbar?.columns,
+                displayMode: this.listDisplayMode(),
+            };
+            this.setValue({
+                ...this.getValue(),
+                toolbar: {
+                    ...(this.getValue()?.toolbar ?? {}),
+                    ...toolbarState,
+                },
+            });
             this.toolbarNode.set({
                 type: AXPWidgetsCatalog.listToolbar,
                 path: `toolbar`,
-                options: toolbarOptions,
+                options: toolbarWidgetOptions,
                 mode: 'view',
-                defaultValue: {
-                    filters: mergedToolbarFilters,
-                    sorts: this.getValue()?.toolbar?.sorts,
-                    columns: this.getValue()?.toolbar?.columns,
-                    displayMode: this.listDisplayMode(),
-                },
+                defaultValue: toolbarState,
             });
             queueMicrotask(() => {
                 if (!this.isViewDestroyed) {
@@ -18993,7 +20133,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
       </div>
     }
     <div class="flex min-h-0 h-full flex-col gap-2" [style.max-height]="maxHeight()">
-      @if (toolbarNode() != null && showToolbar()) {
+      @if (toolbarNode() != null && showListToolbar()) {
         <ng-container
           #toolbar
           axp-widget-renderer
@@ -19069,7 +20209,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", "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", "userStylingRules", "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,
@@ -19154,7 +20294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
       </div>
     }
     <div class="flex min-h-0 h-full flex-col gap-2" [style.max-height]="maxHeight()">
-      @if (toolbarNode() != null && showToolbar()) {
+      @if (toolbarNode() != null && showListToolbar()) {
         <ng-container
           #toolbar
           axp-widget-renderer
@@ -19938,6 +21078,132 @@ function resolvePolymorphicRefTypePath(columnName, entityOption, expose) {
 }
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Helpers -----
+function resolveLookupEntityCacheKey(entity) {
+    if (typeof entity === 'string') {
+        return entity.trim();
+    }
+    return `${entity.module}.${entity.name}`;
+}
+function normalizeLookupCacheId(id) {
+    if (id == null || id === '') {
+        return null;
+    }
+    return String(id);
+}
+//#endregion
+//#region ----- Service -----
+/**
+ * Session-scoped GetById cache for lookup widgets.
+ * Shared across edit/view/column instances so remounts and list cells reuse rows.
+ */
+class AXPLookupByKeyCacheService {
+    //#endregion
+    //#region ----- Lifecycle -----
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.sessionService = inject(AXPSessionService);
+        //#endregion
+        //#region ----- State -----
+        this.rows = new Map();
+        this.inflight = new Map();
+        this.generation = 0;
+        this.bindSessionReset(this.sessionService.tenant$.pipe(map((tenant) => tenant?.id ?? null), distinctUntilChanged()));
+        this.bindSessionReset(this.sessionService.user$.pipe(map((user) => user?.id ?? null), distinctUntilChanged()));
+    }
+    //#endregion
+    //#region ----- Public API -----
+    remember(entityKey, id, row) {
+        const cacheId = normalizeLookupCacheId(id);
+        const key = entityKey.trim();
+        if (!key || cacheId == null || row == null) {
+            return;
+        }
+        let entityRows = this.rows.get(key);
+        if (!entityRows) {
+            entityRows = new Map();
+            this.rows.set(key, entityRows);
+        }
+        entityRows.set(cacheId, row);
+    }
+    peek(entityKey, id) {
+        const cacheId = normalizeLookupCacheId(id);
+        if (cacheId == null) {
+            return undefined;
+        }
+        return this.rows.get(entityKey.trim())?.get(cacheId);
+    }
+    async getOrFetch(entityKey, id, fetch) {
+        const key = entityKey.trim();
+        const cacheId = normalizeLookupCacheId(id);
+        if (!key || cacheId == null) {
+            return null;
+        }
+        const cached = this.rows.get(key)?.get(cacheId);
+        if (cached !== undefined) {
+            return cached;
+        }
+        const flightKey = `${key}:${cacheId}`;
+        const pending = this.inflight.get(flightKey);
+        if (pending) {
+            return pending;
+        }
+        const generation = this.generation;
+        const request = Promise.resolve()
+            .then(() => fetch(id))
+            .then((row) => {
+            if (row != null && generation === this.generation) {
+                this.remember(key, cacheId, row);
+                return row;
+            }
+            return row ?? null;
+        })
+            .finally(() => {
+            this.inflight.delete(flightKey);
+        });
+        this.inflight.set(flightKey, request);
+        return request;
+    }
+    wrap(entityKey, fetch) {
+        return (id) => this.getOrFetch(entityKey, id, fetch);
+    }
+    clear(entityKey) {
+        this.generation += 1;
+        if (entityKey?.trim()) {
+            this.rows.delete(entityKey.trim());
+            const prefix = `${entityKey.trim()}:`;
+            for (const flightKey of [...this.inflight.keys()]) {
+                if (flightKey.startsWith(prefix)) {
+                    this.inflight.delete(flightKey);
+                }
+            }
+            return;
+        }
+        this.rows.clear();
+        this.inflight.clear();
+    }
+    //#endregion
+    //#region ----- Session -----
+    bindSessionReset(source) {
+        let initialized = false;
+        source.subscribe(() => {
+            if (!initialized) {
+                initialized = true;
+                return;
+            }
+            this.clear();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupByKeyCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupByKeyCacheService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupByKeyCacheService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
@@ -19946,6 +21212,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
         this.contextEvalFactory = inject(AXPContextEvalFactory);
         this.entityResolver = inject(AXPEntityDefinitionRegistryService);
+        this.lookupByKeyCache = inject(AXPLookupByKeyCacheService);
         this.entity = computed(() => this.options()['entity'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
         this.multiple = computed(() => this.options()['multiple'], /* @ts-ignore */
@@ -19997,8 +21264,14 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         const byKey = def?.queries?.byKey?.execute;
         if (byKey) {
             this.loading.set(true);
-            const fetchedItem = await byKey(item);
+            const fetchedItem = await this.lookupByKeyCache.getOrFetch(this.entity(), item, (id) => byKey(id));
             this.loading.set(false);
+            if (fetchedItem == null || typeof fetchedItem !== 'object') {
+                return {
+                    id: item,
+                    text: item,
+                };
+            }
             return {
                 id: fetchedItem[this.valueField()],
                 text: await this.getDisplayRaw(fetchedItem),
@@ -20516,6 +21789,7 @@ class AXPEntityDataSelectorService {
         this.translationService = inject(AXTranslationService);
         this.rowActionsService = inject(AXPEntityDataSelectorRowActionsService);
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
+        this.lookupByKeyCache = inject(AXPLookupByKeyCacheService);
     }
     //#endregion
     //#region ----   Public Methods   ----
@@ -20662,10 +21936,14 @@ class AXPEntityDataSelectorService {
         const { entity } = options;
         const filters = options.filter?.value;
         const parentFilters = options.filter?.parent;
+        const entityKey = resolveLookupEntityCacheKey(entity);
         return new AXDataSource({
             byKey: (key) => {
                 const func = entity.queries?.byKey?.execute;
-                return func(key);
+                if (!func) {
+                    return Promise.resolve(null);
+                }
+                return this.lookupByKeyCache.getOrFetch(entityKey, key, (id) => func(id));
             },
             load: (e) => {
                 const func = entity.queries?.list?.execute;
@@ -21264,11 +22542,12 @@ function isLookupValueFieldPrimaryKey(entity, valueField) {
     const normalized = valueField.trim() || 'id';
     return normalized === resolveLookupEntityPrimaryKeyField(entity);
 }
-function rememberFetchedLookupRow(map, key, row) {
+function rememberFetchedLookupRow(map, key, row, onRow) {
     map.set(key, row);
     if (key != null) {
         map.set(String(key), row);
     }
+    onRow?.(key, row);
 }
 function readFetchedLookupRow(map, key) {
     if (key == null) {
@@ -21298,7 +22577,7 @@ async function fetchLookupRowsByKeys(config) {
         uniqueKeys.forEach((key, index) => {
             const row = rows[index];
             if (row != null) {
-                rememberFetchedLookupRow(fetchedByKey, key, row);
+                rememberFetchedLookupRow(fetchedByKey, key, row, config.onRow);
             }
         });
         return fetchedByKey;
@@ -21309,7 +22588,7 @@ async function fetchLookupRowsByKeys(config) {
             uniqueKeys.forEach((key, index) => {
                 const row = rows[index];
                 if (row != null) {
-                    rememberFetchedLookupRow(fetchedByKey, key, row);
+                    rememberFetchedLookupRow(fetchedByKey, key, row, config.onRow);
                 }
             });
         }
@@ -21332,7 +22611,7 @@ async function fetchLookupRowsByKeys(config) {
         if (storedKey == null) {
             continue;
         }
-        rememberFetchedLookupRow(fetchedByKey, storedKey, row);
+        rememberFetchedLookupRow(fetchedByKey, storedKey, row, config.onRow);
     }
     return fetchedByKey;
 }
@@ -21348,7 +22627,7 @@ function createLookupEntityDataSource(config) {
     const valueField = config.valueField?.trim() || 'id';
     return new AXDataSource({
         byKey: async (key) => {
-            const byKeyExecute = entity.queries?.byKey?.execute;
+            const byKeyExecute = config.byKey ?? entity.queries?.byKey?.execute;
             const listExecute = entity.queries?.list?.execute;
             const fetchedByKey = await fetchLookupRowsByKeys({
                 entity,
@@ -21362,6 +22641,7 @@ function createLookupEntityDataSource(config) {
                     }
                     : undefined,
                 queryList: listExecute,
+                onRow: config.onRow,
             });
             const row = readFetchedLookupRow(fetchedByKey, key);
             if (row == null) {
@@ -21568,7 +22848,7 @@ function areLookupSelectionItemsHydrated(rawValue, items, options) {
 }
 //#endregion
 
-//#region ----- Imports -----
+//#region ---- Imports -----
 //#endregion
 //#region ----- Constants -----
 const DEFAULT_LOOKUP_COLUMN_NAMES = ['title', 'displayName', 'name', 'code', 'description'];
@@ -21599,7 +22879,9 @@ 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);
+    const fromEntity = flattenEntityTableColumns(entity.columns)
+        .map((column) => column.name?.trim())
+        .filter((name) => !!name);
     if (fromEntity.length) {
         return fromEntity;
     }
@@ -21610,7 +22892,7 @@ 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);
+    const filteredColumns = flattenEntityTableColumns(entityColumns).filter(({ name, showAs }) => visiblePropNames.has(name) || showAs);
     if (columnSpecs.length === 0) {
         return filteredColumns
             .filter((column) => DEFAULT_LOOKUP_COLUMN_NAMES.includes(column.name))
@@ -22142,7 +23424,7 @@ 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 }, 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 }); }
+    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", "columnKey", "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,
@@ -22468,7 +23750,7 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
             { 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-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 }); }
+        ], 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", "closeOnNavigation", "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,
@@ -22503,6 +23785,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.contextEvalFactory = inject(AXPContextEvalFactory);
         this.localeService = inject(AXLocaleService);
         this.destroyRef = inject(DestroyRef);
+        this.lookupByKeyCache = inject(AXPLookupByKeyCacheService);
         //#endregion
         //#region ----- View Children -----
         this.lookup = viewChild(AXLookupComponent, /* @ts-ignore */
@@ -22530,6 +23813,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "shouldFocus" }] : /* istanbul ignore next */ []));
         /** Skips one {@link findByValue} pass after inline create when selection is already hydrated. */
         this.skipFindByValueOnce = false;
+        this.lastEditorLocaleKey = this.resolveEditorLocaleKey();
         //#endregion
         //#region ----- Computed Properties -----
         this.expose = computed(() => this.options()['expose'], /* @ts-ignore */
@@ -22654,6 +23938,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             if (!entity) {
                 return null;
             }
+            const entityKey = resolveLookupEntityCacheKey(entity);
             return createLookupEntityDataSource({
                 entity,
                 displayField,
@@ -22662,6 +23947,11 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 getCustomFilter: () => this.customFilter(),
                 transformFilter: (filter) => this.filterOperatorMiddleware.transformFilter(filter),
                 decorateItem: (item) => this.decorateLookupItem(item),
+                byKey: this.lookupByKeyCache.wrap(entityKey, (id) => {
+                    const execute = entity.queries?.byKey?.execute;
+                    return execute ? execute(id) : Promise.resolve(null);
+                }),
+                onRow: (key, row) => this.lookupByKeyCache.remember(entityKey, key, row),
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "entityDataSource" }] : /* istanbul ignore next */ []));
@@ -22731,7 +24021,14 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ----- Lifecycle -----
         this.editorLocaleChanged = merge$1(this.mlsResolver.langChanges$, this.localeService.profileChanged$)
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => this.rerenderEditor());
+            .subscribe(() => {
+            const next = this.resolveEditorLocaleKey();
+            if (next === this.lastEditorLocaleKey) {
+                return;
+            }
+            this.lastEditorLocaleKey = next;
+            this.rerenderEditor();
+        });
         this.#efEntity = effect(async () => {
             const key = this.entity();
             if (!key?.includes('.')) {
@@ -22936,14 +24233,16 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 const existing = currentItems.find((item) => get(item, valueField) === id);
                 return existing == null || !isLookupItemHydrated(existing, hydration);
             });
+            const entityKey = this.entity();
             const fetchedById = entityDef
                 ? await fetchLookupRowsByKeys({
                     entity: entityDef,
                     valueField,
                     keys: idsToFetch,
                     getQueryFields: () => this.lookupQueryFields(),
-                    byKey: (id) => entityDataAccessor.byKey(id),
+                    byKey: this.lookupByKeyCache.wrap(entityKey, (id) => entityDataAccessor.byKey(id)),
                     queryList: (request) => entityDataAccessor.query(request),
+                    onRow: (key, row) => this.lookupByKeyCache.remember(entityKey, key, row),
                 })
                 : new Map();
             const mergedItems = (await Promise.all(ids.map(async (id) => {
@@ -22977,6 +24276,11 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             filterMode: this.filterMode(),
         };
     }
+    resolveEditorLocaleKey() {
+        const lang = this.mlsResolver.getActiveLang() ?? '';
+        const profile = this.localeService.activeProfile()?.localeInfo?.code ?? '';
+        return `${lang}:${profile}`;
+    }
     rerenderEditor() {
         this.localeEpoch.update((epoch) => epoch + 1);
         this.editorKey.set(false);
@@ -23010,6 +24314,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                     return;
                 }
                 const decorated = await this.decorateLookupItem(createdItem);
+                this.lookupByKeyCache.remember(this.entity(), newId, createdItem);
                 this.skipFindByValueOnce = true;
                 this.lookup()?.seedItems([decorated]);
                 if (this.multiple()) {
@@ -23239,6 +24544,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.queryExecutor = inject(AXPQueryExecutor);
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
         this.contextEvalFactory = inject(AXPContextEvalFactory);
+        this.lookupByKeyCache = inject(AXPLookupByKeyCacheService);
         //#endregion
         //#region ---- View Children ----
         this.moreButton = viewChild('moreButton', /* @ts-ignore */
@@ -23752,7 +25058,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.resolveError.set(null);
         try {
             const accessor = this.entityService.withEntity(entityKey).data();
-            const results = await Promise.all(ids.map((id) => accessor.byKey(id)));
+            const results = await Promise.all(ids.map((id) => this.lookupByKeyCache.getOrFetch(entityKey, id, (key) => accessor.byKey(key))));
             this.resolvedPopoverItems.set(results.filter((item) => item != null));
             this.resolveStatus.set('ready');
         }
@@ -23858,7 +25164,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         const requestId = ++this.hydrateRequestId;
         try {
             const accessor = this.entityService.withEntity(entityKey).data();
-            const items = await Promise.all(ids.map((id) => accessor.byKey(id)));
+            const items = await Promise.all(ids.map((id) => this.lookupByKeyCache.getOrFetch(entityKey, id, (key) => accessor.byKey(key))));
             if (requestId !== this.hydrateRequestId) {
                 return;
             }
@@ -23996,7 +25302,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value) || /^\d+$/.test(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "lazyTrigger", first: true, predicate: ["lazyTrigger"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isHydratedStrategy()) {\n  <div class=\"relative flex min-w-0 items-center gap-1\">\n    @for (item of visibleItems(); track $index) {\n      <span\n        [class.cursor-pointer]=\"detailPopoverEnabled()\"\n        [class.hover:text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:underline]=\"detailPopoverEnabled()\"\n        (click)=\"handleItemClick($index, $event)\"\n      >\n        {{ getItemLabel($index) }}\n      </span>\n      @if ($index < visibleItems().length - 1) {\n        <span class=\"text-muted\">\u2022</span>\n      }\n    } @empty {\n      <span class=\"text-muted\">---</span>\n    }\n    @if (hasMoreItems()) {\n      <span\n        class=\"absolute end-0 flex h-full cursor-pointer items-center px-1 hover:primary-lighter-surface\"\n        (click)=\"showMoreItems(); $event.stopPropagation()\"\n        #moreButton\n      >\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n      </span>\n    }\n  </div>\n} @else {\n  <div class=\"flex min-w-0 items-center gap-1\">\n    @if (displayCount() > 0) {\n      <span\n        class=\"cursor-pointer text-primary hover:underline\"\n        (click)=\"openLazyPopover(); $event.stopPropagation()\"\n        #lazyTrigger\n      >\n        {{ summaryLabel() }}\n      </span>\n    } @else {\n      <span class=\"text-muted\">---</span>\n    }\n  </div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"lightest-surface dark:dark-surface min-w-[280px] rounded-lg p-4 shadow-lg\">\n    <div class=\"mb-4 border-b pb-2\">\n      <h3 class=\"text-base font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n      <div class=\"flex min-h-[120px] items-center justify-center\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n      <div class=\"text-danger text-sm\">{{ resolveError() }}</div>\n    } @else {\n      <div class=\"flex max-h-64 flex-col gap-3\">\n        @for (item of popoverListItems(); track $index) {\n          <span\n            [class.cursor-pointer]=\"detailPopoverEnabled()\"\n            [class.hover:text-primary]=\"detailPopoverEnabled()\"\n            [class.hover:underline]=\"detailPopoverEnabled()\"\n            (click)=\"handlePopoverItemClick($index, $event)\"\n          >\n            {{ getPopoverItemLabel($index) }}\n          </span>\n        } @empty {\n          <span class=\"text-muted\">---</span>\n        }\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i1$1.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "lazyTrigger", first: true, predicate: ["lazyTrigger"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isHydratedStrategy()) {\n  <div class=\"relative flex min-w-0 items-center gap-1\">\n    @for (item of visibleItems(); track $index) {\n      <span\n        [class.cursor-pointer]=\"detailPopoverEnabled()\"\n        [class.hover:text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:underline]=\"detailPopoverEnabled()\"\n        (click)=\"handleItemClick($index, $event)\"\n      >\n        {{ getItemLabel($index) }}\n      </span>\n      @if ($index < visibleItems().length - 1) {\n        <span class=\"text-muted\">\u2022</span>\n      }\n    } @empty {\n      <span class=\"text-muted\">---</span>\n    }\n    @if (hasMoreItems()) {\n      <span\n        class=\"absolute end-0 flex h-full cursor-pointer items-center px-1 hover:primary-lighter-surface\"\n        (click)=\"showMoreItems(); $event.stopPropagation()\"\n        #moreButton\n      >\n        <i class=\"fa-light fa-ellipsis-vertical\"></i>\n      </span>\n    }\n  </div>\n} @else {\n  <div class=\"flex min-w-0 items-center gap-1\">\n    @if (displayCount() > 0) {\n      <span\n        class=\"cursor-pointer text-primary hover:underline\"\n        (click)=\"openLazyPopover(); $event.stopPropagation()\"\n        #lazyTrigger\n      >\n        {{ summaryLabel() }}\n      </span>\n    } @else {\n      <span class=\"text-muted\">---</span>\n    }\n  </div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"lightest-surface dark:dark-surface min-w-[280px] rounded-lg p-4 shadow-lg\">\n    <div class=\"mb-4 border-b pb-2\">\n      <h3 class=\"text-base font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n      <div class=\"flex min-h-[120px] items-center justify-center\">\n        <ax-loading></ax-loading>\n      </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n      <div class=\"text-danger text-sm\">{{ resolveError() }}</div>\n    } @else {\n      <div class=\"flex max-h-64 flex-col gap-3\">\n        @for (item of popoverListItems(); track $index) {\n          <span\n            [class.cursor-pointer]=\"detailPopoverEnabled()\"\n            [class.hover:text-primary]=\"detailPopoverEnabled()\"\n            [class.hover:underline]=\"detailPopoverEnabled()\"\n            (click)=\"handlePopoverItemClick($index, $event)\"\n          >\n            {{ getPopoverItemLabel($index) }}\n          </span>\n        } @empty {\n          <span class=\"text-muted\">---</span>\n        }\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i1$1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
@@ -24741,7 +26047,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", "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 }); }
+  `, 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", "renderMode", "stacked", "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,
@@ -26930,6 +28236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 class AXPLayoutAdapterBuilder {
     constructor() {
         this.badgeStatusService = inject(AXPDetailsViewBadgeStatusService);
+        this.navTrailService = inject(AXPEntityDetailsNavTrailService);
         this.adapter = {};
     }
     setEntity(entity, rootContext) {
@@ -26995,26 +28302,26 @@ class AXPLayoutAdapterBuilder {
         const primaryPageId = this.resolvePrimaryPageId();
         // Same-route breadcrumb clicks keep the current `?page=` unless the primary page is explicit.
         const entityViewPath = primaryPageId ? `${viewPath}?page=${encodeURIComponent(primaryPageId)}` : viewPath;
-        return [
-            {
-                title: this.entity?.formats.plural ?? '',
-                command: {
-                    name: 'navigate',
-                    options: {
-                        path: `/${session.application?.name}/m/${moduleName}/e/${entityName}/list`,
-                    },
+        const listCrumb = {
+            title: this.entity?.formats.plural ?? '',
+            command: {
+                name: 'navigate',
+                options: {
+                    path: `/${session.application?.name}/m/${moduleName}/e/${entityName}/list`,
                 },
             },
-            {
-                title: this.rootTitle ?? this.entity?.interfaces?.master?.single?.title ?? '',
-                command: {
-                    name: 'navigate',
-                    options: {
-                        path: entityViewPath,
-                    },
+        };
+        const recordCrumb = {
+            title: this.rootTitle ?? this.entity?.interfaces?.master?.single?.title ?? '',
+            command: {
+                name: 'navigate',
+                options: {
+                    path: entityViewPath,
                 },
             },
-        ];
+        };
+        const origin = this.navTrailService.getOriginTrail(moduleName, entityName, String(this.rootContext?.id ?? ''));
+        return axpComposeEntityDetailsNavTrail(origin, listCrumb, recordCrumb);
     }
     createExecuteFunction() {
         return (command, context) => {
@@ -27170,6 +28477,7 @@ class AXPBaseRelatedEntityConverter {
                         colSpan: layout?.positions?.lg?.colSpan ?? 12,
                         colStart: layout?.positions?.lg?.colStart,
                         colEnd: layout?.positions?.lg?.colEnd,
+                        ...(layout?.positions ? { positions: layout.positions } : {}),
                     },
                     children: [
                         {
@@ -27225,6 +28533,7 @@ class AXPBaseRelatedEntityConverter {
                     colSpan: s.layout?.positions?.lg?.colSpan ?? 12,
                     colStart: s.layout?.positions?.lg?.colStart,
                     colEnd: s.layout?.positions?.lg?.colEnd,
+                    ...(s.layout?.positions ? { positions: s.layout.positions } : {}),
                 },
                 children: [
                     {
@@ -27883,6 +29192,7 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                         relatedTableColumns,
                         customFilterDefinitions: relatedEntity.customFilterDefinitions,
                         excludeProperties: relatedEntity.excludeProperties,
+                        ...relatedEntityListViewWidgetOptions(relatedEntity),
                     },
                 },
             ],
@@ -28002,6 +29312,7 @@ class AXPTabListConverter extends AXPBaseRelatedEntityConverter {
                         relatedTableColumns,
                         customFilterDefinitions: relatedEntity.customFilterDefinitions,
                         excludeProperties: relatedEntity.excludeProperties,
+                        ...relatedEntityListViewWidgetOptions(relatedEntity),
                     },
                 },
             ],
@@ -28536,6 +29847,7 @@ class AXPMainEntityContentBuilder {
                             colSpan: s.layout?.positions?.lg?.colSpan ?? 12,
                             colStart: s.layout?.positions?.lg?.colStart ?? 1,
                             colEnd: s.layout?.positions?.lg?.colEnd ?? 13,
+                            ...(s.layout?.positions ? { positions: s.layout.positions } : {}),
                         },
                         children: [
                             {
@@ -28598,6 +29910,7 @@ class AXPMainEntityContentBuilder {
                                                     rowSpan: layout?.positions?.lg?.rowSpan,
                                                     rowStart: layout?.positions?.lg?.rowStart,
                                                     rowEnd: layout?.positions?.lg?.rowEnd,
+                                                    ...(layout?.positions ? { positions: layout.positions } : {}),
                                                     ...(formFieldVisible !== undefined ? { visible: formFieldVisible } : {}),
                                                     ...(hintFormFieldOptionsFromDescription(p.description) ?? {}),
                                                 },
@@ -29307,9 +30620,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Use high numbers (990+) for columns that should appear at the end.
  */
 const DEFAULT_COLUMN_ORDER = {
-    // Identifier columns first
+    // Identifier columns first (after profile band on Employee)
+    profile: 0,
     code: 1,
-    employeeCode: 1,
+    employeeCode: 2,
     // Common display columns
     title: 3,
     name: 4,
@@ -29338,6 +30652,7 @@ const DEFAULT_COLUMN_ORDER = {
     attachments: 800,
     //
     statusId: 995,
+    status: 995,
     isArchived: 999,
     isDisabled: 999,
 };
@@ -29752,6 +31067,69 @@ const defaultCardLayoutMiddlewareProvider = {
 };
 //#endregion
 
+//#region ----- Default sort presets middleware -----
+/**
+ * When an entity has a master list, fills missing Quick Presets from date/title fields.
+ * Entity-authored `sortPresets` with the same `name` win.
+ */
+const defaultSortPresetsMiddleware = (context) => {
+    if (!context.interfaces.master.list.get()) {
+        return;
+    }
+    const inferred = inferEntityListSortPresets(context.entity);
+    if (!inferred.length) {
+        return;
+    }
+    context.interfaces.master.list.update((list) => {
+        const existing = list?.sortPresets ?? [];
+        const existingNames = new Set(existing.map((preset) => preset.name));
+        const extras = inferred.filter((preset) => !existingNames.has(preset.name));
+        if (!extras.length) {
+            return list ?? { views: [] };
+        }
+        return {
+            ...list,
+            views: list?.views ?? [],
+            sortPresets: [...existing, ...extras],
+        };
+    });
+};
+//#endregion
+//#region ----- Provider registration -----
+const defaultSortPresetsMiddlewareProvider = {
+    entityName: '*',
+    modifier: defaultSortPresetsMiddleware,
+    order: 500,
+};
+//#endregion
+
+//#region ----- Query sort locale -----
+/**
+ * Copies the active UI locale onto `params.locale` so server sort can resolve
+ * multi-language fields for that language. Keeps an explicit locale already set.
+ */
+function stampQueryLocale(input, locale) {
+    if (!isPlainObject(input)) {
+        return input;
+    }
+    const record = input;
+    const currentParams = isPlainObject(record['params'])
+        ? { ...record['params'] }
+        : {};
+    const existing = currentParams['locale'];
+    if (typeof existing === 'string' && existing.trim()) {
+        return input;
+    }
+    return {
+        ...record,
+        params: {
+            ...currentParams,
+            locale: locale.trim() || 'en-US',
+        },
+    };
+}
+//#endregion
+
 //#region ----- Imports -----
 //#endregion
 //#region ----- Helpers -----
@@ -29876,8 +31254,16 @@ function createEntityQueryBridge(op) {
             return next(context);
         }
         const skipContext = inject(AXPEntityMiddlewareSkipContext);
+        const translation = inject(AXTranslationService);
+        const locale = translation.getActiveLang()?.trim() || 'en-US';
         if (skipContext.isSkipped) {
-            return next(context);
+            if (op !== 'query') {
+                return next(context);
+            }
+            return next({
+                ...context,
+                input: stampQueryLocale(context.input, locale),
+            });
         }
         const injector = inject(EnvironmentInjector);
         const accessor = inject(AXPEntityRuntimeAccessorService);
@@ -29895,7 +31281,10 @@ function createEntityQueryBridge(op) {
         const ctx = createEntityMiddlewareContext(op, entityName, accessor, {
             request: input,
         });
-        await runEntityMiddlewarePipeline(allMiddlewares, ctx, async () => next({ key, input: (ctx.request ?? input) }), injector);
+        await runEntityMiddlewarePipeline(allMiddlewares, ctx, async () => next({
+            key,
+            input: stampQueryLocale(ctx.request ?? input, locale),
+        }), injector);
         return ctx.result;
     };
 }
@@ -30044,6 +31433,7 @@ const AXPCrudModifier = {
                         const parentKey = ctx.parentKey.get();
                         const request = parentKey != null ? applyHierarchicalRootListFilter(e, parentKey) : e;
                         const result = await queryService.fetch(ENTITY_QUERY_DEFAULT, { entity: entityKey, ...request });
+                        console.log('event', e);
                         if (result && !result.success) {
                             throw AXPRequestError.fromCommandResult(result);
                         }
@@ -30345,6 +31735,7 @@ function routesFacory() {
 class AXPEntityModule {
     constructor() {
         inject(AXPEntityListReturnUrlCaptureService);
+        inject(AXPEntityDetailsNavTrailService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXPEntityModule, imports: [AXPAttachmentsPluginModule,
@@ -30433,6 +31824,11 @@ class AXPEntityModule {
                 useValue: defaultMultiLanguageMiddlewareProvider,
                 multi: true,
             },
+            {
+                provide: AXP_ENTITY_MODIFIER,
+                useValue: defaultSortPresetsMiddlewareProvider,
+                multi: true,
+            },
             provideCommandSetups([
                 {
                     key: 'Entity:OpenDetails',
@@ -30460,7 +31856,7 @@ class AXPEntityModule {
                 },
                 {
                     key: 'Entity:Bulk',
-                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-C0pohwdo.mjs').then((c) => c.AXPBulkEntityCommand),
+                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-BOFTb66c.mjs').then((c) => c.AXPBulkEntityCommand),
                 },
                 {
                     key: 'Entity:OpenList',
@@ -30589,6 +31985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             useValue: defaultMultiLanguageMiddlewareProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_ENTITY_MODIFIER,
+                            useValue: defaultSortPresetsMiddlewareProvider,
+                            multi: true,
+                        },
                         provideCommandSetups([
                             {
                                 key: 'Entity:OpenDetails',
@@ -30616,7 +32017,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-C0pohwdo.mjs').then((c) => c.AXPBulkEntityCommand),
+                                command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-BOFTb66c.mjs').then((c) => c.AXPBulkEntityCommand),
                             },
                             {
                                 key: 'Entity:OpenList',
@@ -30941,5 +32342,5 @@ function detectEntityChanges(oldObj, newObj) {
  * Generated bundle index. Do not edit.
  */
 
-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-CvaOWbJx.mjs.map
+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_CATEGORY_TREE_ROOT_TITLE_I18N_KEY 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, AXPLookupWidgetViewComponent as aA, AXPMiddlewareAbortError as aB, AXPMiddlewareEntityStorageService as aC, AXPMultiSourceDefinitionProviderContext as aD, AXPMultiSourceDefinitionProviderService as aE, AXPMultiSourceFederatedSearchService as aF, AXPMultiSourceSelectorComponent as aG, AXPMultiSourceSelectorService as aH, AXPMultiSourceSelectorWidget as aI, AXPMultiSourceSelectorWidgetColumnComponent as aJ, AXPMultiSourceSelectorWidgetEditComponent as aK, AXPMultiSourceSelectorWidgetViewComponent as aL, AXPMultiSourceType as aM, AXPOpenEntityDetailsCommand as aN, AXPOpenEntityListCommand as aO, AXPRelatedColumnEnrichmentService as aP, AXPRelatedColumnMetadataResolver as aQ, AXPSelectorStructureWidget as aR, AXPSelectorStructureWidgetColumnComponent as aS, AXPSelectorStructureWidgetEditComponent as aT, AXPSelectorStructureWidgetViewComponent as aU, AXPShowFileUploaderPopupCommand as aV, AXPTruncatedBreadcrumbComponent as aW, AXPUpdateEntityCommand as aX, AXPUpdateEntityStatusCommand as aY, AXPViewEntityDetailsCommand as aZ, AXP_APPEARANCE_SECTION_ORDER 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, AXPLookupByKeyCacheService as aw, AXPLookupWidget as ax, AXPLookupWidgetColumnComponent as ay, AXPLookupWidgetEditComponent as az, buildSelectedIdsFilter as b, detectEntityChanges as b$, AXP_CLASSIFICATION_SECTION_ORDER as b0, AXP_CLIENT_LOCAL_DEFAULT_MAX_ITEMS as b1, AXP_CLIENT_LOCAL_PLUGIN_NAME as b2, AXP_DATA_SEEDER_TOKEN as b3, AXP_ENTITY_ACTION_PLUGIN as b4, AXP_ENTITY_CONFIG_TOKEN as b5, AXP_ENTITY_DEFINITION_LOADER as b6, AXP_ENTITY_MIDDLEWARE as b7, AXP_ENTITY_MODIFIER as b8, AXP_ENTITY_STORAGE_MIDDLEWARE as b9, axpUpdateEntityStatusCommandDefinition as bA, buildDataSourceTraceSnapshot as bB, canPersistEntityListState as bC, clientLocalPlugin as bD, cloneLayoutArrays as bE, columnOrderingMiddleware as bF, columnOrderingMiddlewareProvider as bG, columnWidthMiddleware as bH, columnWidthMiddlewareProvider as bI, committedAttachments as bJ, composeEntityMiddlewares as bK, composeEntityStorageMiddlewares as bL, computeEntityAggregates as bM, configureEntityListColumnsSettingsMigrateDrop as bN, configureEntityListColumnsSettingsVersion as bO, createColumnOrderingMiddlewareProvider as bP, createEntityCardDisplayScope as bQ, createEntityCardLogicScope as bR, createEntityMiddlewareContext as bS, createEntityStorageContext as bT, createLayoutOrderingMiddlewareProvider as bU, defaultCardLayoutMiddleware as bV, defaultCardLayoutMiddlewareProvider as bW, defaultMultiLanguageMiddleware as bX, defaultMultiLanguageMiddlewareProvider as bY, defaultSortPresetsMiddleware as bZ, defaultSortPresetsMiddlewareProvider as b_, AXP_MULTI_SOURCE_DEFINITION_PROVIDER as ba, DEFAULT_COLUMN_ORDER as bb, DEFAULT_PAIR_SPAN_RULES as bc, DEFAULT_PROPERTY_ORDER as bd, DEFAULT_SECTION_ORDER as be, ENTITY_FORM_ACTION_FIRST_STEP_CONTINUE as bf, ENTITY_LIST_LAYOUT_META as bg, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY as bh, ENTITY_MASTER_LIST_TRACE_NS as bi, EntityBuilder as bj, EntityDataAccessor as bk, GALLERY_PAGE_COMPONENT_KEY as bl, TREE_CHILDREN_QUERY_TAKE as bm, actionExists as bn, applyDataSourcePagingWithoutLoad as bo, attachmentFieldCount as bp, attachmentNeedsHydration as bq, attachmentsPlugin as br, attachmentsSemanticallyEqual as bs, axpBuildEntityListPageContextSnapshot as bt, axpCreateEntityAiToolInputDefaults as bu, axpCreateEntityCommandDefinition as bv, axpDeleteEntityCommandDefinition as bw, axpOpenEntityListCommandDefinition as bx, axpRunEntityListPageContextAction as by, axpShowFileUploaderPopupCommandDefinition as bz, ATTACHMENTS_PAGE_COMPONENT_KEY as c, readPersistedEntityListInstanceCurrentView as c$, dispatchEntityModifiedSideEffects as c0, ensureHierarchicalRootFilter as c1, ensureLayoutPropertyView as c2, ensureLayoutSection as c3, ensureListActions as c4, entityCreateBridgeMiddleware as c5, entityDeleteBridgeMiddleware as c6, entityGetOneBridgeMiddleware as c7, entityListInstanceCurrentViewPath as c8, entityListInstanceFilterPath as c9, hydrateAttachmentFieldToFileList as cA, isAXPMiddlewareAbortError as cB, isAttachmentFieldPresentOnRow as cC, isAttachmentListEntry as cD, isAttachmentStorageRef as cE, isCategoryEntity as cF, isCategoryFilter as cG, isFileListItem as cH, isFileUploaderEditDialogAuto as cI, isLegacyEntityDataSelectorOptions as cJ, layoutOrderingMiddlewareFactory as cK, layoutOrderingMiddlewareProvider as cL, mapEntityStorageErrorToCommandResult as cM, mapLegacyEntityDataSelectorOptions as cN, mergeEntityListViewAndPersistedFilters as cO, normalizeEntityCardHeaderDisplayValue as cP, normalizeEntityDataSelectorColumnSpecs as cQ, normalizeEntityDataSelectorOptions as cR, normalizeEntityFieldToFileList as cS, normalizeEntityListPersistenceMode as cT, normalizeListPaging as cU, prefetchClientLocalRelated as cV, provideEntity as cW, provideEntityMiddlewareBridge as cX, provideEntityRealtimeHandlers as cY, provideEntityStorageMiddlewareBridge as cZ, provideLocalEntityCatalog as c_, entityListStylingRulesPath as ca, entityQueryBridgeMiddleware as cb, entityStorageCreateBridgeMiddleware as cc, entityStorageDeleteBridgeMiddleware as cd, entityStorageGetOneBridgeMiddleware as ce, entityStorageQueryBridgeMiddleware as cf, entityStorageUpdateBridgeMiddleware as cg, entityUpdateBridgeMiddleware as ch, eventDispatchMiddleware as ci, filterEntityMiddlewares as cj, filterEntityStorageMiddlewares as ck, filterSortEntityRows as cl, filterTouchesParentKey as cm, findEntityListRowDataInTree as cn, fingerprintAttachmentItem as co, fingerprintAttachments as cp, fireEntityLifecycleHook as cq, formatLookupItemDisplay as cr, formatLookupItemDisplayAsync as cs, galleryPlugin as ct, getDataSourcePageIndex as cu, getEntityListColumnsSettingsMigrateDrop as cv, getEntityListColumnsSettingsVersion as cw, getEntityListRowId as cx, getMasterInterfacePropertySortKey as cy, hasFileUploaderTitleOrDescriptionFields as cz, AXMEntityCrudService as d, readPersistedEntityListInstanceFilters as d0, readPersistedEntityListStylingRules as d1, resetPagingForTreeChildrenLoad as d2, resolveAttachmentFieldPath as d3, resolveEntityCardBadgeColorValue as d4, resolveEntityCardHeaderValue as d5, resolveEntityMasterFieldStylingClass as d6, resolveEntityMasterRecordStylingClass as d7, resolveEntityMasterStylingClass as d8, resolveEntityPluginDetailPageOrder as d9, resolveFileUploaderEditDialog as da, resolveFileUploaderEntityScope as db, resolveLookupDisplayField as dc, resolveLookupDisplayTemplate as dd, resolveLookupEntityCacheKey as de, resolveLookupEntityKey as df, resolveMasterInterfacePropertyOrder as dg, restoreEntityListExpandedRows as dh, runEntityMiddlewarePipeline as di, runEntityQuery as dj, runEntityStorageMiddlewarePipeline as dk, searchResultDescriptionMiddleware as dl, searchResultDescriptionMiddlewareProvider as dm, shouldLoadEntityListStateFromStorage as dn, shouldResetEntityListStateOnRouteEntry as dp, traceEntityMasterList as dq, 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-UkQsf84C.mjs.map