@acorex-platform/framework-client 0.0.49 → 0.0.51

package/fesm2022/{acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-CkqVHcl9.mjs → acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-DS3F1_EN.mjs}

@@ -5,7 +5,7 @@ import * as i3$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString, translateSync } from '@acorex/core/translation';
 import * as i4$3 from '@acorex-platform/framework-client/common';
 import { AXPNotFoundError, AXPMenuRouteAccessService, AXPSettingsService, AXPCommonSettings, resolveEntityCreateListBehavior, platformErrorI18nKey, extractRequestErrorInfo, axpNavigateAppPath, AXPFileTypeProviderService, AXPFileStorageService, resolveFileTypeDisplay, resolveEntityRowDisplayTitle, resolveEntityModifyPopupTitle, commandMessageTextForError, resolveStoredImageDisplayUrl, isStoredImageFileId, AXPFilterOperatorMiddlewareService, AXP_ENTITY_LIST_DISPLAY_MODE_DEFAULT, ENTITY_LIST_DEFAULT_INSTANCE_ID, axpNormalizeEntityListInstanceId, axpGetEntityListInstanceIdFromParamMap, axpRedirectToNotFound, CONTAINS_OPER, toExecuteCommandFailureResult, AXPLocalEntityEngine, AXPLocalEntityRealtimeBridge, AXP_LOCAL_ENTITY_DEFAULT_MAX_ITEMS, resolveSearchableText, evaluateEntityDisplayTemplate, AXPCleanNestedFilters, AXPEntityDetailsNavTrailService, axpComposeEntityDetailsNavTrail, axpIsEntityRecordNotFound, coerceAXPSettingRawValueByKind, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, axpIsEntityListPath, axpIsEntityDetailsPath, axpParseEntityListRoute, axpParseEntityDetailsRoute, axpSaveEntityListReturnUrl, AXPMenuRouteGuard, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_DEFINITION_LAZY_RESOLVER } from '@acorex-platform/framework-client/common';
-import { AXPWidgetsCatalog, runtimeCommandPayloadData, createRandomUuid, AXPRequestError, runtimeQueryPayloadData, runtimeQueryCollectionData, runtimeQueryFailure, runtimeQuerySuccessObject, runtimeCommandFailure, runtimeCommandSuccessObject, resolveActionLook, listThemeSurfaceClasses, parseRuntimeHexSurface, AXP_THEME_SURFACE_STYLES, AXPWidgetsList, AXPSystemActionType, AXPPlatformScope, flattenQueryFilterUserGroups, AXP_QUERY_QUICK_SEARCH_FIELD, wrapQueryFilterRoot, isPersistableFilterQuery, isCompleteFilterCondition, resolveFilterQueryIdentityField, extractValue, setSmart, getChangedPaths, isSelectionValueEqual, toAxpGridItemWidgetOptions, runtimeQuerySuccessCollection } from '@acorex-platform/framework-shared/core';
+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 * 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';
@@ -1667,7 +1667,11 @@ class PropertyFilter {
                     return aOrder - bOrder;
                 });
                 applySectionScaleToProperties(orderedProps, args.sectionScaleFactors.get(groupId));
-                normalizeLayoutFillRowGaps(orderedProps, (p) => p.__layout);
+                const firstRuntimeVisibleIndex = orderedProps.findIndex((p) => {
+                    const visible = p.schema?.visible;
+                    return typeof visible === 'string' && this.expressionEvaluator.isExpression(visible);
+                });
+                normalizeLayoutFillRowGaps(orderedProps, (p) => p.__layout, undefined, firstRuntimeVisibleIndex >= 0 ? firstRuntimeVisibleIndex : undefined);
                 for (const prop of orderedProps) {
                     const mergedProp = prop;
                     const dataPath = mergedProp.__dataPath;
@@ -1942,8 +1946,10 @@ function setColSpanAt(layout, breakpoint, colSpan) {
  * Use after include/exclude so that hidden items do not leave empty row gaps.
  * When getItemId is provided (e.g. for sections), returns scale factors (newColSpan/oldColSpan)
  * per breakpoint for each expanded item so that child properties can be scaled proportionally.
+ * `skipFillFromIndex` leaves that item and later rows at their declared colSpan so a runtime
+ * `visible` expression can collapse into the gap instead of stretching a later field at build time.
  */
-function normalizeLayoutFillRowGaps(items, getLayout, getItemId) {
+function normalizeLayoutFillRowGaps(items, getLayout, getItemId, skipFillFromIndex) {
     const scaleFactors = new Map();
     if (items.length === 0)
         return scaleFactors;
@@ -1996,6 +2002,9 @@ function normalizeLayoutFillRowGaps(items, getLayout, getItemId) {
             }
             if (sequentialRowSum < GRID_COLUMNS && sequentialRowSum > 0 && i > rowStart) {
                 const lastIdx = i - 1;
+                if (skipFillFromIndex != null && lastIdx >= skipFillFromIndex) {
+                    continue;
+                }
                 const oldColSpan = getColSpanAt(getLayout(items[lastIdx]), breakpoint);
                 const fill = GRID_COLUMNS - sequentialRowSum;
                 const newColSpan = Math.min(GRID_COLUMNS, oldColSpan + fill);
@@ -8502,8 +8511,9 @@ class AXPEntityPreloadFiltersContainerComponent extends AXPPageLayoutBaseCompone
                 operator,
                 value: entry.value,
             };
-            if (isString(entry.displayText)) {
-                filterQuery.displayText = entry.displayText;
+            const displayText = coerceFilterDisplayText(entry.displayText);
+            if (displayText) {
+                filterQuery.displayText = displayText;
             }
             filters.push(filterQuery);
         }
@@ -8524,7 +8534,7 @@ class AXPEntityPreloadFiltersContainerComponent extends AXPPageLayoutBaseCompone
         return {
             value: entry.value,
             operator: coercePreloadFilterOperator(entry.operation?.type),
-            displayText: isString(entry.displayText) ? entry.displayText : undefined,
+            displayText: coerceFilterDisplayText(entry.displayText),
         };
     }
     buildListQueryFilter(filterQueries) {
@@ -11404,6 +11414,10 @@ class AXPEntityMasterListViewModel {
         const filtersChanged = await this.syncFiltersFromRouteQueryParam(queryParamMap.get('filters'));
         await this.refreshVisibleViews();
         const viewChanged = this.view().name !== previousViewName;
+        // Query-filter chips follow toolbar `initialFilters`, re-seeded only when this epoch changes.
+        if (viewChanged) {
+            this.listFilterSeedEpoch.update((epoch) => epoch + 1);
+        }
         if (filtersChanged || viewChanged || instanceChanged) {
             this.lastAppliedFilterKey = null;
             this.lastAppliedSortKey = null;
@@ -13821,7 +13835,7 @@ class AXMAttachmentsPageComponentProvider {
         return [
             {
                 key: ATTACHMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-CEtWy70B.mjs').then((m) => m.AXMAttachmentsPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-attachments-page.component-CWeKcj8t.mjs').then((m) => m.AXMAttachmentsPageComponent),
             },
         ];
     }
@@ -14358,7 +14372,7 @@ class AXMGalleryPageComponentProvider {
         return [
             {
                 key: GALLERY_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-COjqVu_3.mjs').then((m) => m.AXMGalleryPageComponent),
+                loader: () => import('./acorex-platform-framework-client-layout-entity-gallery-page.component-Pfp7Lw_A.mjs').then((m) => m.AXMGalleryPageComponent),
             },
         ];
     }
@@ -23792,6 +23806,8 @@ 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. */
@@ -23863,8 +23879,10 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
         this.look = computed(() => this.options()['look'] ?? 'lookup', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+        this.isPopupLook = computed(() => this.look() === 'popup', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isPopupLook" }] : /* istanbul ignore next */ []));
         this.lookupMode = computed(() => {
-            if (this.entityDef()?.parentKey && this.look() !== 'select') {
+            if (this.entityDef()?.parentKey && this.look() !== 'select' && this.look() !== 'popup') {
                 return this.multiple() ? 'multi-select-tree' : 'multi-column-tree';
             }
             if (this.multiple()) {
@@ -23959,7 +23977,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             this.localeEpoch();
             this.customFilter();
             const entity = this.entityDef();
-            if (!entity?.parentKey || this.look() === 'select') {
+            if (!entity?.parentKey || this.look() === 'select' || this.look() === 'popup') {
                 return EMPTY_TREE_DATA_SOURCE;
             }
             if (this.hasPendingCascadeFilter()) {
@@ -24123,7 +24141,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 return;
             }
             const keys = items.map((item) => get(item, this.valueField()));
-            const text = items.map((item) => this.mlsResolver.resolve(get(item, displayField)));
+            const labels = this.resolveSelectedDisplayLabels(items);
             const newValue = this.singleOrMultiple(keys);
             const widgetPath = this.fullPath();
             const savedWidgetValue = widgetPath ? this.contextService.getSavedValue(widgetPath) : undefined;
@@ -24139,7 +24157,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             if (this.filterMode()) {
                 this.setValue({
                     value: newValue,
-                    displayText: text,
+                    displayText: this.multiple() ? labels.join(', ') : (labels[0] ?? ''),
                     operation: {
                         type: this.multiple() ? 'in' : 'equal',
                     },
@@ -24210,6 +24228,108 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         }
         await this.executeCreate(mode);
     }
+    handlePopupTriggerClick(event) {
+        if (event instanceof MouseEvent) {
+            event.stopPropagation();
+        }
+        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() {
+        if (this.isLookupDisabled() || this.isReadonly() || this.isLoading()) {
+            return;
+        }
+        const entity = this.entityDef();
+        if (!entity) {
+            return;
+        }
+        this.isLoading.set(true);
+        try {
+            const hydration = this.getHydrationOptions();
+            const selectedItemIds = getLookupSelectionIds(this.getValue(), hydration);
+            const resolvedCreate = this.resolvedCreate();
+            const title = this.mlsResolver.resolve(entity.title) || entity.name;
+            const rowActions = this.options()['rowActions'];
+            const result = await this.entityDataSelectorService.open({
+                entity,
+                title,
+                selection: {
+                    multiple: this.multiple(),
+                    selectedItemIds,
+                    allowUnselect: true,
+                },
+                grid: {
+                    columns: this.columns().length ? this.columns() : undefined,
+                },
+                filter: {
+                    value: this.customFilter(),
+                },
+                create: resolvedCreate.enabled
+                    ? {
+                        enable: true,
+                        mode: resolvedCreate.mode === 'none' ? undefined : resolvedCreate.mode,
+                        context: resolvedCreate.context,
+                        title: resolvedCreate.title,
+                    }
+                    : { enable: false },
+                contextStore: this.contextService,
+                rowActions,
+            });
+            if (result == null) {
+                return;
+            }
+            const items = result.items ?? [];
+            const entityKey = this.entity();
+            const valueField = this.valueField();
+            for (const item of items) {
+                const key = get(item, valueField);
+                if (key != null) {
+                    this.lookupByKeyCache.remember(entityKey, key, item);
+                }
+            }
+            const decorated = await Promise.all(items.map((item) => this.decorateLookupItem(item)));
+            this.handleComponentValueChanged(decorated);
+        }
+        catch (error) {
+            console.error('[LookupWidget] popup selector failed:', error);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
     async findByValue() {
         const rawValue = this.getValue();
         const hydration = this.getHydrationOptions();
@@ -24492,17 +24612,31 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         if (!items.length) {
             return false;
         }
-        const displayField = this.displayField();
         const valueField = this.valueField();
         return items.every((item) => {
             if (item == null || typeof item !== 'object') {
                 return false;
             }
             const id = get(item, valueField);
-            const title = get(item, displayField);
-            return id != null && title === id;
+            const label = this.resolveSelectedDisplayLabels([item])[0] ?? '';
+            return id != null && (label.length === 0 || label === String(id));
         });
     }
+    /** Label shown in the lookup list (`textField` / formatted text), never the raw value key. */
+    resolveSelectedDisplayLabels(items) {
+        return items
+            .map((item) => {
+            if (item == null || typeof item !== 'object') {
+                return '';
+            }
+            const label = this.getLookupItemLabel(item);
+            if (label != null && typeof label === 'object') {
+                return this.mlsResolver.resolve(label).trim();
+            }
+            return String(label ?? '').trim();
+        })
+            .filter((label) => label.length > 0);
+    }
     //#endregion
     //#region ----- Component Methods -----
     async refresh() {
@@ -24512,20 +24646,34 @@ 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 }], usesInheritance: true, ngImport: i0, template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXHighlightTextComponent, selector: "ax-highlight-text", inputs: ["text", "query", "highlightDisabled", "highlightOptions"] }, { kind: "component", type: AXLookupComponent, selector: "ax-lookup", inputs: ["name", "mode", "dataSource", "treeDataSource", "valueField", "textField", "disabledField", "columns", "treeParentField", "hasChildrenField", "searchable", "adaptivityEnabled", "caption", "alternate", "searchPlaceholder", "placeholder", "disabled", "readonly", "look", "itemHeight", "maxVisibleItems", "treeSelectionBehavior", "highlightSearch", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "value", "valueItems"], outputs: ["lookChange", "valueChange", "onValueChanged", "onSelectionChanged", "onFocus", "onBlur", "onItemClick", "onItemSelected", "onOpened", "onClosed"] }, { kind: "component", type: AXPLookupWidgetTableHostComponent, selector: "axp-lookup-widget-table-host", inputs: ["name", "placeholder", "caption", "searchPlaceholder", "dataSource", "treeDataSource", "columns", "valueField", "textField", "disabledField", "parentField", "hasChildrenField", "searchFields", "value", "valueItems", "disabled", "readonly", "searchable", "selectedTemplate"], outputs: ["valueChange", "onItemSelected"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n  </span>\n</ng-template>\n<!-- ----- 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"], 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-lookup-widget-edit', host: {
                         class: 'w-full',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXButtonModule, AXDecoratorModule, AXFormModule, AXHighlightTextComponent, AXLookupComponent, AXPLookupWidgetTableHostComponent, AXTranslationModule, AXValidationModule], template: "@if (entityDef() && editorKey()) {\n  <!-- ----- Entity lookup editor ----- -->\n  <div class=\"flex items-center gap-1 w-full\">\n    <!--------------------------------------------------------------->\n    @if (effectiveDataSource(); as dataSource) {\n      <!-- ----- Multi-column modes: platform widget column renderer ----- -->\n      @if (isTableLookupMode()) {\n        <axp-lookup-widget-table-host\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [dataSource]=\"dataSource\"\n          [columns]=\"lookupWidgetTableColumns()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [disabledField]=\"'disabled'\"\n          [parentField]=\"lookupMode() === 'multi-column-tree' ? treeParentField() : undefined\"\n          [treeDataSource]=\"lookupMode() === 'multi-column-tree' ? entityTreeDataSource() : undefined\"\n          [searchFields]=\"lookupTreeSearchFields()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n  </span>\n</ng-template>\n" }]
-        }], propDecorators: { lookup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXLookupComponent), { isSignal: true }] }], tableLookupHost: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPLookupWidgetTableHostComponent), { isSignal: true }] }] } });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AsyncPipe,
+                        FormsModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXFormModule,
+                        AXHighlightTextComponent,
+                        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          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </axp-lookup-widget-table-host>\n      }\n      <!-- ----- List / tree chip modes: ax-lookup ----- -->\n      @else {\n        <ax-lookup\n          class=\"flex-1 min-w-0\"\n          [name]=\"name ?? ''\"\n          [placeholder]=\"(placeholderText() | translate | async) ?? ''\"\n          [caption]=\"(placeholderText() | translate | async) ?? ''\"\n          [searchPlaceholder]=\"('@general:widgets.lookup.search.placeholder' | translate | async) ?? ''\"\n          [mode]=\"lookupMode()\"\n          [treeParentField]=\"treeParentField()\"\n          [dataSource]=\"dataSource\"\n          [treeDataSource]=\"entityTreeDataSource()\"\n          [valueField]=\"valueField()\"\n          [textField]=\"displayField()\"\n          [value]=\"boundValue()\"\n          [valueItems]=\"selectedItems()\"\n          [disabled]=\"isLookupDisabled()\"\n          [readonly]=\"isReadonly()\"\n          [searchable]=\"true\"\n          [itemTemplate]=\"$any(multiple() ? lookupItemTemplate : lookupDropDownListItemTemplate)\"\n          [selectedTemplate]=\"lookupItemTemplate\"\n          (valueChange)=\"handleLookupModelChange($event)\"\n          (onItemSelected)=\"handleLookupItemSelected($event)\"\n        >\n          @if (hasClearButton()) {\n            <ax-clear-button></ax-clear-button>\n          }\n          @for (validation of validationRules(); track $index) {\n            <ax-validation-rule\n              [rule]=\"validation.rule\"\n              [message]=\"$safeNavigationMigration(validation.options?.message)\"\n              [options]=\"validation.options\"\n            ></ax-validation-rule>\n          }\n        </ax-lookup>\n      }\n    }\n    <!--------------------------------------------------------------->\n    <!-- ----- Inline create for the lookup entity ----- -->\n    @if (resolvedCreate().enabled) {\n      <ax-button\n        color=\"primary\"\n        look=\"twotone\"\n        [disabled]=\"isLookupDisabled() || isLoading()\"\n        (onClick)=\"handleCreateClick($event)\"\n        [title]=\"'@general:actions.create.title' | translate | async\"\n      >\n        <ax-icon icon=\"far fa-plus\"></ax-icon>\n      </ax-button>\n    }\n  </div>\n}\n\n<!-- ----- Lookup item and selected-value label ----- -->\n<ng-template #lookupItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"ax-lookup-option-text\">\n    <ax-highlight-text\n      [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n      [query]=\"highlightText ?? ''\"\n    ></ax-highlight-text>\n  </span>\n</ng-template>\n<!-- ----- Drop-down-list rows: library skips .ax-lookup-option chrome when itemTemplate is set ----- -->\n<ng-template #lookupDropDownListItemTemplate let-item let-highlightText=\"highlightText\">\n  <span class=\"flex h-full w-full min-w-0 items-center px-3 text-sm\">\n    <span class=\"ax-lookup-option-text min-w-0 flex-1 truncate\">\n      <ax-highlight-text\n        [text]=\"(getLookupItemLabel(item) | translate | async) ?? ''\"\n        [query]=\"highlightText ?? ''\"\n      ></ax-highlight-text>\n    </span>\n  </span>\n</ng-template>\n<!-- ----- 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 }] }] } });
 
 var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -31835,7 +31983,7 @@ class AXPEntityModule {
                 },
                 {
                     key: 'Entity:Bulk',
-                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-BnH5XK5M.mjs').then((c) => c.AXPBulkEntityCommand),
+                    command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-CgsgFxT8.mjs').then((c) => c.AXPBulkEntityCommand),
                 },
                 {
                     key: 'Entity:OpenList',
@@ -31996,7 +32144,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-BnH5XK5M.mjs').then((c) => c.AXPBulkEntityCommand),
+                                command: () => import('./acorex-platform-framework-client-layout-entity-bulk-entity.command-CgsgFxT8.mjs').then((c) => c.AXPBulkEntityCommand),
                             },
                             {
                                 key: 'Entity:OpenList',
@@ -32322,4 +32470,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, detectEntityChanges as b$, AXP_CLASSIFICATION_SECTION_ORDER as b0, AXP_CLIENT_LOCAL_DEFAULT_MAX_ITEMS as b1, AXP_CLIENT_LOCAL_PLUGIN_NAME as b2, AXP_DATA_SEEDER_TOKEN as b3, AXP_ENTITY_ACTION_PLUGIN as b4, AXP_ENTITY_CONFIG_TOKEN as b5, AXP_ENTITY_DEFINITION_LOADER as b6, AXP_ENTITY_MIDDLEWARE as b7, AXP_ENTITY_MODIFIER as b8, AXP_ENTITY_STORAGE_MIDDLEWARE as b9, axpUpdateEntityStatusCommandDefinition as bA, buildDataSourceTraceSnapshot as bB, canPersistEntityListState as bC, clientLocalPlugin as bD, cloneLayoutArrays as bE, columnOrderingMiddleware as bF, columnOrderingMiddlewareProvider as bG, columnWidthMiddleware as bH, columnWidthMiddlewareProvider as bI, committedAttachments as bJ, composeEntityMiddlewares as bK, composeEntityStorageMiddlewares as bL, computeEntityAggregates as bM, configureEntityListColumnsSettingsMigrateDrop as bN, configureEntityListColumnsSettingsVersion as bO, createColumnOrderingMiddlewareProvider as bP, createEntityCardDisplayScope as bQ, createEntityCardLogicScope as bR, createEntityMiddlewareContext as bS, createEntityStorageContext as bT, createLayoutOrderingMiddlewareProvider as bU, defaultCardLayoutMiddleware as bV, defaultCardLayoutMiddlewareProvider as bW, defaultMultiLanguageMiddleware as bX, defaultMultiLanguageMiddlewareProvider as bY, defaultSortPresetsMiddleware as bZ, defaultSortPresetsMiddlewareProvider as b_, AXP_MULTI_SOURCE_DEFINITION_PROVIDER as ba, DEFAULT_COLUMN_ORDER as bb, DEFAULT_PAIR_SPAN_RULES as bc, DEFAULT_PROPERTY_ORDER as bd, DEFAULT_SECTION_ORDER as be, ENTITY_FORM_ACTION_FIRST_STEP_CONTINUE as bf, ENTITY_LIST_LAYOUT_META as bg, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY as bh, ENTITY_MASTER_LIST_TRACE_NS as bi, EntityBuilder as bj, EntityDataAccessor as bk, GALLERY_PAGE_COMPONENT_KEY as bl, TREE_CHILDREN_QUERY_TAKE as bm, actionExists as bn, applyDataSourcePagingWithoutLoad as bo, attachmentFieldCount as bp, attachmentNeedsHydration as bq, attachmentsPlugin as br, attachmentsSemanticallyEqual as bs, axpBuildEntityListPageContextSnapshot as bt, axpCreateEntityAiToolInputDefaults as bu, axpCreateEntityCommandDefinition as bv, axpDeleteEntityCommandDefinition as bw, axpOpenEntityListCommandDefinition as bx, axpRunEntityListPageContextAction as by, axpShowFileUploaderPopupCommandDefinition as bz, ATTACHMENTS_PAGE_COMPONENT_KEY as c, readPersistedEntityListInstanceCurrentView as c$, dispatchEntityModifiedSideEffects as c0, ensureHierarchicalRootFilter as c1, ensureLayoutPropertyView as c2, ensureLayoutSection as c3, ensureListActions as c4, entityCreateBridgeMiddleware as c5, entityDeleteBridgeMiddleware as c6, entityGetOneBridgeMiddleware as c7, entityListInstanceCurrentViewPath as c8, entityListInstanceFilterPath as c9, hydrateAttachmentFieldToFileList as cA, isAXPMiddlewareAbortError as cB, isAttachmentFieldPresentOnRow as cC, isAttachmentListEntry as cD, isAttachmentStorageRef as cE, isCategoryEntity as cF, isCategoryFilter as cG, isFileListItem as cH, isFileUploaderEditDialogAuto as cI, isLegacyEntityDataSelectorOptions as cJ, layoutOrderingMiddlewareFactory as cK, layoutOrderingMiddlewareProvider as cL, mapEntityStorageErrorToCommandResult as cM, mapLegacyEntityDataSelectorOptions as cN, mergeEntityListViewAndPersistedFilters as cO, normalizeEntityCardHeaderDisplayValue as cP, normalizeEntityDataSelectorColumnSpecs as cQ, normalizeEntityDataSelectorOptions as cR, normalizeEntityFieldToFileList as cS, normalizeEntityListPersistenceMode as cT, normalizeListPaging as cU, prefetchClientLocalRelated as cV, provideEntity as cW, provideEntityMiddlewareBridge as cX, provideEntityRealtimeHandlers as cY, provideEntityStorageMiddlewareBridge as cZ, provideLocalEntityCatalog as c_, entityListStylingRulesPath as ca, entityQueryBridgeMiddleware as cb, entityStorageCreateBridgeMiddleware as cc, entityStorageDeleteBridgeMiddleware as cd, entityStorageGetOneBridgeMiddleware as ce, entityStorageQueryBridgeMiddleware as cf, entityStorageUpdateBridgeMiddleware as cg, entityUpdateBridgeMiddleware as ch, eventDispatchMiddleware as ci, filterEntityMiddlewares as cj, filterEntityStorageMiddlewares as ck, filterSortEntityRows as cl, filterTouchesParentKey as cm, findEntityListRowDataInTree as cn, fingerprintAttachmentItem as co, fingerprintAttachments as cp, fireEntityLifecycleHook as cq, formatLookupItemDisplay as cr, formatLookupItemDisplayAsync as cs, galleryPlugin as ct, getDataSourcePageIndex as cu, getEntityListColumnsSettingsMigrateDrop as cv, getEntityListColumnsSettingsVersion as cw, getEntityListRowId as cx, getMasterInterfacePropertySortKey as cy, hasFileUploaderTitleOrDescriptionFields as cz, AXMEntityCrudService as d, readPersistedEntityListInstanceFilters as d0, readPersistedEntityListStylingRules as d1, resetPagingForTreeChildrenLoad as d2, resolveAttachmentFieldPath as d3, resolveEntityCardBadgeColorValue as d4, resolveEntityCardHeaderValue as d5, resolveEntityMasterFieldStylingClass as d6, resolveEntityMasterRecordStylingClass as d7, resolveEntityMasterStylingClass as d8, resolveEntityPluginDetailPageOrder as d9, resolveFileUploaderEditDialog as da, resolveFileUploaderEntityScope as db, resolveLookupDisplayField as dc, resolveLookupDisplayTemplate as dd, resolveLookupEntityCacheKey as de, resolveLookupEntityKey as df, resolveMasterInterfacePropertyOrder as dg, restoreEntityListExpandedRows as dh, runEntityMiddlewarePipeline as di, runEntityQuery as dj, runEntityStorageMiddlewarePipeline as dk, searchResultDescriptionMiddleware as dl, searchResultDescriptionMiddlewareProvider as dm, shouldLoadEntityListStateFromStorage as dn, shouldResetEntityListStateOnRouteEntry as dp, traceEntityMasterList as dq, AXMEntityCrudServiceImpl as e, AXPCategoryTreeService as f, AXPClientLocalPluginModule as g, AXPCreateEntityCommand as h, AXPDataSeederService as i, AXPDeleteEntityCommand as j, AXPDomainQueryEntityDefinitionLoader as k, AXPEditFileUploaderCommand as l, AXPEntityBulkPatchPerformService as m, newBulkExecutionId as n, AXPEntityCardComponent as o, persistedAttachments as p, AXPEntityCardFieldsResolver as q, resolveBulkFailureBody as r, settleAfterLoadingDialog as s, AXPEntityCardSelectActionName as t, AXPEntityCardSkeletonComponent as u, AXPEntityCategoryTreeSelectorComponent as v, watchBulkProgress as w, AXPEntityCategoryWidget as x, AXPEntityCategoryWidgetColumnComponent as y, AXPEntityCategoryWidgetEditComponent as z };
-//# sourceMappingURL=acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-CkqVHcl9.mjs.map
+//# sourceMappingURL=acorex-platform-framework-client-layout-entity-acorex-platform-framework-client-layout-entity-DS3F1_EN.mjs.map