@acorex-platform/framework-client 0.0.56 → 0.0.58

package/fesm2022/{acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-DLW9GiJh.mjs → acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-jeOx-Rb8.mjs}

@@ -1,4 +1,4 @@
-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, flattenEntityTableColumns, mergeDefinitionAndCustomQueryViews, isQueryViewDirty, isCustomQueryView, collectEntityListSortPresets, 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 { 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, flattenEntityTableColumns, mergeDefinitionAndCustomQueryViews, isQueryViewDirty, isCustomQueryView, collectEntityListSortPresets, createCustomQueryViewName, removePersistedCustomQueryView, readPersistedCustomQueryViews, upsertPersistedCustomQueryView, snapshotCustomQueryView, isQueryViewColumnVisible, collectEntityListSortableFields, collectEntityListFilterDefinitions, withQueryViewFilterVisibility, queryViewConditionsToFilterQueries, collectEntityCardUserIdQueryFields, buildEntityQueryFields, normalizeAXPQueryViewColumns, findEntityTableColumnInTree, AXPEntityQueryType, isEntityPropertySortEnabled, ENTITY_ROW_POPUP_TITLE_OPTION, resolveEnabledPageListLayouts, resolveRelatedEntityListViews, toggleListColumnSortQueries, toActiveListColumnSortQueries, 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';
@@ -7,11 +7,11 @@ 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, 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, coerceFilterDisplayText, AXPPlatformScope, flattenQueryFilterUserGroups, AXP_QUERY_QUICK_SEARCH_FIELD, wrapQueryFilterRoot, isPersistableFilterQuery, isCompleteFilterCondition, resolveFilterQueryIdentityField, extractValue, setSmart, getChangedPaths, isSelectionValueEqual, toAxpGridItemWidgetOptions, 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 { AXPLayoutBuilderService, AXPDialogOpener, LayoutBuilderModule } from '@acorex-platform/framework-client/layout/builder';
 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, 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';
 import { AXDialogService } from '@acorex/components/dialog';
@@ -1228,7 +1228,7 @@ class PropertyFilter {
         const dialog = await this.buildDialog({});
         return dialog.build();
     }
-    async show() {
+    async show(options) {
         // Context: always load by key when we have a record id (authoritative full row), then merge any
         // caller/list row context. Skipping fetch when initialContext was non-empty left dialogs without
         // fields not present on the passed row (e.g. Entity:View single() with partial list payload).
@@ -1260,7 +1260,7 @@ class PropertyFilter {
         }
         const dialog = await this.buildDialog(effectiveContext);
         dialog.setContext(effectiveContext);
-        return await dialog.show();
+        return await dialog.show(options);
     }
     /**
      * Resolves property `schema.defaultValue` expressions (e.g. `settings.get(...)`)
@@ -2492,9 +2492,31 @@ class AXPCreateEntityCommand {
         this.settingsService = inject(AXPSettingsService);
         this.openEntityDetailsCommand = inject(AXPOpenEntityDetailsCommand);
         this.entityEvents = inject(AXPEntityBroadcastService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.context = {};
+        this.loadCreateDialogRenderer = () => import('@acorex-platform/framework-client/layout/builder').then((module) => module.AXPDialogRendererComponent);
     }
     async execute(input = {}) {
+        const outcome = await this.dialogOpener.run({
+            load: this.loadCreateDialogRenderer,
+            data: this.createDialogOpenData(input),
+            present: (notifyShown) => this.presentCreateDialog(input, notifyShown),
+        });
+        if (outcome.duplicate) {
+            return { success: false };
+        }
+        return outcome.result;
+    }
+    createDialogOpenData(input) {
+        const resolved = resolveEntityActionCommandInput(input);
+        return {
+            entity: resolved.entity ?? '',
+            dialogSize: input.dialogSize ?? null,
+            data: resolved.data ?? null,
+            options: resolved.options ?? null,
+        };
+    }
+    async presentCreateDialog(input = {}, notifyShown) {
         const enableOperationToasts = await this.settingsService.get(AXPCommonSettings.EnableOperationToasts);
         const dialogSize = input.dialogSize;
         const resolved = resolveEntityActionCommandInput(input);
@@ -2622,7 +2644,7 @@ class AXPCreateEntityCommand {
                 dialogRef.setLoading(false);
             }
         })
-            .show();
+            .show({ onShown: notifyShown });
         const commandResult = result;
         if (commandResult.success && commandResult.data) {
             const createdItem = commandResult.data?.item ?? commandResult.data;
@@ -5751,6 +5773,7 @@ class AXPFileUploaderWidgetService {
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translate = inject(AXTranslationService);
         this.commandExecutor = inject(AXPCommandExecutor);
         this.queryExecutor = inject(AXPQueryExecutor);
@@ -5779,20 +5802,32 @@ class AXPFileUploaderWidgetService {
             plugins: options?.plugins ?? [],
             editDialog: options?.editDialog,
         };
-        const component = await import('./acorex-platform-framework-client-layout-entity-file-list-popup.component-C0LgUzzv.mjs').then((m) => m.AXPFileListPopupComponent);
-        const result = await this.popupService.open(component, {
-            title: await this.translate.translateAsync('@document-management:terms.common.file'),
+        let title = '';
+        const result = await this.dialogOpener.openPopup({
+            load: () => import('./acorex-platform-framework-client-layout-entity-file-list-popup.component-C0LgUzzv.mjs').then((m) => m.AXPFileListPopupComponent),
             data: {
-                files: signal(resolved.files),
-                isReadonly: signal(resolved.readonly),
-                multiple: signal(resolved.multiple),
-                accept: signal(resolved.accept),
-                maxFileSize: signal(resolved.maxFileSize),
-                fileEditable: signal(resolved.fileEditable),
-                showAddItemButton: signal(resolved.showAddItemButton),
-                plugins: signal(resolved.plugins),
-                editDialog: signal(resolved.editDialog),
+                entity: entity ?? null,
+                readonly: resolved.readonly,
+                multiple: resolved.multiple,
+                accept: resolved.accept,
             },
+            prepare: async () => {
+                title = await this.translate.translateAsync('@document-management:terms.common.file');
+            },
+            show: (component) => this.popupService.open(component, {
+                title,
+                data: {
+                    files: signal(resolved.files),
+                    isReadonly: signal(resolved.readonly),
+                    multiple: signal(resolved.multiple),
+                    accept: signal(resolved.accept),
+                    maxFileSize: signal(resolved.maxFileSize),
+                    fileEditable: signal(resolved.fileEditable),
+                    showAddItemButton: signal(resolved.showAddItemButton),
+                    plugins: signal(resolved.plugins),
+                    editDialog: signal(resolved.editDialog),
+                },
+            }),
         });
         const updatedFiles = result?.data?.data?.files;
         if (!updatedFiles) {
@@ -8619,13 +8654,14 @@ const PLUGIN_SLOT_SPAN = 10_000;
 const SUB_ORDER_STEP = 10;
 const PLUGIN_SLOT_INDEX = {
     'meta-data-builder': 0,
-    attachments: 1,
-    gallery: 2,
-    documents: 3,
-    comments: 4,
-    dashboard: 5,
-    reports: 6,
-    history: 7,
+    'meta-data-form': 1,
+    attachments: 2,
+    gallery: 3,
+    documents: 4,
+    comments: 5,
+    dashboard: 6,
+    reports: 7,
+    history: 8,
 };
 //#endregion
 //#region ---- Helpers ----
@@ -8669,7 +8705,7 @@ function normalizeRelatedPageListDetailOrders(relatedEntities, step) {
     return afterMax;
 }
 /**
- * Ordinal within a slot for multi-field pages (attachments, meta-data-builder), stable by field name.
+ * Ordinal within a slot for multi-field pages (attachments, meta-data-builder, meta-data-form), stable by field name.
  */
 function subOrderWithinComponentSlot(pages, componentKey, skip, currentField) {
     const peerFieldKeys = (pages ?? [])
@@ -8688,8 +8724,8 @@ function subOrderWithinComponentSlot(pages, componentKey, skip, currentField) {
  *
  * 1. Assigns finite `layout.order` values to related `page-list` / `page-detail` rows that omit
  *    `order` (the composer otherwise treats them as +Infinity).
- * 2. Places plugin tabs in a fixed relative order: meta-data-builder → attachments → gallery →
- *    documents → comments → dashboard → reports → history, after all related tabs.
+ * 2. Places plugin tabs in a fixed relative order: meta-data-builder → meta-data-form → attachments →
+ *    gallery → documents → comments → dashboard → reports → history, after all related tabs.
  */
 function resolveEntityPluginDetailPageOrder(input, slot, options) {
     const relatedStep = options.relatedOrderStep ?? DEFAULT_RELATED_ORDER_STEP;
@@ -14000,7 +14036,7 @@ class AXMAttachmentsPageComponentProvider {
         return [
             {
                 key: ATTACHMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-BY_hDj8A.mjs').then((m) => m.AXMAttachmentsPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-B93uWhea.mjs').then((m) => m.AXMAttachmentsPageComponent),
             },
         ];
     }
@@ -14537,7 +14573,7 @@ class AXMGalleryPageComponentProvider {
         return [
             {
                 key: GALLERY_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-D7xxrauC.mjs').then((m) => m.AXMGalleryPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-f5rLdctT.mjs').then((m) => m.AXMGalleryPageComponent),
             },
         ];
     }
@@ -17597,6 +17633,7 @@ class AXPEntityCategoryWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ----   Services & Dependencies   ----
         this.entityResolver = inject(AXPEntityDefinitionRegistryService);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translateService = inject(AXTranslationService);
         this.cdr = inject(ChangeDetectorRef);
         //#endregion
@@ -17770,6 +17807,9 @@ class AXPEntityCategoryWidgetEditComponent extends AXPValueWidgetComponent {
         this.searchTerm.set('');
     }
     async showTreeSelector() {
+        if (this.isOpen()) {
+            return;
+        }
         this.isOpen.set(true);
         const currentValue = this.getValue();
         const selectedIds = currentValue
@@ -17778,20 +17818,32 @@ class AXPEntityCategoryWidgetEditComponent extends AXPValueWidgetComponent {
         // Get current entity ID from context (if editing an entity)
         const currentEntityId = this.contextService.getValue('id');
         const excludedNodeId = currentEntityId ? String(currentEntityId) : undefined;
+        let title = '';
         try {
-            const result = await this.popupService.open(AXPEntityCategoryTreeSelectorComponent, {
-                title: `${this.translateService.translateSync('@general:widgets.lookup.search.placeholder')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`,
-                size: 'md',
+            const result = await this.dialogOpener.openPopup({
+                load: () => Promise.resolve(AXPEntityCategoryTreeSelectorComponent),
                 data: {
-                    entityKey: signal(this.entity()),
-                    textField: signal(this.textField()),
-                    valueField: signal(this.valueField()),
-                    allowMultiple: signal(this.multiple()),
-                    selectedValues: signal(selectedIds),
-                    searchPlaceholder: signal(this.searchPlaceholderText()),
-                    excludedNodeId: signal(excludedNodeId),
-                    selectedValuesInput: signal(selectedIds),
+                    entity: this.entity(),
+                    multiple: this.multiple(),
+                    selectedIds,
+                },
+                prepare: () => {
+                    title = `${this.translateService.translateSync('@general:widgets.lookup.search.placeholder')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`;
                 },
+                show: (component) => this.popupService.open(component, {
+                    title,
+                    size: 'md',
+                    data: {
+                        entityKey: signal(this.entity()),
+                        textField: signal(this.textField()),
+                        valueField: signal(this.valueField()),
+                        allowMultiple: signal(this.multiple()),
+                        selectedValues: signal(selectedIds),
+                        searchPlaceholder: signal(this.searchPlaceholderText()),
+                        excludedNodeId: signal(excludedNodeId),
+                        selectedValuesInput: signal(selectedIds),
+                    },
+                }),
             });
             if (result?.data?.selected && Array.isArray(result.data.selected)) {
                 const newItems = this.multiple() ? result.data.selected : result.data.selected.slice(0, 1);
@@ -18603,6 +18655,7 @@ function mapPropertyToWidgetColumn(property) {
         name: property.name,
         title: property.title,
         visible: true,
+        sortEnabled: isEntityPropertySortEnabled(property),
         widget: property.schema?.interface
             ? {
                 type: property.schema.interface.type || 'text-editor',
@@ -18693,6 +18746,7 @@ function mapEntityColumnToWidgetColumn(entity, column) {
         title: columnDef.title || property?.title || columnDef.name,
         width: columnDef.options?.width,
         visible: columnDef.options?.visible !== false,
+        sortEnabled: isEntityPropertySortEnabled(property),
         ...(columnDef.footer ? { footer: columnDef.footer } : {}),
         widget,
     };
@@ -19214,6 +19268,9 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "toolbarWidget" }] : /* istanbul ignore next */ []));
         this.selectedItems = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+        /** Active sorts for data-list header arrows; kept in sync with toolbar sorts. */
+        this.listColumnSorts = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listColumnSorts" }] : /* istanbul ignore next */ []));
         this.listDisplayMode = signal(AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "listDisplayMode" }] : /* istanbul ignore next */ []));
         this.isCardHostLayout = computed(() => isEntityMasterListCardHost(this.listDisplayMode()), /* @ts-ignore */
@@ -19538,6 +19595,37 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
             this.execute(item.command.name, null);
         }
     }
+    handleColumnSort(columnName, event) {
+        if (!this.isListColumnSortable(columnName)) {
+            return;
+        }
+        const toolbar = this.getValue()?.toolbar ?? {};
+        const nextSorts = toggleListColumnSortQueries(toActiveListColumnSortQueries(toolbar.sorts), columnName, {
+            multiSort: event.ctrlKey || event.metaKey,
+            viewDefaultSorts: this.getActiveViewSorts(),
+        });
+        this.listColumnSorts.set(nextSorts);
+        this.setValue({
+            ...this.getValue(),
+            toolbar: {
+                ...toolbar,
+                sorts: nextSorts,
+            },
+        });
+    }
+    isListColumnSortable(columnName) {
+        const instance = this.listWidget()?.instance;
+        const columns = (instance?.options()?.['columns'] ??
+            this.listNode()?.options?.['columns'] ??
+            []);
+        return flattenDataListWidgetColumns(columns).some((column) => column.name === columnName && !!column.sortEnabled);
+    }
+    getActiveViewSorts() {
+        const viewName = this.getValue()?.toolbar?.view;
+        const views = this.resolvedQueryViews();
+        const view = views.find((item) => item.name === viewName) ?? views[0];
+        return toActiveListColumnSortQueries(view?.sorts);
+    }
     // ngDoCheck(): void {
     //   console.log(this.listWidget()?.instance.output('selectedRows'));
     // }
@@ -20067,6 +20155,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         if (changeTracker.isSortChanged) {
             const sortOptions = this.toDataSourceSortOptions(queries.sorts);
             dataSource.sort(...sortOptions);
+            this.listColumnSorts.set(toActiveListColumnSortQueries(queries.sorts));
         }
     }
     /**
@@ -20177,14 +20266,6 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
                 this.listDataSource.set(dataSource);
                 this.cardItems.set(this.readDataSourceRows(dataSource));
             }
-            this.listNode.set({
-                type: AXPWidgetsCatalog.dataList,
-                options: listOptions,
-                path: `table`,
-                name: 'table',
-                mode: 'view',
-                defaultValue: this.getValue()?.table,
-            });
             const parentFilters = this.getMergedToolbarFilters();
             const viewFilters = initialView
                 ? withQueryViewFilterVisibility(initialView, queryViewConditionsToFilterQueries(initialView))
@@ -20198,6 +20279,19 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
                     : this.getValue()?.toolbar?.columns,
                 displayMode: this.listDisplayMode(),
             };
+            this.listColumnSorts.set(toActiveListColumnSortQueries(toolbarState.sorts));
+            this.listNode.set({
+                type: AXPWidgetsCatalog.dataList,
+                options: {
+                    ...listOptions,
+                    columnSorts: this.listColumnSorts,
+                    onColumnSort: (columnName, event) => this.handleColumnSort(columnName, event),
+                },
+                path: `table`,
+                name: 'table',
+                mode: 'view',
+                defaultValue: this.getValue()?.table,
+            });
             this.setValue({
                 ...this.getValue(),
                 toolbar: {
@@ -24054,6 +24148,9 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         this.treeSearchLoading.set(false);
     }
     onTriggerSearchInput(value) {
+        if (!this.disabled() && !this.readonly()) {
+            this.expanded.set(true);
+        }
         this.searchText.set(value);
         this.#applySearch(value.trim());
     }
@@ -24090,6 +24187,10 @@ class AXPLookupWidgetTableHostComponent extends NXValueComponent {
         this.searchText.set(this.#itemDisplayText(event.item));
         this.#applySearch('');
     }
+    /** Closes the inline lookup dropdown. */
+    close() {
+        this.expanded.set(false);
+    }
     /** Clears the selection. Used by projected `ax-clear-button`. */
     reset(_isUserInteraction = false) {
         if (this.disabled() || this.readonly()) {
@@ -24194,7 +24295,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      [rowActions]=\"rowActions()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n      (rowAction)=\"handleTableRowAction($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", "rowActions"], outputs: ["itemClick", "rowAction"] }], 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  <ng-content select=\"ax-suffix\"></ng-content>\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      [rowActions]=\"rowActions()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n      (rowAction)=\"handleTableRowAction($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", "rowActions"], outputs: ["itemClick", "rowAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetTableHostComponent, decorators: [{
             type: Component,
@@ -24204,7 +24305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         { provide: AXComponent, useExisting: AXPLookupWidgetTableHostComponent },
                         { provide: AXClearableComponent, useExisting: AXPLookupWidgetTableHostComponent },
                         { provide: AXValuableComponent, useExisting: AXPLookupWidgetTableHostComponent },
-                    ], template: "<div\n  #origin\n  class=\"ax-editor-container ax-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      [rowActions]=\"rowActions()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n      (rowAction)=\"handleTableRowAction($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"] }]
+                    ], 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  <ng-content select=\"ax-suffix\"></ng-content>\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      [rowActions]=\"rowActions()\"\n      (itemClick)=\"handleTableItemClick($event)\"\n      (rowAction)=\"handleTableRowAction($event)\"\n    ></axp-lookup-widget-table-panel>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;:host{display:block;width:100%}:host .ax-editor-container{justify-content:flex-start;gap:var(--spacing, .25rem)}:host .ax-lookup-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}:host .ax-lookup-value{position:relative;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-select-input{cursor:pointer;caret-color:transparent;-webkit-user-select:none;user-select:none}:host .ax-lookup-selected-content{pointer-events:none;position:relative;z-index:0;display:flex;min-width:0px;flex:1;align-items:center;overflow:hidden}:host .ax-lookup-input-overlay{position:absolute;inset:0;z-index:10;margin:0!important;height:100%;width:100%;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:0!important;color:transparent;caret-color:transparent}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], treeDataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeDataSource", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], disabledField: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledField", required: false }] }], parentField: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentField", required: false }] }], hasChildrenField: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildrenField", required: false }] }], searchFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFields", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueItems", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], selectedTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedTemplate", required: false }] }], rowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActions", required: false }] }], onItemSelected: [{ type: i0.Output, args: ["onItemSelected"] }], triggerSearchInput: [{ type: i0.ViewChild, args: ['triggerSearchInput', { isSignal: true }] }], popoverRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }] } });
 
 //#region ----- Imports -----
@@ -24237,8 +24338,6 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "lookup" }] : /* istanbul ignore next */ []));
         this.tableLookupHost = viewChild(AXPLookupWidgetTableHostComponent, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "tableLookupHost" }] : /* istanbul ignore next */ []));
-        this.popupTagBox = viewChild('popupTagBox', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "popupTagBox" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----- State Signals -----
         /** Toggled to remount ax-lookup after locale / language changes. */
@@ -24315,7 +24414,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.isPopupLook = computed(() => this.look() === 'popup', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isPopupLook" }] : /* istanbul ignore next */ []));
         this.lookupMode = computed(() => {
-            if (this.entityDef()?.parentKey && this.look() !== 'select' && this.look() !== 'popup') {
+            if (this.entityDef()?.parentKey && this.look() !== 'select') {
                 return this.multiple() ? 'multi-select-tree' : 'multi-column-tree';
             }
             if (this.multiple()) {
@@ -24424,7 +24523,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             this.localeEpoch();
             this.customFilter();
             const entity = this.entityDef();
-            if (!entity?.parentKey || this.look() === 'select' || this.look() === 'popup') {
+            if (!entity?.parentKey || this.look() === 'select') {
                 return EMPTY_TREE_DATA_SOURCE;
             }
             if (this.hasPendingCascadeFilter()) {
@@ -24708,43 +24807,13 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         await this.executeCreate(mode);
     }
     handlePopupTriggerClick(event) {
-        if (event instanceof MouseEvent) {
-            event.stopPropagation();
-        }
+        const native = event.nativeEvent;
+        native?.stopPropagation();
+        native?.preventDefault();
+        this.lookup()?.close();
+        this.tableLookupHost()?.close();
         void this.openPopupSelector();
     }
-    handlePopupKeyUp(event) {
-        const keyEvent = event.nativeEvent;
-        if (keyEvent.code === 'Enter' || keyEvent.code === 'NumpadEnter' || keyEvent.code === 'ArrowDown') {
-            void this.openPopupSelector();
-        }
-    }
-    handlePopupBlur(_event) {
-        this.popupTagBox()?.inputValue.set('');
-    }
-    handlePopupValueChange(event) {
-        if (!event.isUserInteraction) {
-            return;
-        }
-        if (isNil(event.value) || isEmpty(event.value)) {
-            this.setItems([]);
-        }
-    }
-    handlePopupClearClick() {
-        this.setItems([]);
-    }
-    handlePopupRemoveItem(event, index) {
-        event.stopPropagation();
-        if (this.isLookupDisabled() || this.isReadonly()) {
-            return;
-        }
-        const currentItems = this.selectedItems();
-        if (index < 0 || index >= currentItems.length) {
-            return;
-        }
-        const nextItems = currentItems.filter((_, i) => i !== index);
-        this.setItems(nextItems);
-    }
     //#endregion
     //#region ----- Popup Selector -----
     async openPopupSelector() {
@@ -25132,14 +25201,13 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     }
     clear() {
         this.selectedItems.set([]);
-        this.popupTagBox()?.reset(false);
         this.tableLookupHost()?.reset(false) ?? this.lookup()?.reset(false);
     }
     focus() {
         this.shouldFocus.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", host: { classAttribute: "w-full" }, viewQueries: [{ propertyName: "lookup", first: true, predicate: AXLookupComponent, descendants: true, isSignal: true }, { propertyName: "tableLookupHost", first: true, predicate: AXPLookupWidgetTableHostComponent, descendants: true, isSignal: true }, { propertyName: "popupTagBox", first: true, predicate: ["popupTagBox"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    <!-- ----- Popup look: full entity data selector ----- -->\n    @if (isPopupLook()) {\n      <ax-tag-box\n        #popupTagBox\n        class=\"flex-1 min-w-0\"\n        [tagTemplate]=\"popupTagTemplate\"\n        [ngModel]=\"selectedItems()\"\n        [textField]=\"displayField()\"\n        [valueField]=\"valueField()\"\n        (onValueChanged)=\"handlePopupValueChange($event)\"\n        [placeholder]=\"selectedItems().length ? '' : ((placeholderText() | translate | async) ?? '')\"\n        [addOnEnter]=\"false\"\n        [addOnComma]=\"false\"\n        [readonly]=\"true\"\n        [disabled]=\"isLookupDisabled()\"\n        (click)=\"handlePopupTriggerClick($event)\"\n        (onKeyUp)=\"handlePopupKeyUp($event)\"\n        (onBlur)=\"handlePopupBlur($event)\"\n      >\n        @if (hasClearButton() && selectedItems().length > 0) {\n          <ax-clear-button (click)=\"handlePopupClearClick()\"></ax-clear-button>\n        }\n        @for (validation of validationRules(); track $index) {\n          <ax-validation-rule\n            [rule]=\"validation.rule\"\n            [message]=\"$safeNavigationMigration(validation.options?.message)\"\n            [options]=\"validation.options\"\n          ></ax-validation-rule>\n        }\n        <ax-suffix>\n          <ax-button\n            color=\"ghost\"\n            look=\"blank\"\n            [disabled]=\"isLookupDisabled() || isReadonly() || isLoading()\"\n            (onClick)=\"handlePopupTriggerClick($event)\"\n          >\n            @if (isLoading()) {\n              <ax-loading></ax-loading>\n            }\n            <!-- ----- Search icon opens entity selector ----- -->\n            @else {\n              <ax-icon icon=\"far fa-search\"></ax-icon>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-tag-box>\n    }\n    <!-- ----- Inline ax-lookup / table host ----- -->\n    @else if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          [rowActions]=\"rowActionsHandler()\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"\n            $any(\n              multiple()\n                ? hasRowActionPrimary()\n                  ? lookupListItemWithActionsTemplate\n                  : lookupItemTemplate\n                : lookupDropDownListItemTemplate\n            )\n          \"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center gap-1 px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <!-- ----- Primary row actions (preview, etc.) ----- -->\n    @if (hasRowActionPrimary()) {\n      <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n        @for (action of rowActionPrimaryItems(); track action.name) {\n          <ax-button\n            look=\"blank\"\n            color=\"ghost\"\n            [title]=\"action.text\"\n            (onClick)=\"handleItemRowAction($event, action.name, item)\"\n          >\n            @if (action.icon) {\n              <ax-icon [icon]=\"action.icon\"></ax-icon>\n            }\n          </ax-button>\n        }\n      </span>\n    }\n  </span>\n</ng-template>\n<!-- ----- Multi-select list rows with row actions ----- -->\n<ng-template #lookupListItemWithActionsTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex w-full min-w-0 items-center gap-1\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n      @for (action of rowActionPrimaryItems(); track action.name) {\n        <ax-button\n          look=\"blank\"\n          color=\"ghost\"\n          [title]=\"action.text\"\n          (onClick)=\"handleItemRowAction($event, action.name, item)\"\n        >\n          @if (action.icon) {\n            <ax-icon [icon]=\"action.icon\"></ax-icon>\n          }\n        </ax-button>\n      }\n    </span>\n  </span>\n</ng-template>\n<!-- ----- Popup look selected chips ----- -->\n<ng-template #popupTagTemplate let-item let-index=\"index\">\n  <div class=\"inline-flex items-center gap-1.5 rounded-md px-3 py-1 text-sm surface\">\n    <span>{{ (getLookupItemLabel(item) | translate | async) ?? '' }}</span>\n    @if (!isReadonly() && !isLookupDisabled()) {\n      <button type=\"button\" (click)=\"handlePopupRemoveItem($event, index)\">\n        <ax-icon class=\"ax-icon ax-icon-close\"></ax-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXHighlightTextComponent, selector: "ax-highlight-text", inputs: ["text", "query", "highlightDisabled", "highlightOptions"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "component", type: AXPLookupWidgetTableHostComponent, selector: "axp-lookup-widget-table-host", inputs: ["name", "placeholder", "caption", "searchPlaceholder", "dataSource", "treeDataSource", "columns", "valueField", "textField", "disabledField", "parentField", "hasChildrenField", "searchFields", "value", "valueItems", "disabled", "readonly", "searchable", "selectedTemplate", "rowActions"], outputs: ["valueChange", "onItemSelected"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", host: { classAttribute: "w-full" }, viewQueries: [{ propertyName: "lookup", first: true, predicate: AXLookupComponent, descendants: true, isSignal: true }, { propertyName: "tableLookupHost", first: true, predicate: AXPLookupWidgetTableHostComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline ax-lookup / table host (popup look adds magnifier suffix) ----- -->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          [rowActions]=\"rowActionsHandler()\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n          @if (isPopupLook()) {\n            <ax-suffix>\n              <ax-button\n                color=\"ghost\"\n                look=\"blank\"\n                [disabled]=\"isLookupDisabled() || isReadonly() || isLoading()\"\n                (onClick)=\"handlePopupTriggerClick($event)\"\n              >\n                @if (isLoading()) {\n                  <ax-loading></ax-loading>\n                }\n                <!-- ----- Magnifier opens full entity data selector ----- -->\n                @else {\n                  <ax-icon icon=\"far fa-search\"></ax-icon>\n                }\n              </ax-button>\n            </ax-suffix>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"\n            $any(\n              multiple()\n                ? hasRowActionPrimary()\n                  ? lookupListItemWithActionsTemplate\n                  : lookupItemTemplate\n                : lookupDropDownListItemTemplate\n            )\n          \"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n          @if (isPopupLook()) {\n            <ax-suffix>\n              <ax-button\n                color=\"ghost\"\n                look=\"blank\"\n                [disabled]=\"isLookupDisabled() || isReadonly() || isLoading()\"\n                (onClick)=\"handlePopupTriggerClick($event)\"\n              >\n                @if (isLoading()) {\n                  <ax-loading></ax-loading>\n                }\n                <!-- ----- Magnifier opens full entity data selector ----- -->\n                @else {\n                  <ax-icon icon=\"far fa-search\"></ax-icon>\n                }\n              </ax-button>\n            </ax-suffix>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center gap-1 px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <!-- ----- Primary row actions (preview, etc.) ----- -->\n    @if (hasRowActionPrimary()) {\n      <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n        @for (action of rowActionPrimaryItems(); track action.name) {\n          <ax-button\n            look=\"blank\"\n            color=\"ghost\"\n            [title]=\"action.text\"\n            (onClick)=\"handleItemRowAction($event, action.name, item)\"\n          >\n            @if (action.icon) {\n              <ax-icon [icon]=\"action.icon\"></ax-icon>\n            }\n          </ax-button>\n        }\n      </span>\n    }\n  </span>\n</ng-template>\n<!-- ----- Multi-select list rows with row actions ----- -->\n<ng-template #lookupListItemWithActionsTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex w-full min-w-0 items-center gap-1\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n      @for (action of rowActionPrimaryItems(); track action.name) {\n        <ax-button\n          look=\"blank\"\n          color=\"ghost\"\n          [title]=\"action.text\"\n          (onClick)=\"handleItemRowAction($event, action.name, item)\"\n        >\n          @if (action.icon) {\n            <ax-icon [icon]=\"action.icon\"></ax-icon>\n          }\n        </ax-button>\n      }\n    </span>\n  </span>\n</ng-template>\n", dependencies: [{ 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.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXHighlightTextComponent, selector: "ax-highlight-text", inputs: ["text", "query", "highlightDisabled", "highlightOptions"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "component", type: AXPLookupWidgetTableHostComponent, selector: "axp-lookup-widget-table-host", inputs: ["name", "placeholder", "caption", "searchPlaceholder", "dataSource", "treeDataSource", "columns", "valueField", "textField", "disabledField", "parentField", "hasChildrenField", "searchFields", "value", "valueItems", "disabled", "readonly", "searchable", "selectedTemplate", "rowActions"], outputs: ["valueChange", "onItemSelected"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
@@ -25155,11 +25223,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXLoadingModule,
                         AXLookupComponent,
                         AXPLookupWidgetTableHostComponent,
-                        AXTagBoxModule,
                         AXTranslationModule,
                         AXValidationModule,
-                    ], template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    <!-- ----- Popup look: full entity data selector ----- -->\n    @if (isPopupLook()) {\n      <ax-tag-box\n        #popupTagBox\n        class=\"flex-1 min-w-0\"\n        [tagTemplate]=\"popupTagTemplate\"\n        [ngModel]=\"selectedItems()\"\n        [textField]=\"displayField()\"\n        [valueField]=\"valueField()\"\n        (onValueChanged)=\"handlePopupValueChange($event)\"\n        [placeholder]=\"selectedItems().length ? '' : ((placeholderText() | translate | async) ?? '')\"\n        [addOnEnter]=\"false\"\n        [addOnComma]=\"false\"\n        [readonly]=\"true\"\n        [disabled]=\"isLookupDisabled()\"\n        (click)=\"handlePopupTriggerClick($event)\"\n        (onKeyUp)=\"handlePopupKeyUp($event)\"\n        (onBlur)=\"handlePopupBlur($event)\"\n      >\n        @if (hasClearButton() && selectedItems().length > 0) {\n          <ax-clear-button (click)=\"handlePopupClearClick()\"></ax-clear-button>\n        }\n        @for (validation of validationRules(); track $index) {\n          <ax-validation-rule\n            [rule]=\"validation.rule\"\n            [message]=\"$safeNavigationMigration(validation.options?.message)\"\n            [options]=\"validation.options\"\n          ></ax-validation-rule>\n        }\n        <ax-suffix>\n          <ax-button\n            color=\"ghost\"\n            look=\"blank\"\n            [disabled]=\"isLookupDisabled() || isReadonly() || isLoading()\"\n            (onClick)=\"handlePopupTriggerClick($event)\"\n          >\n            @if (isLoading()) {\n              <ax-loading></ax-loading>\n            }\n            <!-- ----- Search icon opens entity selector ----- -->\n            @else {\n              <ax-icon icon=\"far fa-search\"></ax-icon>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-tag-box>\n    }\n    <!-- ----- Inline ax-lookup / table host ----- -->\n    @else if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          [rowActions]=\"rowActionsHandler()\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"\n            $any(\n              multiple()\n                ? hasRowActionPrimary()\n                  ? lookupListItemWithActionsTemplate\n                  : lookupItemTemplate\n                : lookupDropDownListItemTemplate\n            )\n          \"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center gap-1 px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <!-- ----- Primary row actions (preview, etc.) ----- -->\n    @if (hasRowActionPrimary()) {\n      <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n        @for (action of rowActionPrimaryItems(); track action.name) {\n          <ax-button\n            look=\"blank\"\n            color=\"ghost\"\n            [title]=\"action.text\"\n            (onClick)=\"handleItemRowAction($event, action.name, item)\"\n          >\n            @if (action.icon) {\n              <ax-icon [icon]=\"action.icon\"></ax-icon>\n            }\n          </ax-button>\n        }\n      </span>\n    }\n  </span>\n</ng-template>\n<!-- ----- Multi-select list rows with row actions ----- -->\n<ng-template #lookupListItemWithActionsTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex w-full min-w-0 items-center gap-1\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n      @for (action of rowActionPrimaryItems(); track action.name) {\n        <ax-button\n          look=\"blank\"\n          color=\"ghost\"\n          [title]=\"action.text\"\n          (onClick)=\"handleItemRowAction($event, action.name, item)\"\n        >\n          @if (action.icon) {\n            <ax-icon [icon]=\"action.icon\"></ax-icon>\n          }\n        </ax-button>\n      }\n    </span>\n  </span>\n</ng-template>\n<!-- ----- Popup look selected chips ----- -->\n<ng-template #popupTagTemplate let-item let-index=\"index\">\n  <div class=\"inline-flex items-center gap-1.5 rounded-md px-3 py-1 text-sm surface\">\n    <span>{{ (getLookupItemLabel(item) | translate | async) ?? '' }}</span>\n    @if (!isReadonly() && !isLookupDisabled()) {\n      <button type=\"button\" (click)=\"handlePopupRemoveItem($event, index)\">\n        <ax-icon class=\"ax-icon ax-icon-close\"></ax-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n" }]
-        }], propDecorators: { lookup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXLookupComponent), { isSignal: true }] }], tableLookupHost: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPLookupWidgetTableHostComponent), { isSignal: true }] }], popupTagBox: [{ type: i0.ViewChild, args: ['popupTagBox', { isSignal: true }] }] } });
+                    ], template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline ax-lookup / table host (popup look adds magnifier suffix) ----- -->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          [rowActions]=\"rowActionsHandler()\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n          @if (isPopupLook()) {\n            <ax-suffix>\n              <ax-button\n                color=\"ghost\"\n                look=\"blank\"\n                [disabled]=\"isLookupDisabled() || isReadonly() || isLoading()\"\n                (onClick)=\"handlePopupTriggerClick($event)\"\n              >\n                @if (isLoading()) {\n                  <ax-loading></ax-loading>\n                }\n                <!-- ----- Magnifier opens full entity data selector ----- -->\n                @else {\n                  <ax-icon icon=\"far fa-search\"></ax-icon>\n                }\n              </ax-button>\n            </ax-suffix>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"\n            $any(\n              multiple()\n                ? hasRowActionPrimary()\n                  ? lookupListItemWithActionsTemplate\n                  : lookupItemTemplate\n                : lookupDropDownListItemTemplate\n            )\n          \"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n          @if (isPopupLook()) {\n            <ax-suffix>\n              <ax-button\n                color=\"ghost\"\n                look=\"blank\"\n                [disabled]=\"isLookupDisabled() || isReadonly() || isLoading()\"\n                (onClick)=\"handlePopupTriggerClick($event)\"\n              >\n                @if (isLoading()) {\n                  <ax-loading></ax-loading>\n                }\n                <!-- ----- Magnifier opens full entity data selector ----- -->\n                @else {\n                  <ax-icon icon=\"far fa-search\"></ax-icon>\n                }\n              </ax-button>\n            </ax-suffix>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center gap-1 px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <!-- ----- Primary row actions (preview, etc.) ----- -->\n    @if (hasRowActionPrimary()) {\n      <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n        @for (action of rowActionPrimaryItems(); track action.name) {\n          <ax-button\n            look=\"blank\"\n            color=\"ghost\"\n            [title]=\"action.text\"\n            (onClick)=\"handleItemRowAction($event, action.name, item)\"\n          >\n            @if (action.icon) {\n              <ax-icon [icon]=\"action.icon\"></ax-icon>\n            }\n          </ax-button>\n        }\n      </span>\n    }\n  </span>\n</ng-template>\n<!-- ----- Multi-select list rows with row actions ----- -->\n<ng-template #lookupListItemWithActionsTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex w-full min-w-0 items-center gap-1\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n    <span class=\"inline-flex shrink-0 items-center\" (mousedown)=\"handleLookupItemRowActionMouseDown($event)\">\n      @for (action of rowActionPrimaryItems(); track action.name) {\n        <ax-button\n          look=\"blank\"\n          color=\"ghost\"\n          [title]=\"action.text\"\n          (onClick)=\"handleItemRowAction($event, action.name, item)\"\n        >\n          @if (action.icon) {\n            <ax-icon [icon]=\"action.icon\"></ax-icon>\n          }\n        </ax-button>\n      }\n    </span>\n  </span>\n</ng-template>\n" }]
+        }], propDecorators: { lookup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXLookupComponent), { isSignal: true }] }], tableLookupHost: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPLookupWidgetTableHostComponent), { isSignal: true }] }] } });
 
 var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -25936,11 +26003,11 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value) || /^\d+$/.test(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "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", "closeOnNavigation", "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=\"min-w-0 truncate\"\n        [class.cursor-pointer]=\"detailPopoverEnabled()\"\n        [class.hover:text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:underline]=\"detailPopoverEnabled()\"\n        [attr.title]=\"getItemLabel($index)\"\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=\"min-w-0 truncate cursor-pointer text-primary hover:underline\"\n        [attr.title]=\"summaryLabel()\"\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,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXLoadingModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], 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" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXLoadingModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], 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=\"min-w-0 truncate\"\n        [class.cursor-pointer]=\"detailPopoverEnabled()\"\n        [class.hover:text-primary]=\"detailPopoverEnabled()\"\n        [class.hover:underline]=\"detailPopoverEnabled()\"\n        [attr.title]=\"getItemLabel($index)\"\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=\"min-w-0 truncate cursor-pointer text-primary hover:underline\"\n        [attr.title]=\"summaryLabel()\"\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" }]
         }], ctorParameters: () => [], propDecorators: { moreButton: [{ type: i0.ViewChild, args: ['moreButton', { isSignal: true }] }], lazyTrigger: [{ type: i0.ViewChild, args: ['lazyTrigger', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }] } });
 
 var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
@@ -26278,6 +26345,7 @@ class AXPMultiSourceSelectorService {
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.definitionService = inject(AXPMultiSourceDefinitionProviderService);
     }
     //#endregion
@@ -26296,13 +26364,20 @@ class AXPMultiSourceSelectorService {
      * Open selector popup
      */
     async open(config) {
-        const component = await Promise.resolve().then(function () { return multiSourceSelector_component; }).then((c) => c.AXPMultiSourceSelectorComponent);
-        const result = await this.popupService.open(component, {
-            title: config.title || config.definition.title,
-            size: 'lg',
+        const result = await this.dialogOpener.openPopup({
+            load: () => Promise.resolve().then(function () { return multiSourceSelector_component; }).then((c) => c.AXPMultiSourceSelectorComponent),
             data: {
-                config: signal(config),
+                provider: config.definition.name,
+                title: config.title ?? config.definition.title,
+                multiple: config.multiple,
             },
+            show: (component) => this.popupService.open(component, {
+                title: config.title || config.definition.title,
+                size: 'lg',
+                data: {
+                    config: signal(config),
+                },
+            }),
         });
         return result?.data || null;
     }
@@ -27309,11 +27384,11 @@ class AXPSelectorStructureWidgetColumnComponent extends AXPValueWidgetComponent
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSelectorStructureWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPSelectorStructureWidgetColumnComponent, isStandalone: true, selector: "axp-selector-structure-widget-column", usesInheritance: true, ngImport: i0, template: `
-    <span class="inline-flex items-center gap-2 text-sm" [title]="cellText()">
+    <span class="inline-flex min-w-0 max-w-full items-center gap-2 text-sm" [title]="cellText()">
       @if (previewIcon()) {
         <i [class]="previewIcon()" aria-hidden="true"></i>
       }
-      <span>{{ cellText() }}</span>
+      <span class="min-w-0 truncate">{{ cellText() }}</span>
     </span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -27323,11 +27398,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     selector: 'axp-selector-structure-widget-column',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    <span class="inline-flex items-center gap-2 text-sm" [title]="cellText()">
+    <span class="inline-flex min-w-0 max-w-full items-center gap-2 text-sm" [title]="cellText()">
       @if (previewIcon()) {
         <i [class]="previewIcon()" aria-hidden="true"></i>
       }
-      <span>{{ cellText() }}</span>
+      <span class="min-w-0 truncate">{{ cellText() }}</span>
     </span>
   `,
                 }]
@@ -30292,98 +30367,102 @@ class AXPMainEntityContentBuilder {
                         return { section: s, hasProperties: visibleProperties.length > 0, visibleProperties };
                     })))
                         .filter((item) => item.hasProperties)
-                        .map(({ section: s, visibleProperties }) => ({
-                        type: 'grid-item-layout',
-                        name: s.id,
-                        options: toAxpGridItemWidgetOptions(s.layout),
-                        children: [
-                            {
-                                type: 'fieldset-layout',
-                                options: {
-                                    title: allGroups.find((g) => g.id === s.id)?.title ?? '',
-                                    icon: allGroups.find((g) => g.id === s.id)?.icon ?? '',
-                                    collapsible: true,
-                                    isOpen: !s.collapsed,
-                                    look: 'card',
-                                    showTitle: s.layout?.label?.visible !== false,
-                                    ...(s.layout?.visible != null && String(s.layout.visible).trim() !== ''
-                                        ? { visible: s.layout.visible }
-                                        : {}),
-                                },
-                                children: [
-                                    {
-                                        type: 'grid-layout',
-                                        options: {
-                                            grid: {
-                                                default: {
-                                                    columns: 12,
-                                                    rows: 1,
-                                                    gap: '20px',
+                        .map(({ section: s, visibleProperties }) => {
+                        const sectionLook = s.look ?? 'card';
+                        const showSectionChrome = sectionLook !== 'container';
+                        return {
+                            type: 'grid-item-layout',
+                            name: s.id,
+                            options: toAxpGridItemWidgetOptions(s.layout),
+                            children: [
+                                {
+                                    type: 'fieldset-layout',
+                                    options: {
+                                        title: allGroups.find((g) => g.id === s.id)?.title ?? '',
+                                        icon: allGroups.find((g) => g.id === s.id)?.icon ?? '',
+                                        collapsible: showSectionChrome,
+                                        isOpen: !s.collapsed,
+                                        look: sectionLook,
+                                        showTitle: showSectionChrome && s.layout?.label?.visible !== false,
+                                        ...(s.layout?.visible != null && String(s.layout.visible).trim() !== ''
+                                            ? { visible: s.layout.visible }
+                                            : {}),
+                                    },
+                                    children: [
+                                        {
+                                            type: 'grid-layout',
+                                            options: {
+                                                grid: {
+                                                    default: {
+                                                        columns: 12,
+                                                        rows: 1,
+                                                        gap: '20px',
+                                                    },
                                                 },
                                             },
-                                        },
-                                        children: visibleProperties.map((p) => {
-                                            const layout = getPropertyLayout(p.name, p);
-                                            const viewProp = singleInterface?.properties?.find((vp) => vp.name === p.name);
-                                            const prefixed = resolveEntityPropertyBindPath(p.name, viewProp?.dataPath, p.__dataPath);
-                                            // Check if property is editable (exists in update interface)
-                                            const isEditable = p.__isEditable != null
-                                                ? p.__isEditable
-                                                : editablePropertyNames.has(p.name);
-                                            // Check if property has its own disabled option
-                                            const hasOwnDisabled = p.schema.interface?.options?.disabled !== undefined;
-                                            let formFieldVisible;
-                                            const sv = p.schema?.visible;
-                                            // Template strings are evaluated by `AXPExpressionEvaluatorService` in the widget renderer, not here.
-                                            if (typeof sv === 'string') {
-                                                formFieldVisible = sv;
-                                            }
-                                            else if (sv === false) {
-                                                formFieldVisible = false;
-                                            }
-                                            const interfaceType = p.schema.interface?.type ?? '';
-                                            const isReadonlyCodeEditor = interfaceType === 'code-editor' &&
-                                                (p.schema?.readonly === true ||
-                                                    p.schema.interface?.options?.readOnly === true ||
-                                                    !isEditable);
-                                            return {
-                                                type: 'form-field',
-                                                options: {
-                                                    label: p.title,
-                                                    showLabel: layout?.label?.visible ?? true,
-                                                    ...toAxpGridItemWidgetOptions(layout),
-                                                    ...(formFieldVisible !== undefined ? { visible: formFieldVisible } : {}),
-                                                    ...(hintFormFieldOptionsFromDescription(p.description) ?? {}),
-                                                },
-                                                children: [
-                                                    {
-                                                        type: interfaceType,
-                                                        path: prefixed,
-                                                        name: prefixed,
-                                                        ...(isReadonlyCodeEditor ? { mode: 'view' } : {}),
-                                                        children: p.schema.interface?.children,
-                                                        triggers: p.schema.interface?.triggers,
-                                                        valueTransforms: p.schema.interface?.valueTransforms,
-                                                        options: merge({}, p.schema.interface?.options, {
-                                                            validations: p.validations?.map((c) => ({
-                                                                rule: c.rule,
-                                                                message: c.message,
-                                                                options: c.options,
-                                                            })),
-                                                            // Attach dataPath for merged properties to be available in widgets/options if needed
-                                                            dataPath: p.__dataPath,
-                                                        }, 
-                                                        // Only set disabled if property doesn't have its own disabled option
-                                                        hasOwnDisabled ? {} : { disabled: !isEditable }),
+                                            children: visibleProperties.map((p) => {
+                                                const layout = getPropertyLayout(p.name, p);
+                                                const viewProp = singleInterface?.properties?.find((vp) => vp.name === p.name);
+                                                const prefixed = resolveEntityPropertyBindPath(p.name, viewProp?.dataPath, p.__dataPath);
+                                                // Check if property is editable (exists in update interface)
+                                                const isEditable = p.__isEditable != null
+                                                    ? p.__isEditable
+                                                    : editablePropertyNames.has(p.name);
+                                                // Check if property has its own disabled option
+                                                const hasOwnDisabled = p.schema.interface?.options?.disabled !== undefined;
+                                                let formFieldVisible;
+                                                const sv = p.schema?.visible;
+                                                // Template strings are evaluated by `AXPExpressionEvaluatorService` in the widget renderer, not here.
+                                                if (typeof sv === 'string') {
+                                                    formFieldVisible = sv;
+                                                }
+                                                else if (sv === false) {
+                                                    formFieldVisible = false;
+                                                }
+                                                const interfaceType = p.schema.interface?.type ?? '';
+                                                const isReadonlyCodeEditor = interfaceType === 'code-editor' &&
+                                                    (p.schema?.readonly === true ||
+                                                        p.schema.interface?.options?.readOnly === true ||
+                                                        !isEditable);
+                                                return {
+                                                    type: 'form-field',
+                                                    options: {
+                                                        label: p.title,
+                                                        showLabel: layout?.label?.visible ?? true,
+                                                        ...toAxpGridItemWidgetOptions(layout),
+                                                        ...(formFieldVisible !== undefined ? { visible: formFieldVisible } : {}),
+                                                        ...(hintFormFieldOptionsFromDescription(p.description) ?? {}),
                                                     },
-                                                ],
-                                            };
-                                        }),
-                                    },
-                                ],
-                            },
-                        ],
-                    }))),
+                                                    children: [
+                                                        {
+                                                            type: interfaceType,
+                                                            path: prefixed,
+                                                            name: prefixed,
+                                                            ...(isReadonlyCodeEditor ? { mode: 'view' } : {}),
+                                                            children: p.schema.interface?.children,
+                                                            triggers: p.schema.interface?.triggers,
+                                                            valueTransforms: p.schema.interface?.valueTransforms,
+                                                            options: merge({}, p.schema.interface?.options, {
+                                                                validations: p.validations?.map((c) => ({
+                                                                    rule: c.rule,
+                                                                    message: c.message,
+                                                                    options: c.options,
+                                                                })),
+                                                                // Attach dataPath for merged properties to be available in widgets/options if needed
+                                                                dataPath: p.__dataPath,
+                                                            }, 
+                                                            // Only set disabled if property doesn't have its own disabled option
+                                                            hasOwnDisabled ? {} : { disabled: !isEditable }),
+                                                        },
+                                                    ],
+                                                };
+                                            }),
+                                        },
+                                    ],
+                                },
+                            ],
+                        };
+                    })),
                 },
             ],
         };
@@ -31874,7 +31953,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);
+                        console.log('event', entityKey, e);
                         if (result && !result.success) {
                             throw AXPRequestError.fromCommandResult(result);
                         }
@@ -32297,7 +32376,7 @@ class AXPEntityModule {
                 },
                 {
                     key: 'Entity:Bulk',
-                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-DccwhqkT.mjs').then((c) => c.AXPBulkEntityCommand),
+                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-DITHE0f6.mjs').then((c) => c.AXPBulkEntityCommand),
                 },
                 {
                     key: 'Entity:OpenList',
@@ -32458,7 +32537,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-DccwhqkT.mjs').then((c) => c.AXPBulkEntityCommand),
+                                command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-DITHE0f6.mjs').then((c) => c.AXPBulkEntityCommand),
                             },
                             {
                                 key: 'Entity:OpenList',
@@ -32784,4 +32863,4 @@ function detectEntityChanges(oldObj, newObj) {
  */
 
 export { AXPEntityListViewModelResolver as $, AXPEntityDefinitionRegistryService as A, AXPEntityCategoryWidgetViewComponent as B, AXPEntityCommandTriggerViewModel as C, AXPEntityCreateViewElementViewModel as D, AXPEntityCreateViewModelFactory as E, AXPEntityCreateViewSectionViewModel as F, AXPEntityDataProvider as G, AXPEntityDataProviderImpl as H, AXPEntityDataSelectorRowActionsService as I, AXPEntityDataSelectorService as J, AXPEntityDefinitionProviderWidget as K, AXPEntityDefinitionProviderWidgetEditComponent as L, AXPEntityDeletePerformService as M, AXPEntityDetailListViewModel as N, AXPEntityDetailPopoverComponent as O, AXPEntityDetailPopoverService as P, AXPEntityDetailViewModelFactory as Q, AXPEntityDetailViewModelResolver as R, AXPEntityEventDispatcherService as S, AXPEntityFormBuilderService as T, AXPEntityLifecycleHookKeys as U, AXPEntityListPersistenceModeDefault as V, AXPEntityListTableService as W, AXPEntityListToolbarService as X, AXPEntityListViewCardFieldViewModel as Y, AXPEntityListViewColumnViewModel as Z, AXPEntityListViewModelFactory as _, showOperationResultToast as a, AXP_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, defaultSortPresetsMiddlewareProvider 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, axpShowFileUploaderPopupCommandDefinition as bA, axpUpdateEntityStatusCommandDefinition as bB, buildDataSourceTraceSnapshot as bC, canPersistEntityListState as bD, clientLocalPlugin as bE, cloneLayoutArrays as bF, columnOrderingMiddleware as bG, columnOrderingMiddlewareProvider as bH, columnWidthMiddleware as bI, columnWidthMiddlewareProvider as bJ, committedAttachments as bK, composeEntityMiddlewares as bL, composeEntityStorageMiddlewares as bM, computeEntityAggregates as bN, configureEntityListColumnsSettingsMigrateDrop as bO, configureEntityListColumnsSettingsVersion as bP, createColumnOrderingMiddlewareProvider as bQ, createEntityCardDisplayScope as bR, createEntityCardLogicScope as bS, createEntityMiddlewareContext as bT, createEntityStorageContext as bU, createLayoutOrderingMiddlewareProvider as bV, defaultCardLayoutMiddleware as bW, defaultCardLayoutMiddlewareProvider as bX, defaultMultiLanguageMiddleware as bY, defaultMultiLanguageMiddlewareProvider as bZ, defaultSortPresetsMiddleware as b_, AXP_LOOKUP_FILTER_DEFAULT_OPERATOR as ba, AXP_MULTI_SOURCE_DEFINITION_PROVIDER as bb, DEFAULT_COLUMN_ORDER as bc, DEFAULT_PAIR_SPAN_RULES as bd, DEFAULT_PROPERTY_ORDER as be, DEFAULT_SECTION_ORDER as bf, ENTITY_FORM_ACTION_FIRST_STEP_CONTINUE as bg, ENTITY_LIST_LAYOUT_META as bh, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY as bi, ENTITY_MASTER_LIST_TRACE_NS as bj, EntityBuilder as bk, EntityDataAccessor as bl, GALLERY_PAGE_COMPONENT_KEY as bm, TREE_CHILDREN_QUERY_TAKE as bn, actionExists as bo, applyDataSourcePagingWithoutLoad as bp, attachmentFieldCount as bq, attachmentNeedsHydration as br, attachmentsPlugin as bs, attachmentsSemanticallyEqual as bt, axpBuildEntityListPageContextSnapshot as bu, axpCreateEntityAiToolInputDefaults as bv, axpCreateEntityCommandDefinition as bw, axpDeleteEntityCommandDefinition as bx, axpOpenEntityListCommandDefinition as by, axpRunEntityListPageContextAction as bz, ATTACHMENTS_PAGE_COMPONENT_KEY as c, provideLocalEntityCatalog as c$, detectEntityChanges as c0, dispatchEntityModifiedSideEffects as c1, ensureHierarchicalRootFilter as c2, ensureLayoutPropertyView as c3, ensureLayoutSection as c4, ensureListActions as c5, entityCreateBridgeMiddleware as c6, entityDeleteBridgeMiddleware as c7, entityGetOneBridgeMiddleware as c8, entityListInstanceCurrentViewPath as c9, hasFileUploaderTitleOrDescriptionFields as cA, hydrateAttachmentFieldToFileList as cB, isAXPMiddlewareAbortError as cC, isAttachmentFieldPresentOnRow as cD, isAttachmentListEntry as cE, isAttachmentStorageRef as cF, isCategoryEntity as cG, isCategoryFilter as cH, isFileListItem as cI, isFileUploaderEditDialogAuto as cJ, isLegacyEntityDataSelectorOptions as cK, layoutOrderingMiddlewareFactory as cL, layoutOrderingMiddlewareProvider as cM, mapEntityStorageErrorToCommandResult as cN, mapLegacyEntityDataSelectorOptions as cO, mergeEntityListViewAndPersistedFilters as cP, normalizeEntityCardHeaderDisplayValue as cQ, normalizeEntityDataSelectorColumnSpecs as cR, normalizeEntityDataSelectorOptions as cS, normalizeEntityFieldToFileList as cT, normalizeEntityListPersistenceMode as cU, normalizeListPaging as cV, prefetchClientLocalRelated as cW, provideEntity as cX, provideEntityMiddlewareBridge as cY, provideEntityRealtimeHandlers as cZ, provideEntityStorageMiddlewareBridge as c_, entityListInstanceFilterPath as ca, entityListStylingRulesPath as cb, entityQueryBridgeMiddleware as cc, entityStorageCreateBridgeMiddleware as cd, entityStorageDeleteBridgeMiddleware as ce, entityStorageGetOneBridgeMiddleware as cf, entityStorageQueryBridgeMiddleware as cg, entityStorageUpdateBridgeMiddleware as ch, entityUpdateBridgeMiddleware as ci, eventDispatchMiddleware as cj, filterEntityMiddlewares as ck, filterEntityStorageMiddlewares as cl, filterSortEntityRows as cm, filterTouchesParentKey as cn, findEntityListRowDataInTree as co, fingerprintAttachmentItem as cp, fingerprintAttachments as cq, fireEntityLifecycleHook as cr, formatLookupItemDisplay as cs, formatLookupItemDisplayAsync as ct, galleryPlugin as cu, getDataSourcePageIndex as cv, getEntityListColumnsSettingsMigrateDrop as cw, getEntityListColumnsSettingsVersion as cx, getEntityListRowId as cy, getMasterInterfacePropertySortKey as cz, AXMEntityCrudService as d, readPersistedEntityListInstanceCurrentView as d0, readPersistedEntityListInstanceFilters as d1, readPersistedEntityListStylingRules as d2, resetPagingForTreeChildrenLoad as d3, resolveAttachmentFieldPath as d4, resolveEntityCardBadgeColorValue as d5, resolveEntityCardHeaderValue as d6, resolveEntityMasterFieldStylingClass as d7, resolveEntityMasterRecordStylingClass as d8, resolveEntityMasterStylingClass as d9, resolveEntityPluginDetailPageOrder as da, resolveFileUploaderEditDialog as db, resolveFileUploaderEntityScope as dc, resolveLookupDisplayField as dd, resolveLookupDisplayTemplate as de, resolveLookupEntityCacheKey as df, resolveLookupEntityKey as dg, resolveMasterInterfacePropertyOrder as dh, restoreEntityListExpandedRows as di, runEntityMiddlewarePipeline as dj, runEntityQuery as dk, runEntityStorageMiddlewarePipeline as dl, searchResultDescriptionMiddleware as dm, searchResultDescriptionMiddlewareProvider as dn, shouldLoadEntityListStateFromStorage as dp, shouldResetEntityListStateOnRouteEntry as dq, traceEntityMasterList as dr, 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-DLW9GiJh.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-jeOx-Rb8.mjs.map