@acorex/platform 20.6.0-next.10 → 20.6.0-next.11

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

@@ -15,7 +15,7 @@ import { AXPWidgetsCatalog, AXPWidgetCoreModule, AXPPageStatus, AXPWidgetRegistr
 import { AXPCommandService, AXPQueryService, provideCommandSetups, provideQuerySetups } from '@acorex/platform/runtime';
 import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { castArray, get, cloneDeep, set, merge, isEqual, isNil, isEmpty, sortBy } from 'lodash-es';
+import { castArray, get, cloneDeep, set, merge, orderBy, isEqual, isNil, isEmpty, sortBy } from 'lodash-es';
 import { AXDataSource } from '@acorex/cdk/common';
 import { AXFormatService } from '@acorex/core/format';
 import * as i4$1 from '@acorex/platform/common';
@@ -76,19 +76,36 @@ class AXPOpenEntityDetailsCommand {
     async execute(input) {
         const { entity, data } = input;
         if (!entity) {
-            throw new Error('Entity name is required for opening details view');
+            return {
+                success: false,
+                message: {
+                    text: 'Entity name is required for opening details view'
+                }
+            };
         }
         if (!data?.id) {
-            throw new Error('Entity ID is required for opening details view');
+            return {
+                success: false,
+                message: {
+                    text: 'Entity ID is required for opening details view'
+                }
+            };
         }
         const [module, entityName] = entity.split('.');
         if (!module || !entityName) {
-            throw new Error('Entity must be in format "ModuleName.EntityName"');
+            return {
+                success: false,
+                message: {
+                    text: 'Entity must be in format "ModuleName.EntityName"'
+                }
+            };
         }
         const url = `/${this.sessionService.application?.name}/m/${module}/e/${entityName}/${data.id}/new-view`;
         // Navigate to the entity details page
         this.router.navigate([url]);
-        return { success: true };
+        return {
+            success: true,
+        };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPOpenEntityDetailsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPOpenEntityDetailsCommand, providedIn: 'root' }); }
@@ -507,6 +524,7 @@ class AXPEntityCommandTriggerViewModel {
         this.disabled = action.disabled ?? false;
         this.default = action.default ?? false;
         this.scope = action.scope;
+        this.order = action.order ?? 0;
     }
 }
 class AXPEntityListViewColumnViewModel {
@@ -1120,7 +1138,9 @@ class AXPEntityMiddleware {
         this.providedModifiers = inject(AXP_ENTITY_MODIFIER, { optional: true }) || [];
         this.providedActionPlugins = inject(AXP_ENTITY_ACTION_PLUGIN, { optional: true }) || [];
         this.injector = inject(Injector);
+        console.log('[AXPEntityMiddleware] Registering', this.providedModifiers.length, 'modifiers');
         for (const { entityName, modifier } of this.providedModifiers) {
+            console.log('[AXPEntityMiddleware] Registering modifier for pattern:', entityName);
             this.register(entityName, modifier);
         }
     }
@@ -1159,13 +1179,26 @@ class AXPEntityMiddleware {
             }
         }
         // Then apply entity-specific modifiers
+        // Collect all matching modifiers
+        const modifiers = [];
         // Exact match first
         const exact = this.exactModifiers.get(entity.name);
-        const modifier = exact ?? this.patternModifiers.find((x) => x.pattern.test(entity.name))?.modifier;
-        if (!modifier) {
-            return context.toEntity();
+        if (exact) {
+            console.log('[AXPEntityMiddleware] Found exact modifier for:', entity.name);
+            modifiers.push(exact);
+        }
+        // Then all pattern matches
+        for (const { pattern, modifier } of this.patternModifiers) {
+            if (pattern.test(entity.name)) {
+                console.log('[AXPEntityMiddleware] Pattern matched for', entity.name, '- pattern:', pattern);
+                modifiers.push(modifier);
+            }
+        }
+        console.log('[AXPEntityMiddleware] Applying', modifiers.length, 'modifiers to entity:', entity.name);
+        // Apply all matching modifiers in order
+        for (const modifier of modifiers) {
+            modifier(context);
         }
-        modifier(context);
         return context.toEntity();
     }
     //#endregion
@@ -1605,7 +1638,9 @@ class AXPEntityMasterListViewModel {
         //****************** Actions ******************//
         this.allActions = computed(() => {
             const list = this.entityDef.interfaces?.master?.list?.actions ?? [];
-            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
+            const actions = list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
+            const orderedActions = orderBy(actions, 'order', 'asc');
+            return orderedActions;
         }, ...(ngDevMode ? [{ debugName: "allActions" }] : []));
         this.selectedScopeActionsCount = computed(() => {
             return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Selected).length;
@@ -2018,20 +2053,33 @@ class AXPEntityMasterListViewModel {
             });
         }
         else {
-            // this.commandService.execute(command, options);
-            this.commandService.execute(command, {
-                entity: getEntityInfo(this.entityDef).source,
-                entityInfo: {
-                    name: this.entityDef.name,
-                    module: this.entityDef.module,
-                    title: this.entityDef.title,
-                    parentKey: this.entityDef.parentKey,
-                    source: `${this.entityDef.module}.${this.entityDef.name}`,
+            const commandOptions = merge(options, {
+                __context__: {
+                    data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
+                    entity: getEntityInfo(this.entityDef).source,
+                    entityInfo: {
+                        name: this.entityDef.name,
+                        module: this.entityDef.module,
+                        title: this.entityDef.title,
+                        parentKey: this.entityDef.parentKey,
+                    },
                 },
-                data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
-                options: options,
-                metadata: action?.metadata,
-            });
+                __metadata__: action?.metadata,
+            }, options);
+            this.commandService.execute(command, commandOptions);
+            // this.commandService.execute(command, {
+            //   entity: getEntityInfo(this.entityDef).source,
+            //   entityInfo: {
+            //     name: this.entityDef.name,
+            //     module: this.entityDef.module,
+            //     title: this.entityDef.title,
+            //     parentKey: this.entityDef.parentKey,
+            //     source: `${this.entityDef.module}.${this.entityDef.name}`,
+            //   },
+            //   data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
+            //   options: options,
+            //   metadata: action?.metadata,
+            // });
         }
     }
     async execute(command) {
@@ -2513,8 +2561,8 @@ const AXPModifyEntitySectionWorkflow = {
             action: 'AXPToastAction',
             input: {
                 color: 'success',
-                title: 'workflow.entity-modified-title',
-                content: 'workflow.entity-modified-body',
+                title: '@general:workflow.entity-modified-title',
+                content: '@general:workflow.entity-modified-body',
             },
             nextSteps: [
                 {
@@ -3001,7 +3049,6 @@ class AXPLayoutAdapterBuilder {
     }
     createExecuteFunction() {
         return (command, context) => {
-            console.log('layout execute', command, context);
             return Promise.resolve({ success: true });
         };
     }
@@ -3009,7 +3056,7 @@ class AXPLayoutAdapterBuilder {
         return async () => {
             return {
                 success: true,
-                result: this.rootContext,
+                data: this.rootContext,
             };
         };
     }
@@ -3239,7 +3286,7 @@ class AXPPageDetailsConverter extends AXPBaseRelatedEntityConverter {
             const evaluatedConditionValues = await Promise.all(conditionValues.map((c) => evaluateExpressions(c)));
             const id = evaluatedConditionValues[0];
             const result = await fn(id);
-            return { success: true, result };
+            return { success: true, data: result };
         };
     }
     createExecuteFunction(entityDef) {
@@ -3247,12 +3294,15 @@ class AXPPageDetailsConverter extends AXPBaseRelatedEntityConverter {
             if (e.name === 'update-entity') {
                 const fn = entityDef?.commands?.update?.execute;
                 const result = await fn(context);
-                return { success: true, result };
+                return { success: true, data: result };
             }
             else {
                 return {
                     success: false,
-                    error: { code: 'invalid_command', message: 'Invalid command' },
+                    message: {
+                        code: 'invalid_command',
+                        text: 'Invalid command'
+                    }
                 };
             }
         };
@@ -3356,11 +3406,10 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                         console.warn(`Action ${commandName} not found in entity definition`);
                         return {
                             success: false,
-                            error: {
+                            message: {
                                 code: 'ACTION_NOT_FOUND',
-                                message: `Action ${commandName} not found`,
-                                details: command,
-                            },
+                                text: `Action ${commandName} not found`,
+                            }
                         };
                     }
                     await context.workflowService.execute(commandName, {
@@ -3384,10 +3433,9 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                     console.error('Error executing command:', error);
                     return {
                         success: false,
-                        error: {
+                        message: {
                             code: 'EXECUTION_ERROR',
-                            message: error instanceof Error ? error.message : 'Unknown error occurred',
-                            details: error,
+                            text: error instanceof Error ? error.message : 'Unknown error occurred',
                         },
                     };
                 }
@@ -3841,7 +3889,7 @@ class AXPMainEntityContentBuilder {
         const tabListTabs = await this.buildTabLists(tabListEntities ?? [], rootContext, dependencies);
         // Build actions from single interface
         const actions = this.buildActions(entity, singleInterface);
-        console.log({ rootContext, dependencies });
+        //console.log({ rootContext, dependencies });
         return {
             id: entity?.name ?? '',
             // title: singleInterface?.title ?? entity?.formats.individual ?? '',
@@ -3874,12 +3922,12 @@ class AXPMainEntityContentBuilder {
                 if (params?.forceRefresh) {
                     return {
                         success: true,
-                        result: await dependencies.reloadRootContext(),
+                        data: await dependencies.reloadRootContext(),
                     };
                 }
                 return {
                     success: true,
-                    result: rootContext,
+                    data: rootContext,
                 };
             },
             execute: async (e, context) => {
@@ -3889,7 +3937,7 @@ class AXPMainEntityContentBuilder {
                         const result = await fn(context);
                         return {
                             success: true,
-                            result: result,
+                            data: result,
                         };
                     }
                     else {
@@ -3932,9 +3980,9 @@ class AXPMainEntityContentBuilder {
                         }
                         return {
                             success: false,
-                            error: {
+                            message: {
                                 code: 'invalid_command',
-                                message: 'Invalid command',
+                                text: 'Invalid command',
                             },
                         };
                     }
@@ -3942,9 +3990,8 @@ class AXPMainEntityContentBuilder {
                 catch (error) {
                     return {
                         success: false,
-                        error: {
-                            //TODO: handle error as object
-                            message: error,
+                        message: {
+                            text: error,
                         },
                     };
                 }
@@ -4329,6 +4376,29 @@ const AXPLayoutDetailsViewRouteResolver = async (route, state, entityResolver =
     return await layoutAdapterFactory.createDetailsViewAdapter(entityResolver, moduleName, entityName, id, dependencies);
 };
 
+const eventDispatchMiddleware = {
+    target: { ops: ['create', 'update', 'delete'], order: 90 },
+    execute: async (ctx, next) => {
+        const dispatcher = inject(AXPEntityEventDispatcherService);
+        await next();
+        if (ctx.op === 'create') {
+            const createdData = ctx.result ? { ...ctx.data, id: ctx.result } : ctx.data;
+            await dispatcher.dispatchInserted(ctx.entityName, { refType: ctx.entityName, data: createdData });
+        }
+        else if (ctx.op === 'update') {
+            await dispatcher.dispatchUpdated(ctx.entityName, {
+                refType: ctx.entityName,
+                data: ctx.result,
+                changes: ctx.locals.get('changes'),
+            });
+        }
+        else if (ctx.op === 'delete') {
+            // For delete, prefer previous entity if available
+            await dispatcher.dispatchDeleted(ctx.entityName, { refType: ctx.entityName, data: ctx.result ?? ctx.previous });
+        }
+    },
+};
+
 /**
  * Default widths for common text columns
  */
@@ -4380,6 +4450,200 @@ const createColumnWidthMiddlewareProvider = (widths, entityName = '*') => ({
 const columnWidthMiddlewareProvider = createColumnWidthMiddlewareProvider(DEFAULT_COLUMN_WIDTHS);
 //#endregion
 
+/**
+ * Default order for common sections
+ */
+const DEFAULT_SECTION_ORDER = {
+    'basic-info': 0,
+    'classification': 20,
+    'appearance': 30,
+    'settings': 100,
+    'advanced': 110,
+    'metadata': 120,
+};
+/**
+ * Default order for common properties
+ * Format: 'sectionId.propertyName' for section-specific or 'propertyName' for any section
+ */
+const DEFAULT_PROPERTY_ORDER = {
+    // Basic Info section
+    'basic-info.code': 1,
+    'basic-info.title': 2,
+    'basic-info.name': 3,
+    'basic-info.description': 10,
+    'basic-info.note': 11,
+    'basic-info.notes': 12,
+    // Classification section
+    'classification.categoryIds': 1,
+    'classification.tags': 2,
+    'classification.type': 3,
+    // Appearance section
+    'appearance.icon': 1,
+    'appearance.color': 2,
+    'appearance.avatar': 3,
+    // Settings section
+    'settings.isDefault': 90,
+    'settings.isPrimary': 91,
+    'settings.isDisabled': 95,
+    'settings.isArchived': 96,
+    // Generic fallbacks (apply to any section if not specified above)
+    'code': 1,
+    'title': 2,
+    'name': 3,
+    'icon': 5,
+    'color': 6,
+    'avatar': 7,
+    'description': 10,
+    'categoryIds': 15,
+    'tags': 16,
+    'isDefault': 90,
+    'isPrimary': 91,
+    'isDisabled': 95,
+    'isArchived': 96,
+};
+/**
+ * Get the property order for a given section and property name
+ */
+const getPropertyOrder = (sectionId, propertyName, orderConfig) => {
+    // Try section-specific order first
+    if (sectionId) {
+        const sectionSpecific = orderConfig[`${sectionId}.${propertyName}`];
+        if (sectionSpecific !== undefined) {
+            return sectionSpecific;
+        }
+    }
+    // Fall back to generic property order
+    return orderConfig[propertyName];
+};
+/**
+ * Factory to create a layout ordering middleware
+ */
+const layoutOrderingMiddlewareFactory = (config) => {
+    console.log('[Layout Ordering Middleware] Factory called - creating middleware function');
+    return (context) => {
+        console.log('[Layout Ordering Middleware] ========================================');
+        console.log('[Layout Ordering Middleware] MIDDLEWARE CALLED FOR ENTITY:', context.entity.name);
+        console.log('[Layout Ordering Middleware] Entity module:', context.entity.module);
+        console.log('[Layout Ordering Middleware] ========================================');
+        const { sections: sectionOrder, properties: propertyOrder } = config;
+        console.log('[Layout Ordering Middleware] Section order config:', sectionOrder);
+        //#region ----   Order Sections   ----
+        const orderSections = (layout) => {
+            if (!layout || !layout.sections) {
+                console.log('[Layout Ordering Middleware] No sections found in layout');
+                return;
+            }
+            console.log('[Layout Ordering Middleware] Before ordering sections:', layout.sections.map((s) => ({ id: s.id, order: s.order })));
+            layout.sections.forEach((section) => {
+                const defaultOrder = sectionOrder[section.id];
+                if (defaultOrder !== undefined) {
+                    console.log(`[Layout Ordering Middleware] Setting section "${section.id}" order from ${section.order} to ${defaultOrder}`);
+                    // Always apply the default order if configured (force override)
+                    section.order = defaultOrder;
+                }
+                else {
+                    console.log(`[Layout Ordering Middleware] No default order for section "${section.id}"`);
+                }
+            });
+            // Sort sections by order
+            layout.sections.sort((a, b) => {
+                const orderA = a.order ?? 999;
+                const orderB = b.order ?? 999;
+                return orderA - orderB;
+            });
+            console.log('[Layout Ordering Middleware] After ordering sections:', layout.sections.map((s) => ({ id: s.id, order: s.order })));
+        };
+        //#endregion
+        //#region ----   Order Properties Within Sections   ----
+        const orderProperties = (layout) => {
+            if (!layout || !layout.properties) {
+                return;
+            }
+            layout.properties.forEach((prop) => {
+                const groupId = context.properties.find(prop.name).get()?.groupId;
+                const defaultOrder = getPropertyOrder(groupId, prop.name, propertyOrder);
+                if (defaultOrder !== undefined) {
+                    // Ensure layout.positions exists
+                    if (!prop.layout) {
+                        prop.layout = {};
+                    }
+                    if (!prop.layout.positions) {
+                        prop.layout.positions = {};
+                    }
+                    if (!prop.layout.positions.lg) {
+                        prop.layout.positions.lg = {};
+                    }
+                    // Set order if not already defined
+                    if (prop.layout.positions.lg.order === undefined) {
+                        prop.layout.positions.lg.order = defaultOrder;
+                    }
+                }
+            });
+            // Sort properties by order
+            layout.properties.sort((a, b) => {
+                const orderA = a.layout?.positions?.lg?.order ?? 999;
+                const orderB = b.layout?.positions?.lg?.order ?? 999;
+                return orderA - orderB;
+            });
+        };
+        //#endregion
+        //#region ----   Apply to All Layouts   ----
+        // Apply to create layout
+        context.interfaces.master.create.update((create) => {
+            console.log('[Layout Ordering Middleware] Processing CREATE layout');
+            if (create) {
+                orderSections(create);
+                orderProperties(create);
+            }
+            return create ?? { sections: [], properties: [] };
+        });
+        // Apply to modify layout
+        context.interfaces.master.modify.update((modify) => {
+            console.log('[Layout Ordering Middleware] Processing MODIFY layout');
+            if (modify) {
+                orderSections(modify);
+                orderProperties(modify);
+            }
+            return modify ?? { sections: [], properties: [] };
+        });
+        // Apply to single layout
+        context.interfaces.master.single.update((single) => {
+            console.log('[Layout Ordering Middleware] Processing SINGLE layout');
+            if (single) {
+                orderSections(single);
+                orderProperties(single);
+            }
+            return single ?? { title: context.entity.title, sections: [], properties: [] };
+        });
+        //#endregion
+    };
+};
+//#endregion
+//#region ----   Provider Registration   ----
+/**
+ * Helper to create a provider for the layout ordering middleware
+ * By default it applies to all entities using the '*' pattern
+ */
+const createLayoutOrderingMiddlewareProvider = (config = {}, entityName = '*') => {
+    console.log('[Layout Ordering Middleware] Creating provider for entityName pattern:', entityName);
+    return {
+        entityName,
+        modifier: layoutOrderingMiddlewareFactory({
+            sections: { ...DEFAULT_SECTION_ORDER, ...config.sections },
+            properties: { ...DEFAULT_PROPERTY_ORDER, ...config.properties },
+        }),
+    };
+};
+/**
+ * Default provider registered with the default configuration
+ */
+const layoutOrderingMiddlewareProvider = createLayoutOrderingMiddlewareProvider();
+console.log('[Layout Ordering Middleware] Provider initialized with config:', {
+    sections: DEFAULT_SECTION_ORDER,
+    propertyCount: Object.keys(DEFAULT_PROPERTY_ORDER).length
+});
+//#endregion
+
 class AXPEntityCommandSearchDefinitionProvider {
     async provide(context) {
         context.addDefinition('command', 'Commands', 'command', 'fa-solid fa-command', 1, {
@@ -5800,6 +6064,10 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         this.valueField = computed(() => this.options()['valueField'] ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
         this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
         this.badgeClass = computed(() => this.options()['badgeClass'] ?? 'ax-accent1', ...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+        this.displayFormat = computed(() => {
+            const template = this.options()['displayFormat'];
+            return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
+        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : []));
         this.displayField = computed(() => {
             return this.textField() ?? this.entityDef()?.formats.lookup ?? this.entityDef()?.properties.find((c) => c.name != 'id')?.name ?? 'title';
         }, ...(ngDevMode ? [{ debugName: "displayField" }] : []));
@@ -5825,26 +6093,34 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         if (typeof item == 'object') {
             return {
                 id: item[this.valueField()],
-                text: this.formatService.format(this.displayField(), 'string', item),
+                text: this.getDisplayText(item),
             };
         }
-        else {
-            const def = this.entityDef();
-            const byKey = def?.queries.byKey?.execute;
-            if (byKey) {
-                this.loading.set(true);
-                const fetchedItem = await byKey(item);
-                this.loading.set(false);
-                return {
-                    id: fetchedItem[this.valueField()],
-                    text: this.formatService.format(this.displayField(), 'string', fetchedItem),
-                };
-            }
+        const def = this.entityDef();
+        const byKey = def?.queries.byKey?.execute;
+        if (byKey) {
+            this.loading.set(true);
+            const fetchedItem = await byKey(item);
+            this.loading.set(false);
             return {
-                id: item,
-                text: item
+                id: fetchedItem[this.valueField()],
+                text: this.getDisplayText(fetchedItem),
             };
         }
+        return {
+            id: item,
+            text: item,
+        };
+    }
+    getDisplayText(item) {
+        const template = this.displayFormat();
+        if (template) {
+            const formatted = this.formatService.format(template, 'string', item);
+            if (formatted) {
+                return formatted;
+            }
+        }
+        return this.formatService.format(this.displayField(), 'string', item);
     }
     get __class() {
         const cls = {};
@@ -5958,6 +6234,7 @@ class AXPEntityDataSelectorService {
             columns,
             selectionMode: options.allowMultiple ? 'multiple' : 'single',
             searchFields,
+            initialSearchTerm: options.initialSearchTerm,
             parentField: options.entity.parentKey,
             filters: options.filters || undefined,
             allowCreate: options.allowCreate ?? this.canCreate(options.entity),
@@ -6039,13 +6316,19 @@ class AXPEntityDataSelectorService {
      */
     getSearchFields(options) {
         const { entity, searchFields } = options;
+        const searchableFields = entity.properties
+            .filter(p => p.options?.filter?.inline?.enabled)
+            .map(p => {
+            return {
+                name: p.name,
+                title: p.title,
+            };
+        }) ?? [];
         if (searchFields && searchFields.length > 0) {
-            return searchFields;
+            return searchableFields.filter(f => searchFields.includes(f.name));
         }
         // Auto-detect searchable fields from entity properties
-        return entity.properties
-            .filter(p => p.options?.filter?.inline?.enabled)
-            .map(p => p.name);
+        return searchableFields;
     }
     /**
      * Check if entity supports create operation
@@ -6109,7 +6392,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.entityDataSelectorService = inject(AXPEntityDataSelectorService);
         this.translateService = inject(AXTranslationService);
         this.selectBox = viewChild('selectBox', ...(ngDevMode ? [{ debugName: "selectBox" }] : []));
-        this.tagBox = viewChild('tagBox', ...(ngDevMode ? [{ debugName: "tagBox" }] : []));
+        this.tagBox = viewChild('tagBoxComponent', ...(ngDevMode ? [{ debugName: "tagBox" }] : []));
         this.shouldFocus = signal(false, ...(ngDevMode ? [{ debugName: "shouldFocus" }] : []));
         this.expose = computed(() => this.options()['expose'], ...(ngDevMode ? [{ debugName: "expose" }] : []));
         this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
@@ -6136,6 +6419,10 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 .join(', ');
         }, ...(ngDevMode ? [{ debugName: "selectedItemsText" }] : []));
         this.valueField = computed(() => this.entityDef()?.properties.find((c) => c.name == 'id')?.name ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        this.displayFormat = computed(() => {
+            const template = this.options()['displayFormat'];
+            return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
+        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : []));
         this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : []));
         this.dataSource = computed(() => {
             const entity = this.entityDef();
@@ -6156,13 +6443,12 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             });
         }, ...(ngDevMode ? [{ debugName: "dataSource" }] : []));
         this.searchTerm = signal(null, ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
+        this.searchPlaceholderText = signal('', ...(ngDevMode ? [{ debugName: "searchPlaceholderText" }] : []));
         this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
         this.textbox = viewChild(AXTagBoxComponent, ...(ngDevMode ? [{ debugName: "textbox" }] : []));
         this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-        this.placeholder = computed(() => {
-            return this.selectedItems().length ? '' : this.translateService.translateSync('@general:widgets.lookup.search');
-        }, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        this.placeholderUpdateToken = 0;
         this.#efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
@@ -6175,6 +6461,32 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 this.clear();
             }
         }, ...(ngDevMode ? [{ debugName: "#efValue" }] : []));
+        this.#efSearchPlaceholder = effect(() => {
+            const entity = this.entityDef();
+            if (!entity) {
+                this.searchPlaceholderText.set('');
+                return;
+            }
+            let inlineFields = entity.properties
+                .filter((property) => property.options?.filter?.inline?.enabled)
+                .map((property) => ({
+                title: property.title,
+                name: property.name,
+            })) ?? [];
+            if (!inlineFields.length) {
+                const displayFieldName = this.displayField();
+                const displayProperty = entity.properties.find((property) => property.name === displayFieldName);
+                if (displayProperty) {
+                    inlineFields = [
+                        {
+                            title: displayProperty.title,
+                            name: displayProperty.name,
+                        },
+                    ];
+                }
+            }
+            void this.updateSearchPlaceholder(inlineFields);
+        }, ...(ngDevMode ? [{ debugName: "#efSearchPlaceholder" }] : []));
         //#region ----   Focus Management   ----
         /**
          * Reactive effect to auto-focus when viewChild is ready
@@ -6218,6 +6530,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     }
     #efEntity;
     #efValue;
+    #efSearchPlaceholder;
     async findByValue() {
         this.isLoading.set(true);
         const rawValue = this.getValue();
@@ -6244,6 +6557,8 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     }
     async showSelector() {
         this.isOpen.set(true);
+        const inlineSearchValue = (this.searchTerm() ?? '').trim();
+        const initialSearchTerm = inlineSearchValue.length > 0 ? inlineSearchValue : undefined;
         try {
             const result = await this.entityDataSelectorService.open({
                 entity: this.entityDef(),
@@ -6253,6 +6568,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 parentFilters: this.filter,
                 columns: this.columns(),
                 allowCreate: true,
+                initialSearchTerm,
             });
             if (result && 'items' in result) {
                 this.setItems(result.items);
@@ -6280,6 +6596,11 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             }
         }
     }
+    handleSearchInputChange(e) {
+        if (e.isUserInteraction) {
+            this.searchTerm.set(e.value ?? '');
+        }
+    }
     handleOnBlur(e) {
         setTimeout(() => {
             if (!this.isOpen()) {
@@ -6361,6 +6682,52 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.textbox()?.inputValue.set('');
         this.searchTerm.set('');
     }
+    getTagLabel(item) {
+        if (!item) {
+            return '';
+        }
+        const template = this.displayFormat();
+        if (template) {
+            const formatted = this.formatService.format(template, 'string', item);
+            if (formatted) {
+                return formatted;
+            }
+        }
+        return get(item, this.displayField()) ?? '';
+    }
+    async updateSearchPlaceholder(fields) {
+        const updateToken = ++this.placeholderUpdateToken;
+        if (!fields || fields.length === 0) {
+            const fallback = await this.translateService.translateAsync('@general:actions.search.title');
+            if (updateToken !== this.placeholderUpdateToken) {
+                return;
+            }
+            this.searchPlaceholderText.set(fallback ? `${fallback}...` : '');
+            return;
+        }
+        const translatedFields = await Promise.all(fields.map(async (field) => {
+            const translated = await this.translateService.translateAsync(field.title || field.name);
+            return translated ?? field.title ?? field.name;
+        }));
+        const translatedText = translatedFields
+            .filter((value) => Boolean(value && value.trim().length > 0))
+            .join(', ');
+        const fallbackText = fields
+            .map((field) => field.title || field.name)
+            .filter((value) => Boolean(value && value.trim().length > 0))
+            .join(', ');
+        let fieldsText = translatedText || fallbackText;
+        if (!fieldsText) {
+            fieldsText = (await this.translateService.translateAsync('@general:terms.items')) ?? 'items';
+        }
+        const placeholder = await this.translateService.translateAsync('@general:widgets.lookup.search-placeholder', {
+            params: { fields: fieldsText },
+        });
+        if (updateToken !== this.placeholderUpdateToken) {
+            return;
+        }
+        this.searchPlaceholderText.set(placeholder ?? `Search in ${fieldsText}...`);
+    }
     async searchByValue(value) {
         if (!this.entityDef())
             return null;
@@ -6415,7 +6782,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         this.shouldFocus.set(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, isSignal: true }, { propertyName: "tagBox", first: true, predicate: ["tagBox"], descendants: true, isSignal: true }, { propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, isSignal: true }, { propertyName: "tagBox", first: true, predicate: ["tagBoxComponent"], descendants: true, isSignal: true }, { propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     @if (dataSource()) {
       @if (look() == 'select') {
         <ax-select-box
@@ -6428,7 +6795,10 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
           [multiple]="multiple()"
           (onValueChanged)="selectBoxValueChange($event)"
         >
-          <ax-search-box>
+          <ax-search-box
+            [placeholder]="selectedItems().length ? '' : searchPlaceholderText()"
+            (onValueChanged)="handleSearchInputChange($event)"
+          >
             <ax-clear-button></ax-clear-button>
           </ax-search-box>
           @for (validation of validationRules(); track $index) {
@@ -6444,12 +6814,13 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-select-box>
       } @else {
         <ax-tag-box
-          #tagBox
+          #tagBoxComponent
+          [tagTemplate]="tagTemplate"
           [ngModel]="selectedItems()"
           [textField]="displayField()"
           [valueField]="valueField()"
           (onValueChanged)="handleValueChange($event)"
-          [placeholder]="placeholder() | translate | async"
+          [placeholder]="selectedItems().length ? '' : searchPlaceholderText()"
           [addOnEnter]="false"
           [addOnComma]="false"
           [disabled]="disabled()"
@@ -6482,11 +6853,19 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
             </ax-button>
           </ax-suffix>
         </ax-tag-box>
+        <ng-template #tagTemplate let-item let-index="index">
+          <div class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-3 ax-py-1 ax-text-sm ax-surface">
+            <span>{{ getTagLabel(item) }}</span>
+            <button type="button" (click)="tagBoxComponent.removeItem(index)">
+              <ax-icon class="ax-icon ax-icon-close"></ax-icon>
+            </button>
+          </div>
+        </ng-template>
       }
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
-                AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
@@ -6505,7 +6884,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
           [multiple]="multiple()"
           (onValueChanged)="selectBoxValueChange($event)"
         >
-          <ax-search-box>
+          <ax-search-box
+            [placeholder]="selectedItems().length ? '' : searchPlaceholderText()"
+            (onValueChanged)="handleSearchInputChange($event)"
+          >
             <ax-clear-button></ax-clear-button>
           </ax-search-box>
           @for (validation of validationRules(); track $index) {
@@ -6521,12 +6903,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
         </ax-select-box>
       } @else {
         <ax-tag-box
-          #tagBox
+          #tagBoxComponent
+          [tagTemplate]="tagTemplate"
           [ngModel]="selectedItems()"
           [textField]="displayField()"
           [valueField]="valueField()"
           (onValueChanged)="handleValueChange($event)"
-          [placeholder]="placeholder() | translate | async"
+          [placeholder]="selectedItems().length ? '' : searchPlaceholderText()"
           [addOnEnter]="false"
           [addOnComma]="false"
           [disabled]="disabled()"
@@ -6559,6 +6942,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
             </ax-button>
           </ax-suffix>
         </ax-tag-box>
+        <ng-template #tagTemplate let-item let-index="index">
+          <div class="ax-inline-flex ax-items-center ax-gap-1.5 ax-rounded-md ax-px-3 ax-py-1 ax-text-sm ax-surface">
+            <span>{{ getTagLabel(item) }}</span>
+            <button type="button" (click)="tagBoxComponent.removeItem(index)">
+              <ax-icon class="ax-icon ax-icon-close"></ax-icon>
+            </button>
+          </div>
+        </ng-template>
       }
     }
   `,
@@ -6578,7 +6969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                         AXSearchBoxComponent,
                     ],
                 }]
-        }], propDecorators: { selectBox: [{ type: i0.ViewChild, args: ['selectBox', { isSignal: true }] }], tagBox: [{ type: i0.ViewChild, args: ['tagBox', { isSignal: true }] }], textbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTagBoxComponent), { isSignal: true }] }] } });
+        }], propDecorators: { selectBox: [{ type: i0.ViewChild, args: ['selectBox', { isSignal: true }] }], tagBox: [{ type: i0.ViewChild, args: ['tagBoxComponent', { isSignal: true }] }], textbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXTagBoxComponent), { isSignal: true }] }] } });
 
 var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -6590,6 +6981,7 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         super(...arguments);
         //#region ----   Dependencies   ----
         this.entityDetailPopoverService = inject(AXPEntityDetailPopoverService);
+        this.formatService = inject(AXFormatService);
         //#endregion
         //#region ----   View Children   ----
         this.moreButton = viewChild('moreButton', ...(ngDevMode ? [{ debugName: "moreButton" }] : []));
@@ -6602,6 +6994,10 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.entity = this.options['entity'] ?? 'title';
         this.columnName = this.options['columnName'] ?? 'title';
         this.maxVisible = this.options['maxVisible'] ?? 2;
+        this.displayFormat = computed(() => {
+            const template = this.options['displayFormat'];
+            return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
+        }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : []));
         //#endregion
         //#region ----   Signals   ----
         this.isMorePopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isMorePopoverOpen" }] : []));
@@ -6672,22 +7068,33 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         if (isNil(item)) {
             return null;
         }
-        return typeof item == 'object'
-            ? {
-                [this.valueField]: item?.[this.valueField],
-                [this.textField]: item?.[this.textField],
+        if (typeof item === 'object') {
+            return item;
+        }
+        return {
+            [this.valueField]: item,
+            [this.textField]: item,
+        };
+    }
+    getDisplayText(item) {
+        if (!item) {
+            return '';
+        }
+        const template = this.displayFormat();
+        if (template) {
+            const formatted = this.formatService.format(template, 'string', item);
+            if (formatted) {
+                return formatted;
             }
-            : {
-                [this.valueField]: item,
-                [this.textField]: item,
-            };
+        }
+        return item?.[this.textField] ?? '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-gap-1 ax-items-center\">\n  @if (visibleItems().length > 0) {\n    @for (item of visibleItems(); track $index) {\n      <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"handleItemClick($index)\">\n        {{ item[this.textField] }}\n      </span>\n      @if ($index < visibleItems().length - 1) {\n        <span class=\"ax-text-muted\">\u2022</span>\n      }\n    }\n  } @else {\n    <span class=\"ax-text-muted\">---</span>\n  }\n\n  @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n      (click)=\"showMoreItems()\"\n      #moreButton\n    >\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n  }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n    </div>\n    <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3\">\n      @for (item of allItems(); track $index) {\n        <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"showItemDetail(item, $index)\">\n          {{ item[this.textField] }}\n        </span>\n      }\n    </div>\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-gap-1 ax-items-center\">\n  @if (visibleItems().length > 0) {\n  @for (item of visibleItems(); track $index) {\n  <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"handleItemClick($index)\">\n    {{ getDisplayText(item) }}\n  </span>\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    }\n    } @else {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n      (click)=\"showMoreItems()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n    </div>\n    <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3\">\n      @for (item of allItems(); track $index) {\n      <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"showItemDetail(item, $index)\">\n        {{ getDisplayText(item) }}\n      </span>\n      }\n    </div>\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXBadgeModule, AXButtonModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], template: "<div class=\"ax-flex ax-gap-1 ax-items-center\">\n  @if (visibleItems().length > 0) {\n    @for (item of visibleItems(); track $index) {\n      <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"handleItemClick($index)\">\n        {{ item[this.textField] }}\n      </span>\n      @if ($index < visibleItems().length - 1) {\n        <span class=\"ax-text-muted\">\u2022</span>\n      }\n    }\n  } @else {\n    <span class=\"ax-text-muted\">---</span>\n  }\n\n  @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n      (click)=\"showMoreItems()\"\n      #moreButton\n    >\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n  }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n    </div>\n    <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3\">\n      @for (item of allItems(); track $index) {\n        <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"showItemDetail(item, $index)\">\n          {{ item[this.textField] }}\n        </span>\n      }\n    </div>\n  </div>\n</ax-popover>\n" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXBadgeModule, AXButtonModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], template: "<div class=\"ax-flex ax-gap-1 ax-items-center\">\n  @if (visibleItems().length > 0) {\n  @for (item of visibleItems(); track $index) {\n  <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"handleItemClick($index)\">\n    {{ getDisplayText(item) }}\n  </span>\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    }\n    } @else {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n      (click)=\"showMoreItems()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- More Items Popover -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n    </div>\n    <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3\">\n      @for (item of allItems(); track $index) {\n      <span class=\"ax-cursor-pointer hover:ax-text-primary hover:ax-underline\" (click)=\"showItemDetail(item, $index)\">\n        {{ getDisplayText(item) }}\n      </span>\n      }\n    </div>\n  </div>\n</ax-popover>" }]
         }], propDecorators: { moreButton: [{ type: i0.ViewChild, args: ['moreButton', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }] } });
 
 var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
@@ -6736,6 +7143,20 @@ const AXPLookupWidget = {
             visible: true,
         },
         AXP_ALLOW_MULTIPLE_PROPERTY,
+        {
+            name: 'displayFormat',
+            title: 'Display Format',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                interface: {
+                    name: 'displayFormat',
+                    path: 'options.displayFormat',
+                    type: AXPWidgetsCatalog.template,
+                },
+            },
+            visible: true,
+        },
     ],
     components: {
         view: {
@@ -7075,8 +7496,8 @@ const AXPQuickModifyEntityWorkflow = {
             action: 'AXPToastAction',
             input: {
                 color: 'success',
-                title: 'workflow.entity-modified-title',
-                content: 'workflow.entity-modified-body',
+                title: '@general:workflow.entity-modified-title',
+                content: '@general:workflow.entity-modified-body',
             },
             nextSteps: [
                 {
@@ -7213,8 +7634,8 @@ const AXPShowFileUploaderPopupWorkflow = {
             action: 'AXPToastAction',
             input: {
                 color: 'success',
-                title: 'workflow.entity-modified-title',
-                content: 'workflow.entity-modified-body',
+                title: '@general:workflow.entity-modified-title',
+                content: '@general:workflow.entity-modified-body',
             },
             nextSteps: [
                 {
@@ -7361,6 +7782,11 @@ class AXPEntityModule {
                 useValue: columnWidthMiddlewareProvider,
                 multi: true,
             },
+            {
+                provide: AXP_ENTITY_MODIFIER,
+                useValue: layoutOrderingMiddlewareProvider,
+                multi: true,
+            },
             provideCommandSetups([
                 {
                     key: 'Entity:OpenDetails',
@@ -7368,7 +7794,7 @@ class AXPEntityModule {
                 },
                 {
                     key: 'Entity:Create',
-                    command: () => import('./acorex-platform-layout-entity-create-entity.command-DGeylNSY.mjs').then((c) => c.AXPCreateEntityCommand),
+                    command: () => import('./acorex-platform-layout-entity-create-entity.command-Bui87lV1.mjs').then((c) => c.AXPCreateEntityCommand),
                 },
             ]),
             provideQuerySetups([
@@ -7482,6 +7908,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                             useValue: columnWidthMiddlewareProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_ENTITY_MODIFIER,
+                            useValue: layoutOrderingMiddlewareProvider,
+                            multi: true,
+                        },
                         provideCommandSetups([
                             {
                                 key: 'Entity:OpenDetails',
@@ -7489,7 +7920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                             },
                             {
                                 key: 'Entity:Create',
-                                command: () => import('./acorex-platform-layout-entity-create-entity.command-DGeylNSY.mjs').then((c) => c.AXPCreateEntityCommand),
+                                command: () => import('./acorex-platform-layout-entity-create-entity.command-Bui87lV1.mjs').then((c) => c.AXPCreateEntityCommand),
                             },
                         ]),
                         provideQuerySetups([
@@ -7502,29 +7933,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$1.AXPAppStartUpService }, { type: i0.Injector }] });
 
-const eventDispatchMiddleware = {
-    target: { ops: ['create', 'update', 'delete'], order: 90 },
-    execute: async (ctx, next) => {
-        const dispatcher = inject(AXPEntityEventDispatcherService);
-        await next();
-        if (ctx.op === 'create') {
-            const createdData = ctx.result ? { ...ctx.data, id: ctx.result } : ctx.data;
-            await dispatcher.dispatchInserted(ctx.entityName, { refType: ctx.entityName, data: createdData });
-        }
-        else if (ctx.op === 'update') {
-            await dispatcher.dispatchUpdated(ctx.entityName, {
-                refType: ctx.entityName,
-                data: ctx.result,
-                changes: ctx.locals.get('changes'),
-            });
-        }
-        else if (ctx.op === 'delete') {
-            // For delete, prefer previous entity if available
-            await dispatcher.dispatchDeleted(ctx.entityName, { refType: ctx.entityName, data: ctx.result ?? ctx.previous });
-        }
-    },
-};
-
 //#endregion
 //#region ----   Get Entity Details Query   ----
 /**
@@ -7899,6 +8307,7 @@ function entityMasterBulkDeleteAction() {
         priority: 'primary',
         type: AXPSystemActionType.Delete,
         scope: AXPEntityCommandScope.Selected,
+        order: 100,
     };
 }
 function entityMasterViewAction() {
@@ -7918,6 +8327,7 @@ function entityMasterDeleteAction() {
         priority: 'secondary',
         type: AXPSystemActionType.Delete,
         scope: AXPEntityCommandScope.Individual,
+        order: 100,
     };
 }
 function entityMasterCrudActions(options) {
@@ -8078,5 +8488,5 @@ function detectEntityChanges(oldObj, newObj) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorService, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityDynamicDialogService, AXPEntityEventDispatcherService, AXPEntityListTableService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityReferenceWidget, AXPEntityReferenceWidgetColumnComponent, AXPEntityReferenceWidgetDesignerComponent, AXPEntityReferenceWidgetEditComponent, AXPEntityReferenceWidgetPrintComponent, AXPEntityReferenceWidgetViewComponent, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPGetEntityDetailsQuery, AXPLookupFilterWidget, AXPLookupFilterWidgetEditComponent, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXPWidgetSelectorWidget, AXPWidgetSelectorWidgetEditComponent, AXPWidgetSelectorWidgetViewComponent, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, DEFAULT_COLUMN_WIDTHS, actionExists, columnWidthMiddlewareFactory, columnWidthMiddlewareProvider, createColumnWidthMiddlewareProvider, createModifierContext, detectEntityChanges, ensureListActions, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware, isAXPMiddlewareAbortError };
+export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorService, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityDynamicDialogService, AXPEntityEventDispatcherService, AXPEntityListTableService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityReferenceWidget, AXPEntityReferenceWidgetColumnComponent, AXPEntityReferenceWidgetDesignerComponent, AXPEntityReferenceWidgetEditComponent, AXPEntityReferenceWidgetPrintComponent, AXPEntityReferenceWidgetViewComponent, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPGetEntityDetailsQuery, AXPLookupFilterWidget, AXPLookupFilterWidgetEditComponent, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXPWidgetSelectorWidget, AXPWidgetSelectorWidgetEditComponent, AXPWidgetSelectorWidgetViewComponent, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, DEFAULT_COLUMN_WIDTHS, DEFAULT_PROPERTY_ORDER, DEFAULT_SECTION_ORDER, actionExists, columnWidthMiddlewareFactory, columnWidthMiddlewareProvider, createColumnWidthMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, detectEntityChanges, ensureListActions, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware, isAXPMiddlewareAbortError, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map