@acorex/platform 20.3.0-next.9 → 20.4.0

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

@@ -1,57 +1,451 @@
+import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, computed, signal, Injector, runInInjectionContext, EnvironmentInjector, viewChild, viewChildren, linkedSignal, effect, untracked, ChangeDetectionStrategy, Component, HostBinding, input, ElementRef, ApplicationRef, createComponent, ViewChild, NgModule } from '@angular/core';
-import { castArray, get, cloneDeep, set, merge, isNil, isEmpty, sortBy } from 'lodash-es';
+import { inject, Injectable, input, viewChild, signal, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, InjectionToken, computed, Injector, runInInjectionContext, viewChildren, linkedSignal, effect, untracked, HostBinding, ViewChild, NgModule } from '@angular/core';
+import { Router, RouterModule, ROUTES } from '@angular/router';
+import * as i3 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i2 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import * as i3$1 from '@acorex/platform/layout/widget-core';
+import { AXPWidgetsCatalog, AXPWidgetCoreModule, AXPPageStatus, AXPWidgetRegistryService, AXPValueWidgetComponent, AXPWidgetRendererDirective, AXPWidgetGroupEnum, AXPLayoutBaseWidgetComponent, AXPColumnWidgetComponent, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/widget-core';
+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 { AXDataSource } from '@acorex/cdk/common';
 import { AXFormatService } from '@acorex/core/format';
-import { AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPReloadEvent, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
+import * as i4$1 from '@acorex/platform/common';
+import { AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPReloadEvent, AXPCommonSettings, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import * as i1$2 from '@acorex/platform/core';
-import { resolveActionLook, AXPExpressionEvaluatorService, AXPPlatformScope, AXPDistributedEventListenerService, getChangedPaths, extractValue, setSmart, AXPSystemActionType } from '@acorex/platform/core';
+import { resolveActionLook, AXPExpressionEvaluatorService, AXPDistributedEventListenerService, AXPBroadcastEventService, AXPPlatformScope, getChangedPaths, extractValue, setSmart, AXPSystemActionType } from '@acorex/platform/core';
 import * as i2$2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import * as i3$1 from '@acorex/platform/layout/builder';
-import { AXPPageStatus, AXPWidgetRegistryService, AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetRendererDirective, AXPLayoutBuilderModule, AXPWidgetGroupEnum, AXPLayoutBaseWidgetComponent, AXPColumnWidgetComponent, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { Subject, takeUntil } from 'rxjs';
-import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
-import { AXPCommandService, AXPQueryService, provideCommandSetups, provideQuerySetups } from '@acorex/platform/runtime';
 import { moveItemInArray } from '@angular/cdk/drag-drop';
-import * as i6 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPlatform } from '@acorex/core/platform';
-import { RouterModule, ROUTES, Router } from '@angular/router';
-import * as i3$2 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
+import * as i3$2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i4 from '@acorex/components/dropdown';
+import * as i4$2 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
-import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXPFileUploaderWidgetService } from '@acorex/platform/widgets';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXPFileUploaderWidgetService } from '@acorex/platform/layout/widgets';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i4$1 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i1 from '@acorex/components/badge';
-import { AXBadgeModule } from '@acorex/components/badge';
 import * as i5$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i6$2 from '@acorex/components/search-box';
-import { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';
 import * as i7 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i2$1 from '@acorex/components/text-box';
+import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
+import { AXValidationModule } from '@acorex/core/validation';
+import * as i1 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i6$2 from '@acorex/components/search-box';
+import { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';
 import * as i6$1 from '@acorex/components/tag-box';
 import { AXTagBoxComponent, AXTagBoxModule } from '@acorex/components/tag-box';
-import { AXValidationModule } from '@acorex/core/validation';
 import { AXPDataSelectorService, AXPWidgetPropertyViewerComponent } from '@acorex/platform/layout/components';
-import * as i2 from '@acorex/components/popover';
-import { AXPopoverModule } from '@acorex/components/popover';
-import * as i2$1 from '@acorex/components/text-box';
-import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
-import { transform, isEqual } from 'lodash';
+import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
+import { transform, isEqual as isEqual$1 } from 'lodash';
+
+//#endregion
+//#region ----   Entity Open Details Command   ----
+/**
+ * Generic command to open entity details view
+ * Can be used by any entity to navigate to its detail page
+ */
+class AXPOpenEntityDetailsCommand {
+    constructor() {
+        //#endregion
+        //#region ----   Services & Dependencies   ----
+        this.router = inject(Router);
+        this.sessionService = inject(AXPSessionService);
+    }
+    //#endregion
+    //#region ----   Command Execution   ----
+    /**
+     * Execute the command to navigate to entity details
+     * @param input - Command input containing entity and data information
+     */
+    async execute(input) {
+        const { entity, data } = input;
+        if (!entity) {
+            throw new Error('Entity name is required for opening details view');
+        }
+        if (!data?.id) {
+            throw new Error('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"');
+        }
+        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 };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPOpenEntityDetailsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPOpenEntityDetailsCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPOpenEntityDetailsCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+var openEntityDetails_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPOpenEntityDetailsCommand: AXPOpenEntityDetailsCommand
+});
+
+class AXPEntityDetailPopoverComponent {
+    constructor() {
+        //#region ----   Dependencies   ----
+        this.commandService = inject(AXPCommandService);
+        this.queryService = inject(AXPQueryService);
+        //#endregion
+        //#region ----   Inputs   ----
+        this.entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : []));
+        this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : []));
+        this.textField = input('title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.valueField = input('id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        this.item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : []));
+        //#endregion
+        //#region ----   View Children   ----
+        this.detailPopover = viewChild('detailPopover', ...(ngDevMode ? [{ debugName: "detailPopover" }] : []));
+        //#endregion
+        //#region ----   Signals   ----
+        this.entityDetails = signal(null, ...(ngDevMode ? [{ debugName: "entityDetails" }] : []));
+        this.isLoadingDetails = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingDetails" }] : []));
+        this.isDetailPopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isDetailPopoverOpen" }] : []));
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    /**
+     * Show the entity detail popover
+     */
+    async show(target) {
+        this.isDetailPopoverOpen.set(true);
+        this.isLoadingDetails.set(true);
+        this.entityDetails.set(null);
+        // Open the popover immediately to display loading state
+        if (this.detailPopover()) {
+            const targetElement = target instanceof ElementRef ? target.nativeElement : target;
+            this.detailPopover().target = targetElement;
+            this.detailPopover().open();
+        }
+        else {
+            // In case the view child is not ready yet, schedule an immediate open
+            setTimeout(() => {
+                if (this.detailPopover()) {
+                    const targetElement = target instanceof ElementRef ? target.nativeElement : target;
+                    this.detailPopover().target = targetElement;
+                    this.detailPopover().open();
+                }
+            }, 0);
+        }
+        // Fetch entity details using the query
+        try {
+            const result = await this.queryService.fetch('Entity:GetDetails', {
+                entity: this.entity(),
+                id: this.entityId(),
+            });
+            if (result?.success) {
+                this.entityDetails.set(result);
+            }
+        }
+        catch (error) {
+            console.error('Failed to fetch entity details:', error);
+        }
+        finally {
+            this.isLoadingDetails.set(false);
+        }
+    }
+    /**
+     * Hide the entity detail popover
+     */
+    hide() {
+        this.isDetailPopoverOpen.set(false);
+        this.entityDetails.set(null);
+        this.isLoadingDetails.set(false);
+        if (this.detailPopover()) {
+            this.detailPopover().close();
+        }
+    }
+    onDetailPopoverOpenChange(event) {
+        this.isDetailPopoverOpen.set(event);
+        if (!event) {
+            this.entityDetails.set(null);
+            this.isLoadingDetails.set(false);
+        }
+    }
+    async navigateToDetails() {
+        if (this.entityId()) {
+            await this.commandService.execute('Entity:OpenDetails', {
+                entity: this.entity(),
+                data: { id: this.entityId() },
+            });
+            this.hide();
+        }
+    }
+    //#endregion
+    //#region ----   Helper Methods   ----
+    /**
+     * Returns true if a value is meaningful for display (non-empty/non-null).
+     */
+    hasMeaningfulValue(value) {
+        if (value === null || value === undefined)
+            return false;
+        if (typeof value === 'string')
+            return value.trim().length > 0;
+        if (Array.isArray(value))
+            return value.length > 0;
+        if (typeof value === 'object')
+            return Object.keys(value).length > 0;
+        return true;
+    }
+    /**
+     * Calculates an importance score for a property based on its widget type,
+     * whether it currently has a meaningful value, and metadata like title.
+     */
+    getPropertyImportanceScore(prop, data) {
+        const schema = prop.showAs?.type ?? prop.schema;
+        const importanceMap = {
+            [AXPWidgetsCatalog.text]: 100,
+            [AXPWidgetsCatalog.select]: 95,
+            [AXPWidgetsCatalog.number]: 90,
+            [AXPWidgetsCatalog.dateTime]: 85,
+            [AXPWidgetsCatalog.richText]: 80,
+            [AXPWidgetsCatalog.largeText]: 75,
+            [AXPWidgetsCatalog.contact]: 74,
+            [AXPWidgetsCatalog.toggle]: 65,
+            [AXPWidgetsCatalog.checkbox]: 60,
+            [AXPWidgetsCatalog.color]: 40,
+        };
+        let score = importanceMap[schema] ?? 50;
+        // Prefer fields that actually have a value for the current entity
+        if (this.hasMeaningfulValue(data?.[prop.name])) {
+            score += 20;
+        }
+        // Slight preference for human-friendly titled fields
+        const hasTitle = prop.title && prop.title !== prop.name;
+        if (hasTitle) {
+            score += 5;
+        }
+        return score;
+    }
+    /**
+     * Calculates a name-based importance score to prioritize common key fields
+     * like title, description, status, and important dates.
+     * Name priority MUST come before widget-type priority.
+     */
+    getNameImportanceScore(prop) {
+        const rawName = (prop.options?.dataPath ?? prop.name ?? '').toString();
+        const normalized = rawName.toLowerCase();
+        const collapsed = normalized.replace(/[^a-z0-9]/g, '');
+        const priorities = [
+            { keys: ['title', 'name', 'subject', 'code'], score: 120 },
+            { keys: ['description', 'details', 'summary', 'remark', 'remarks'], score: 110 },
+            { keys: ['status', 'state', 'phase', 'stage'], score: 105 },
+            { keys: ['priority', 'severity', 'rank'], score: 100 },
+            { keys: ['expirydate', 'expirationdate', 'expiredate', 'duedate', 'deadline', 'enddate'], score: 98 },
+            { keys: ['startdate', 'createdat', 'createdon', 'updatedat', 'updatedon'], score: 95 },
+            { keys: ['owner', 'assignee', 'assignedto'], score: 92 },
+            { keys: ['email', 'phone', 'mobile', 'contact'], score: 90 },
+            { keys: ['category', 'type', 'label', 'tag', 'note', 'notes'], score: 85 },
+            { keys: ['primary', 'active', 'active', 'enabled', 'archived', 'deleted', 'locked', 'disabled'], score: -2 }, // send to bottom,
+        ];
+        for (const group of priorities) {
+            for (const key of group.keys) {
+                if (collapsed === key || collapsed.endsWith(key)) {
+                    return group.score;
+                }
+            }
+        }
+        // Pattern-based priorities (generic forms like validFrom/validTo, start*/end*)
+        if (collapsed.endsWith('from') || collapsed.endsWith('to')) {
+            return 97;
+        }
+        if (collapsed.startsWith('start') || collapsed.startsWith('end')) {
+            return 96;
+        }
+        return 0;
+    }
+    getEntityPropertiesWithWidgets() {
+        const data = this.entityDetails()?.entityData;
+        const entityDefinition = this.entityDetails()?.entityDefinition;
+        if (!data || !entityDefinition?.properties)
+            return [];
+        // Get properties from entity definition and filter by importance
+        const importantProperties = (entityDefinition.columns ?? [])
+            .map((prop, index) => {
+            const propName = prop.options?.dataPath ?? prop.name;
+            const schema = prop.showAs?.type ?? entityDefinition.properties.find((p) => p.name === propName)?.schema.interface?.type;
+            const title = prop.title ?? entityDefinition.properties.find((p) => p.name === propName)?.title ?? prop.name;
+            return {
+                ...prop,
+                schema,
+                title,
+                orderIndex: index,
+            };
+        })
+            .filter((prop) => {
+            // Exclude technical fields
+            if (prop.name === 'id' || prop.name === this.textField() || prop.name === this.valueField()) {
+                return false;
+            }
+            // Only include properties that exist in the data
+            if (!data.hasOwnProperty(prop.name)) {
+                return false;
+            }
+            // Filter by property importance based on schema and options
+            const schema = prop.showAs?.type ?? entityDefinition.properties.find((p) => p.name === prop.name)?.schema.interface?.type;
+            // Include common important field types
+            const importantWidgets = [
+                AXPWidgetsCatalog.text,
+                AXPWidgetsCatalog.largeText,
+                AXPWidgetsCatalog.richText,
+                //
+                AXPWidgetsCatalog.select,
+                //AXPWidgetsCatalog.lookup,
+                //
+                AXPWidgetsCatalog.number,
+                AXPWidgetsCatalog.toggle,
+                AXPWidgetsCatalog.checkbox,
+                //
+                AXPWidgetsCatalog.dateTime,
+                AXPWidgetsCatalog.color,
+                AXPWidgetsCatalog.contact,
+            ];
+            //
+            if (importantWidgets.includes(schema)) {
+                return true;
+            }
+            return false;
+        })
+            .sort((a, b) => {
+            // Primary: name-based importance
+            const nameScoreA = this.getNameImportanceScore(a);
+            const nameScoreB = this.getNameImportanceScore(b);
+            if (nameScoreA !== nameScoreB)
+                return nameScoreB - nameScoreA;
+            // Secondary: widget/value/title based importance
+            const widgetScoreA = this.getPropertyImportanceScore(a, data);
+            const widgetScoreB = this.getPropertyImportanceScore(b, data);
+            if (widgetScoreA !== widgetScoreB)
+                return widgetScoreB - widgetScoreA;
+            const aHasValue = this.hasMeaningfulValue(data?.[a.name]);
+            const bHasValue = this.hasMeaningfulValue(data?.[b.name]);
+            if (aHasValue !== bHasValue)
+                return aHasValue ? -1 : 1;
+            const aHasTitle = a.title && a.title !== a.name;
+            const bHasTitle = b.title && b.title !== b.name;
+            if (aHasTitle !== bHasTitle)
+                return aHasTitle ? -1 : 1;
+            if ((a.orderIndex ?? 0) !== (b.orderIndex ?? 0))
+                return (a.orderIndex ?? 0) - (b.orderIndex ?? 0);
+            return a.name.localeCompare(b.name);
+        })
+            .map((prop) => {
+            // Create widget node based on property schema
+            const widgetNode = {
+                type: prop.schema || AXPWidgetsCatalog.text,
+                path: prop.options?.dataPath || prop.name,
+                options: prop.options ?? {},
+                mode: 'view',
+            };
+            return {
+                name: prop.name,
+                title: prop.title || prop.name,
+                node: widgetNode,
+            };
+        })
+            .slice(0, 7); // Limit to 7 most important fields
+        return importantProperties;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: 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"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXPopoverModule,
+                        AXPWidgetCoreModule,
+                        AXTranslationModule,
+                        AXLoadingModule,
+                    ], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n" }]
+        }] });
+
+class AXPEntityDetailPopoverService {
+    constructor() {
+        //#region ----   Dependencies   ----
+        this.applicationRef = inject(ApplicationRef);
+        this.environmentInjector = inject(EnvironmentInjector);
+        //#endregion
+        //#region ----   Private Properties   ----
+        this.activePopoverRef = null;
+    }
+    //#endregion
+    //#region ----   Public Methods   ----
+    /**
+     * Show entity detail popover
+     * @param target - The target element to position the popover
+     * @param options - Configuration options for the popover
+     */
+    async show(target, options) {
+        // Close any existing popover
+        this.hide();
+        // Create component dynamically
+        this.activePopoverRef = createComponent(AXPEntityDetailPopoverComponent, {
+            environmentInjector: this.environmentInjector,
+        });
+        // Set inputs
+        this.activePopoverRef.setInput('entity', options.entity);
+        this.activePopoverRef.setInput('entityId', options.id);
+        this.activePopoverRef.setInput('textField', options.textField || 'title');
+        this.activePopoverRef.setInput('valueField', options.valueField || 'id');
+        this.activePopoverRef.setInput('item', options.item);
+        // Attach to application
+        this.applicationRef.attachView(this.activePopoverRef.hostView);
+        // Append to document body
+        document.body.appendChild(this.activePopoverRef.location.nativeElement);
+        // Show the popover
+        await this.activePopoverRef.instance.show(target);
+    }
+    /**
+     * Hide the active popover
+     */
+    hide() {
+        if (this.activePopoverRef) {
+            this.activePopoverRef.instance.hide();
+            this.applicationRef.detachView(this.activePopoverRef.hostView);
+            this.activePopoverRef.destroy();
+            this.activePopoverRef = null;
+        }
+    }
+    /**
+     * Check if a popover is currently active
+     */
+    get isActive() {
+        return this.activePopoverRef !== null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailPopoverService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailPopoverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 const AXP_DATA_SEEDER_TOKEN = new InjectionToken('AXP_DATA_SEEDER_TOKEN');
 class AXPDataSeederService {
@@ -63,10 +457,10 @@ class AXPDataSeederService {
             await loader?.seed();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPDataSeederService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPDataSeederService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPDataSeederService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -91,10 +485,10 @@ class AXPEntityResolver {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -408,6 +802,83 @@ class AXPEntityDetailListViewModel {
     }
 }
 
+/**
+ * Entity Event Dispatcher - A wrapper for entity-specific events
+ * Handles pattern-based dispatching for entity operations with wildcard support
+ */
+class AXPEntityEventDispatcherService {
+    constructor() {
+        this.eventService = inject(AXPDistributedEventListenerService);
+    }
+    async dispatchEntityEvent(operation, entityName, data) {
+        const enhancedData = {
+            ...data,
+            entityName,
+            operation,
+            timestamp: new Date(),
+            source: 'entity-dispatcher',
+        };
+        const eventKeysToDispatch = await this.getAllMatchingEventKeys(operation, entityName);
+        const dispatchPromises = eventKeysToDispatch.map((key) => this.eventService.dispatch(key, enhancedData));
+        await Promise.all(dispatchPromises);
+    }
+    async getAllMatchingEventKeys(operation, entityName) {
+        const eventKeys = new Set();
+        const exactKeys = this.generateEventKeys(operation, entityName);
+        exactKeys.forEach((key) => eventKeys.add(key));
+        const wildcardKeys = await this.findMatchingWildcardKeys(operation, entityName);
+        wildcardKeys.forEach((key) => eventKeys.add(key));
+        return Array.from(eventKeys);
+    }
+    async findMatchingWildcardKeys(operation, entityName) {
+        const matchingKeys = [];
+        const allListenerKeys = await this.eventService.getRegisteredKeys();
+        const actualEventKey = `entity.${operation}.${entityName}`;
+        for (const listenerKey of allListenerKeys) {
+            if (listenerKey.includes('*') && this.matchesEntityPattern(actualEventKey, listenerKey)) {
+                matchingKeys.push(listenerKey);
+            }
+        }
+        return matchingKeys;
+    }
+    matchesEntityPattern(eventKey, pattern) {
+        if (!pattern.startsWith('entity.') || !pattern.includes('*')) {
+            return false;
+        }
+        const regexPattern = pattern.replace(/\./g, '\\.').replace(/\*/g, '.*');
+        const regex = new RegExp(`^${regexPattern}$`);
+        return regex.test(eventKey);
+    }
+    generateEventKeys(operation, entityName) {
+        const keys = [];
+        keys.push(`entity.${operation}`);
+        keys.push(`entity.${operation}.${entityName}`);
+        const entityParts = entityName.split('.');
+        if (entityParts.length > 1) {
+            const moduleName = entityParts[0];
+            keys.push(`entity.${operation}.${moduleName}`);
+        }
+        return keys;
+    }
+    async dispatchInserted(entityName, data) {
+        await this.dispatchEntityEvent('inserted', entityName, data);
+    }
+    async dispatchUpdated(entityName, data) {
+        await this.dispatchEntityEvent('updated', entityName, data);
+    }
+    async dispatchDeleted(entityName, data) {
+        await this.dispatchEntityEvent('deleted', entityName, data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityEventDispatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityEventDispatcherService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityEventDispatcherService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 function createModifierContext(entity) {
     const ctx = {
         entity,
@@ -709,10 +1180,10 @@ class AXPEntityMiddleware {
         const flags = rx.flags.replace('g', '');
         return new RegExp(rx.source, flags);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMiddleware, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMiddleware, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMiddleware, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMiddleware, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMiddleware, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMiddleware, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -864,10 +1335,10 @@ class AXPEntityDefinitionRegistryService {
     createEntityKey(moduleName, entityName) {
         return `${moduleName}.${entityName}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1028,10 +1499,10 @@ class AXPEntityCreateViewModelFactory {
         this.layout.setNavigationLoading(false);
         return new AXPEntityMasterCreateViewModel(this.injector, config, initialData, options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1075,6 +1546,7 @@ class AXPEntityMasterListViewModel {
         this.widgetResolver = this.injector.get(AXPWidgetRegistryService);
         this.expressionEvaluator = this.injector.get(AXPExpressionEvaluatorService);
         this.commandService = this.injector.get(AXPCommandService);
+        this.eventService = this.injector.get(AXPBroadcastEventService);
         this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
         this.settingEntityKey = `${this.config.module}:${this.config.name}`;
         this.destroyed = new Subject();
@@ -1219,6 +1691,15 @@ class AXPEntityMasterListViewModel {
                 this.events$.next({ action: 'refresh', meta: event.payload.meta });
             }
         });
+        this.eventService
+            .listen('REFRESH_LAYOUT')
+            .pipe(takeUntil(this.destroyed))
+            .subscribe((e) => {
+            if (e.data.name == getEntityInfo(this.entityDef).source) {
+                this.selectedItems.set([]);
+                this.events$.next({ action: 'refresh' });
+            }
+        });
         this.sortedFields.set(this.sortableFields());
     }
     async applySettings() {
@@ -1586,10 +2067,10 @@ class AXPEntityListViewModelFactory {
         this.layout.setNavigationLoading(false);
         return new AXPEntityMasterListViewModel(this.injector, config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1607,10 +2088,10 @@ class AXPEntityService {
     createPath(module, entity, path = 'list') {
         return `/${this.sessionService.application?.name}/m/${module}/e/${entity}/${path}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1623,14 +2104,13 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
         this.dialogService = inject(AXDialogService);
         this.loadingDialog = inject(AXLoadingDialogService);
         this.translationService = inject(AXTranslationService);
+        this.settingService = inject(AXPSettingService);
     }
     async execute(context) {
         const moduleEntity = context.getVariable('entity');
         const data = context.getVariable('data');
         const meta = context.getVariable('meta');
-        const options = context.getVariable('options');
-        const process = options?.['process'];
-        const showResult = process?.showResult ?? true;
+        const showResult = await this.settingService.get(AXPCommonSettings.EnableOperationToasts);
         const entities = [];
         if (moduleEntity != null) {
             const ids = Array.isArray(data) ? data.map((c) => c.id) : [data.id];
@@ -1764,10 +2244,10 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
             type: Injectable
         }] });
 const AXPDeleteEntityWorkflow = {
@@ -1776,8 +2256,8 @@ const AXPDeleteEntityWorkflow = {
         'confirm-delete': {
             action: 'show-prompt-dialog',
             input: {
-                title: 'workflow.warning',
-                message: `workflow.confirm-delete`,
+                title: '@general:workflow.warning',
+                message: '@general:workflow.confirm-delete',
                 type: 'danger',
             },
             nextSteps: [
@@ -1946,10 +2426,10 @@ class AXPEntityMasterUpdateViewModelFactory {
         this.layout.setNavigationLoading(false);
         return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1992,10 +2472,10 @@ class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(popup.data.context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
@@ -2010,10 +2490,10 @@ class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
             },
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
             type: Injectable
         }] });
 const AXPModifyEntitySectionWorkflow = {
@@ -2066,7 +2546,7 @@ class AXPEntityMasterSingleViewGroupViewModel {
         }, ...(ngDevMode ? [{ debugName: "description" }] : []));
         this.layout = computed(() => {
             const source = cloneDeep(this.section.layout ?? {});
-            set(source, 'positions.default.colSpan', 12);
+            set(source, 'positions.sm.colSpan', 12);
             return source;
         }, ...(ngDevMode ? [{ debugName: "layout" }] : []));
         this.props = computed(() => {
@@ -2306,10 +2786,10 @@ class AXPEntityDetailViewModelFactory {
         this.layout.setNavigationLoading(false);
         return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -2321,37 +2801,6 @@ const AXPEntityDetailViewModelResolver = (route, state, service = inject(AXPEnti
     return service.create(moduleName, entityName, id);
 };
 
-/**
- * Error type that can be thrown by middlewares to abort the chain with a structured payload.
- */
-class AXPMiddlewareAbortError extends Error {
-    constructor(message, options = {}) {
-        super(message);
-        this.message = message;
-        this.options = options;
-        this.name = 'AXPMiddlewareAbortError';
-    }
-    toResponse() {
-        return {
-            success: false,
-            error: {
-                code: this.options.code,
-                message: this.message,
-                status: this.options.status,
-                details: this.options.details,
-            },
-        };
-    }
-}
-/** Type guard for AXPMiddlewareAbortError */
-function isAXPMiddlewareAbortError(error) {
-    return error instanceof AXPMiddlewareAbortError;
-}
-//#endregion
-
-const AXP_ENTITY_STORAGE_BACKEND = new InjectionToken('AXP_ENTITY_STORAGE_BACKEND');
-const AXP_ENTITY_STORAGE_MIDDLEWARE = new InjectionToken('AXP_ENTITY_STORAGE_MIDDLEWARE');
-
 class AXPEntityStorageService {
 }
 class AXPEntityDataProvider {
@@ -2407,18 +2856,23 @@ class AXMEntityCrudServiceImpl {
     }
     async query(request = { skip: 0, take: 100 }) {
         const [moduleName, entityName] = this._entityDataProvider.entityName.split('.');
-        const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
-        if (entityRef.parentKey) {
-            if (!request.filter?.filters?.length && request.filter?.field !== entityRef.parentKey) {
-                request.filter = {
-                    value: true,
-                    field: entityRef.parentKey,
-                    operator: {
-                        type: 'isEmpty',
-                    },
-                };
+        try {
+            const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
+            if (entityRef.parentKey) {
+                if (!request.filter?.filters?.length && request.filter?.field !== entityRef.parentKey) {
+                    request.filter = {
+                        value: true,
+                        field: entityRef.parentKey,
+                        operator: {
+                            type: 'isEmpty',
+                        },
+                    };
+                }
             }
         }
+        catch (error) {
+            console.error(error);
+        }
         return this._entityDataProvider.query(request);
     }
     async findOne(filter) {
@@ -2435,7 +2889,7 @@ class AXMEntityCrudServiceImpl {
                 operator: {
                     type: 'isEmpty',
                 },
-            }
+            },
         };
         const result = await this._entityDataProvider.query(queryRequest);
         return result;
@@ -2451,7 +2905,7 @@ class AXMEntityCrudServiceImpl {
                 operator: {
                     type: 'equal',
                 },
-            }
+            },
         };
         const result = await this._entityDataProvider.query(queryRequest);
         return result;
@@ -2466,7 +2920,7 @@ class AXMEntityCrudServiceImpl {
                 operator: {
                     type: 'contains',
                 },
-            }
+            },
         };
         const result = await this._entityDataProvider.query(queryRequest);
         return result;
@@ -2479,177 +2933,6 @@ class AXMEntityCrudServiceImpl {
     }
 }
 
-class AXPMiddlewareEntityStorageService extends AXPEntityStorageService {
-    constructor() {
-        super(...arguments);
-        this.backend = inject(AXP_ENTITY_STORAGE_BACKEND);
-        this.allMiddlewares = (inject(AXP_ENTITY_STORAGE_MIDDLEWARE, { optional: true }) || []).slice();
-        this.injector = inject(EnvironmentInjector);
-    }
-    get dbName() {
-        return this.backend.dbName;
-    }
-    filterMiddlewares(ctx) {
-        return this.allMiddlewares
-            .filter((mw) => {
-            const t = mw.target;
-            if (!t)
-                return true;
-            if (t.ops && !t.ops.includes(ctx.op))
-                return false;
-            if (t.entity) {
-                if (typeof t.entity === 'string' && t.entity !== ctx.entityName)
-                    return false;
-                if (t.entity instanceof RegExp && !t.entity.test(ctx.entityName))
-                    return false;
-            }
-            if (t.predicate && !t.predicate(ctx))
-                return false;
-            return true;
-        })
-            .sort((a, b) => (a.target?.order ?? 0) - (b.target?.order ?? 0));
-    }
-    compose(mws, leaf, ctx) {
-        return mws
-            .slice()
-            .reverse()
-            .reduce((next, mw) => {
-            return async () => runInInjectionContext(this.injector, () => mw.execute(ctx, next));
-        }, leaf);
-    }
-    async run(ctx, delegate) {
-        const chain = this.compose(this.filterMiddlewares(ctx), async () => {
-            ctx.result = await delegate();
-        }, ctx);
-        await chain();
-        return ctx.result;
-    }
-    createCtx(op, entityName, init) {
-        return {
-            op,
-            entityName,
-            locals: new Map(),
-            backend: {
-                getOne: (name, id) => this.backend.getOne(name, id),
-                insertOne: (name, e) => this.backend.insertOne(name, e),
-                query: (name, request) => this.backend.query(name, request),
-                updateOne: (name, id, data) => this.backend.updateOne(name, id, data),
-            },
-            ...init,
-        };
-    }
-    async initial(entityName, collection, options) {
-        const ctx = this.createCtx('initial', entityName, { data: collection });
-        return this.run(ctx, () => this.backend.initial(entityName, ctx.data, options));
-    }
-    async getOne(entityName, id) {
-        const ctx = this.createCtx('getOne', entityName, { id });
-        return this.run(ctx, () => this.backend.getOne(entityName, id));
-    }
-    async updateOne(entityName, id, keyValues) {
-        const ctx = this.createCtx('update', entityName, { id, data: keyValues });
-        return this.run(ctx, () => this.backend.updateOne(entityName, id, ctx.data));
-    }
-    async deleteOne(entityName, id) {
-        const ctx = this.createCtx('delete', entityName, { id });
-        return this.run(ctx, () => this.backend.deleteOne(entityName, id));
-    }
-    async insertOne(entityName, entity) {
-        const ctx = this.createCtx('create', entityName, { data: entity });
-        return this.run(ctx, () => this.backend.insertOne(entityName, ctx.data));
-    }
-    async getAll(entityName) {
-        const ctx = this.createCtx('getAll', entityName);
-        return this.run(ctx, () => this.backend.getAll(entityName));
-    }
-    async query(entityName, request) {
-        const ctx = this.createCtx('query', entityName, { request });
-        return this.run(ctx, () => this.backend.query(entityName, request));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMiddlewareEntityStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMiddlewareEntityStorageService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMiddlewareEntityStorageService, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Entity Event Dispatcher - A wrapper for entity-specific events
- * Handles pattern-based dispatching for entity operations with wildcard support
- */
-class AXPEntityEventDispatcherService {
-    constructor() {
-        this.eventService = inject(AXPDistributedEventListenerService);
-    }
-    async dispatchEntityEvent(operation, entityName, data) {
-        const enhancedData = {
-            ...data,
-            entityName,
-            operation,
-            timestamp: new Date(),
-            source: 'entity-dispatcher',
-        };
-        const eventKeysToDispatch = await this.getAllMatchingEventKeys(operation, entityName);
-        const dispatchPromises = eventKeysToDispatch.map((key) => this.eventService.dispatch(key, enhancedData));
-        await Promise.all(dispatchPromises);
-    }
-    async getAllMatchingEventKeys(operation, entityName) {
-        const eventKeys = new Set();
-        const exactKeys = this.generateEventKeys(operation, entityName);
-        exactKeys.forEach((key) => eventKeys.add(key));
-        const wildcardKeys = await this.findMatchingWildcardKeys(operation, entityName);
-        wildcardKeys.forEach((key) => eventKeys.add(key));
-        return Array.from(eventKeys);
-    }
-    async findMatchingWildcardKeys(operation, entityName) {
-        const matchingKeys = [];
-        const allListenerKeys = await this.eventService.getRegisteredKeys();
-        const actualEventKey = `entity.${operation}.${entityName}`;
-        for (const listenerKey of allListenerKeys) {
-            if (listenerKey.includes('*') && this.matchesEntityPattern(actualEventKey, listenerKey)) {
-                matchingKeys.push(listenerKey);
-            }
-        }
-        return matchingKeys;
-    }
-    matchesEntityPattern(eventKey, pattern) {
-        if (!pattern.startsWith('entity.') || !pattern.includes('*')) {
-            return false;
-        }
-        const regexPattern = pattern.replace(/\./g, '\\.').replace(/\*/g, '.*');
-        const regex = new RegExp(`^${regexPattern}$`);
-        return regex.test(eventKey);
-    }
-    generateEventKeys(operation, entityName) {
-        const keys = [];
-        keys.push(`entity.${operation}`);
-        keys.push(`entity.${operation}.${entityName}`);
-        const entityParts = entityName.split('.');
-        if (entityParts.length > 1) {
-            const moduleName = entityParts[0];
-            keys.push(`entity.${operation}.${moduleName}`);
-        }
-        return keys;
-    }
-    async dispatchInserted(entityName, data) {
-        await this.dispatchEntityEvent('inserted', entityName, data);
-    }
-    async dispatchUpdated(entityName, data) {
-        await this.dispatchEntityEvent('updated', entityName, data);
-    }
-    async dispatchDeleted(entityName, data) {
-        await this.dispatchEntityEvent('deleted', entityName, data);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityEventDispatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityEventDispatcherService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityEventDispatcherService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 class AXPLayoutAdapterBuilder {
     constructor() {
         this.adapter = {};
@@ -2731,10 +3014,10 @@ class AXPLayoutAdapterBuilder {
             };
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLayoutAdapterBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLayoutAdapterBuilder, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLayoutAdapterBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLayoutAdapterBuilder, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLayoutAdapterBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLayoutAdapterBuilder, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3027,7 +3310,7 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
             return await context.expressionEvaluator.evaluate(actionData, scope);
         };
         const evaluatedActions = await evaluateExpressions(relatedEntity?.actions);
-        const filters = relatedEntity.conditions?.map(async (c) => {
+        const filters = await Promise.all(relatedEntity.conditions?.map(async (c) => {
             const value = await evaluateExpressions(c.value);
             return {
                 field: c.name,
@@ -3035,7 +3318,8 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                 value: value,
                 hidden: true,
             };
-        }) ?? [];
+        }) ?? []);
+        const transformedFilters = await context.filterOperatorMiddleware?.transformFilters(filters);
         return {
             id: entityDef?.name ?? '',
             title: `${context.rootTitle}`,
@@ -3115,7 +3399,7 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                     name: 'page-list',
                     defaultValue: {
                         toolbar: {
-                            filters: await Promise.all(filters),
+                            filters: await Promise.all(transformedFilters),
                         },
                     },
                     options: {
@@ -3198,7 +3482,7 @@ class AXPTabListConverter extends AXPBaseRelatedEntityConverter {
             return await context.expressionEvaluator.evaluate(actionData, scope);
         };
         // console.log({ relatedEntity });
-        const filters = relatedEntity.conditions?.map(async (c) => {
+        const filters = await Promise.all(relatedEntity.conditions?.map(async (c) => {
             const value = await evaluateExpressions(c.value);
             return {
                 field: c.name,
@@ -3206,8 +3490,9 @@ class AXPTabListConverter extends AXPBaseRelatedEntityConverter {
                 value: value,
                 hidden: true,
             };
-        }) ?? [];
+        }) ?? []);
         const actions = await evaluateExpressions(relatedEntity.actions);
+        const transformedFilters = await Promise.all(context.filterOperatorMiddleware?.transformFilters(filters));
         return {
             id: entityDef?.name ?? '',
             title: relatedEntity.title ?? entityDef?.title ?? '',
@@ -3218,7 +3503,7 @@ class AXPTabListConverter extends AXPBaseRelatedEntityConverter {
                     name: `${relatedEntity.entity}-tab-list`,
                     defaultValue: {
                         toolbar: {
-                            filters: await Promise.all(filters),
+                            filters: transformedFilters,
                         },
                     },
                     options: {
@@ -3226,6 +3511,7 @@ class AXPTabListConverter extends AXPBaseRelatedEntityConverter {
                         showEntityActions: true,
                         showToolbar: false,
                         actions: actions,
+                        maxHeight: '300px',
                     },
                 },
             ],
@@ -3260,10 +3546,10 @@ class AXPRelatedEntityConverterFactory {
     createTabListConverter() {
         return this.createConverter('tab-list');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRelatedEntityConverterFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRelatedEntityConverterFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPRelatedEntityConverterFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPRelatedEntityConverterFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPRelatedEntityConverterFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPRelatedEntityConverterFactory, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3275,10 +3561,16 @@ class AXPMainEntityContentBuilder {
         this.relatedEntityConverterFactory = relatedEntityConverterFactory;
         this.workflowService = inject(AXPWorkflowService);
         this.commandService = inject(AXPCommandService);
+        this.filterOperatorMiddleware = inject(AXPFilterOperatorMiddlewareService);
     }
     async build(entity, rootContext, dependencies, rootTitle) {
         const groups = entity?.groups ?? [];
         const singleInterface = entity?.interfaces?.master?.single;
+        const updateInterface = entity?.interfaces?.master?.update;
+        // Get list of visible property names from single interface
+        const visiblePropertyNames = new Set(singleInterface?.properties?.map((p) => p.name) ?? []);
+        // Get list of editable property names from update interface
+        const editablePropertyNames = new Set(updateInterface?.properties?.map((p) => p.name) ?? []);
         // Accumulate groups from main and merge-detail related entities for validation/title lookup
         const allGroups = [...groups];
         // Create expression evaluator for actions
@@ -3698,9 +3990,15 @@ class AXPMainEntityContentBuilder {
                                                 },
                                             },
                                         },
-                                        children: (await getVisiblePropertyByGroupId(s.id)).map((p) => {
+                                        children: (await getVisiblePropertyByGroupId(s.id))
+                                            .filter((p) => visiblePropertyNames.has(p.name))
+                                            .map((p) => {
                                             const layout = getPropertyLayout(p.name, p);
                                             const prefixed = p.__dataPath ? `${p.__dataPath}.${p.name}` : p.name;
+                                            // Check if property is editable (exists in update interface)
+                                            const isEditable = editablePropertyNames.has(p.name);
+                                            // Check if property has its own disabled option
+                                            const hasOwnDisabled = p.schema.interface?.options?.disabled !== undefined;
                                             return {
                                                 type: 'grid-item-layout',
                                                 name: prefixed,
@@ -3734,7 +4032,9 @@ class AXPMainEntityContentBuilder {
                                                                     })),
                                                                     // Attach dataPath for merged properties to be available in widgets/options if needed
                                                                     dataPath: p.__dataPath,
-                                                                }),
+                                                                }, 
+                                                                // Only set disabled if property doesn't have its own disabled option
+                                                                hasOwnDisabled ? {} : { disabled: !isEditable }),
                                                             },
                                                         ],
                                                     },
@@ -3846,14 +4146,15 @@ class AXPMainEntityContentBuilder {
                 entityResolver: dependencies.entityResolver,
                 expressionEvaluator: dependencies.expressionEvaluator,
                 context: rootContext,
+                filterOperatorMiddleware: this.filterOperatorMiddleware,
             }));
         }
         return tabs;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMainEntityContentBuilder, deps: [{ token: AXPRelatedEntityConverterFactory }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMainEntityContentBuilder, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMainEntityContentBuilder, deps: [{ token: AXPRelatedEntityConverterFactory }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMainEntityContentBuilder, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPMainEntityContentBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMainEntityContentBuilder, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3861,10 +4162,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }] });
 
 class AXPLayoutAdapterFactory {
-    constructor(relatedEntityConverterFactory, mainEntityContentBuilder, layoutAdapterBuilder) {
+    constructor(relatedEntityConverterFactory, mainEntityContentBuilder, layoutAdapterBuilder, filterOperatorMiddleware) {
         this.relatedEntityConverterFactory = relatedEntityConverterFactory;
         this.mainEntityContentBuilder = mainEntityContentBuilder;
         this.layoutAdapterBuilder = layoutAdapterBuilder;
+        this.filterOperatorMiddleware = filterOperatorMiddleware;
     }
     async createDetailsViewAdapter(entityResolver, moduleName, entityName, id, dependencies) {
         const entity = await entityResolver.resolve(moduleName, entityName);
@@ -3913,6 +4215,7 @@ class AXPLayoutAdapterFactory {
                 ...dependencies,
                 context: rootContext,
                 rootTitle: rootTitle,
+                filterOperatorMiddleware: this.filterOperatorMiddleware,
             }));
         }
         // Include nested page-related entities from merge-detail related entities
@@ -3992,15 +4295,15 @@ class AXPLayoutAdapterFactory {
         const title = await dependencies.expressionEvaluator.evaluate(entity.interfaces?.master?.single?.title, rootContext);
         return title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLayoutAdapterFactory, deps: [{ token: AXPRelatedEntityConverterFactory }, { token: AXPMainEntityContentBuilder }, { token: AXPLayoutAdapterBuilder }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLayoutAdapterFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLayoutAdapterFactory, deps: [{ token: AXPRelatedEntityConverterFactory }, { token: AXPMainEntityContentBuilder }, { token: AXPLayoutAdapterBuilder }, { token: i4$1.AXPFilterOperatorMiddlewareService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLayoutAdapterFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLayoutAdapterFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLayoutAdapterFactory, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }, { type: AXPMainEntityContentBuilder }, { type: AXPLayoutAdapterBuilder }] });
+        }], ctorParameters: () => [{ type: AXPRelatedEntityConverterFactory }, { type: AXPMainEntityContentBuilder }, { type: AXPLayoutAdapterBuilder }, { type: i4$1.AXPFilterOperatorMiddlewareService }] });
 
 const AXPLayoutDetailsViewRouteResolver = async (route, state, entityResolver = inject(AXPEntityDefinitionRegistryService), expressionEvaluator = inject(AXPExpressionEvaluatorService), session = inject(AXPSessionService), formatService = inject(AXFormatService), workflowService = inject(AXPWorkflowService), layoutAdapterFactory = inject(AXPLayoutAdapterFactory)) => {
     const moduleName = route.parent?.paramMap.get('module');
@@ -4188,7 +4491,6 @@ function getVisibleProperties(entity) {
 class AXPEntityListTableService {
     constructor() {
         //#region ----   Services & Dependencies   ----
-        this.entityResolver = inject(AXPEntityResolver);
         this.workflow = inject(AXPWorkflowService);
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
         this.evaluateExpressions = async (options, data) => {
@@ -4361,10 +4663,10 @@ class AXPEntityListTableService {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListTableService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListTableService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListTableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListTableService, decorators: [{
             type: Injectable
         }] });
 
@@ -4383,6 +4685,9 @@ class AXPEntityListToolbarService {
             filterDefinitions: this.createFilterDefinitions(entity),
             columnDefinitions: this.createColumnDefinitions(entity, options),
             sortDefinitions: this.createSortDefinitions(entity),
+            canFilter: true,
+            canColumns: true,
+            canSort: true,
         };
         return toolbarOptions;
     }
@@ -4455,17 +4760,17 @@ class AXPEntityListToolbarService {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListToolbarService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListToolbarService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListToolbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListToolbarService, decorators: [{
             type: Injectable
         }] });
 
 class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
-        this.entityResolver = inject(AXPEntityResolver);
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
         this.workflow = inject(AXPWorkflowService);
         this.entityListTableService = inject(AXPEntityListTableService);
         this.entityListToolbarService = inject(AXPEntityListToolbarService);
@@ -4475,7 +4780,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         this.listNode = signal(null, ...(ngDevMode ? [{ debugName: "listNode" }] : []));
         this.list = viewChild('list', ...(ngDevMode ? [{ debugName: "list" }] : []));
         this.allWidgets = viewChildren(AXPWidgetRendererDirective, ...(ngDevMode ? [{ debugName: "allWidgets" }] : []));
-        this.listWidget = linkedSignal(() => this.allWidgets().find((widget) => widget.node()?.type === AXPWidgetsCatalog.list));
+        this.listWidget = linkedSignal(() => this.allWidgets().find((widget) => widget.node()?.type === AXPWidgetsCatalog.list), ...(ngDevMode ? [{ debugName: "listWidget" }] : []));
         this.toolbarWidget = computed(() => this.allWidgets().find((widget) => widget.node()?.type === AXPWidgetsCatalog.listToolbar), ...(ngDevMode ? [{ debugName: "toolbarWidget" }] : []));
         this.selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
         this.toolbarNode = signal(null, ...(ngDevMode ? [{ debugName: "toolbarNode" }] : []));
@@ -4485,6 +4790,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         this.excludeColumns = computed(() => this.options()['excludeColumns'], ...(ngDevMode ? [{ debugName: "excludeColumns" }] : []));
         this.includeColumns = computed(() => this.options()['includeColumns'], ...(ngDevMode ? [{ debugName: "includeColumns" }] : []));
         this.externalActions = computed(() => this.options()['actions'], ...(ngDevMode ? [{ debugName: "externalActions" }] : []));
+        this.maxHeight = computed(() => this.options()['maxHeight'], ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
         this.showEntityActions = computed(() => this.options()['showEntityActions'] ?? true, ...(ngDevMode ? [{ debugName: "showEntityActions" }] : []));
         this.showToolbar = computed(() => this.options()['showToolbar'] ?? true, ...(ngDevMode ? [{ debugName: "showToolbar" }] : []));
         //actions
@@ -4554,7 +4860,8 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         this.#effect = effect(() => {
             const queries = this.getValue()?.toolbar;
             const listInstance = this.listWidget()?.instance;
-            const dataSource = this.listWidget()?.options()['dataSource'];
+            // const dataSource = this.listWidget()?.options()['dataSource'] as AXDataSource;
+            const dataSource = listInstance?.options()?.['dataSource'];
             const isMounted = this.isMounted();
             if (!this.hasRequiredDependencies(dataSource, queries, listInstance)) {
                 return;
@@ -4699,7 +5006,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
             throw new Error('Invalid entity source');
         }
         // Resolve entity and set it in the signal
-        const resolvedEntity = await this.entityResolver.get(moduleName, entityName);
+        const resolvedEntity = await this.entityService.resolve(moduleName, entityName);
         if (!resolvedEntity) {
             throw new Error(`Entity not found: ${this.entitySource()}`);
         }
@@ -4754,8 +5061,8 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         this.destroyed.next();
         this.destroyed.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEntityListWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "\"ax-h-full\"" } }, providers: [AXPEntityListTableService, AXPEntityListToolbarService], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }, { propertyName: "allWidgets", predicate: AXPWidgetRendererDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPEntityListWidgetViewComponent, isStandalone: true, selector: "ng-component", host: { properties: { "class": "\"ax-h-full\"" } }, providers: [AXPEntityListTableService, AXPEntityListToolbarService], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }, { propertyName: "allWidgets", predicate: AXPWidgetRendererDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     @if (showEntityActions()) {
       <div class="ax-flex ax-gap-2 ax-justify-end ax-mb-4">
         @for (action of primaryActions(); track $index) {
@@ -4802,7 +5109,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
           <ax-button
             [class.ax-sm]="layoutThemeService.isSmall()"
             [iconOnly]="layoutThemeService.isSmall()"
-            [text]="'@general:terms.workflow.actions' | translate | async"
+            [text]="'@general:terms.interface.actions' | translate | async"
             [look]="layoutThemeService.isSmall() ? 'blank' : 'solid'"
             [color]="'default'"
           >
@@ -4834,7 +5141,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         }
       </div>
     }
-    <div class="ax-flex ax-flex-col ax-gap-2 ax-h-full">
+    <div class="ax-flex ax-flex-col ax-gap-2 ax-h-full" [style.max-height]="maxHeight()">
       @if (toolbarNode() != null && showToolbar()) {
         <ng-container
           #toolbar
@@ -4856,9 +5163,9 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         ></ng-container>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i3$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", 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: AXPWidgetCoreModule }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { 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: "component", type: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4$2.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityListWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityListWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -4908,7 +5215,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
           <ax-button
             [class.ax-sm]="layoutThemeService.isSmall()"
             [iconOnly]="layoutThemeService.isSmall()"
-            [text]="'@general:terms.workflow.actions' | translate | async"
+            [text]="'@general:terms.interface.actions' | translate | async"
             [look]="layoutThemeService.isSmall() ? 'blank' : 'solid'"
             [color]="'default'"
           >
@@ -4940,7 +5247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         }
       </div>
     }
-    <div class="ax-flex ax-flex-col ax-gap-2 ax-h-full">
+    <div class="ax-flex ax-flex-col ax-gap-2 ax-h-full" [style.max-height]="maxHeight()">
       @if (toolbarNode() != null && showToolbar()) {
         <ng-container
           #toolbar
@@ -4969,7 +5276,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [AXPEntityListTableService, AXPEntityListToolbarService],
-                    imports: [CommonModule, AXDecoratorModule, AXPLayoutBuilderModule, AXButtonModule, AXDropdownModule, AXTranslationModule],
+                    imports: [
+                        CommonModule,
+                        AXDecoratorModule,
+                        AXPWidgetCoreModule,
+                        AXButtonModule,
+                        AXDropdownModule,
+                        AXTranslationModule,
+                    ],
                 }]
         }] });
 
@@ -5004,10 +5318,10 @@ const AXPEntityListWidget = {
 };
 
 class AXPEntityReferenceWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEntityReferenceWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPEntityReferenceWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -5036,10 +5350,10 @@ class AXPEntityReferenceWidgetEditComponent extends AXPLayoutBaseWidgetComponent
         }, ...(ngDevMode ? [{ debugName: "#efEntity" }] : []));
     }
     #efEntity;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEntityReferenceWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPEntityReferenceWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -5055,10 +5369,10 @@ var entityReferenceWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPEntityReferenceWidgetColumnComponent extends AXPColumnWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEntityReferenceWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPEntityReferenceWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `{{rawValue}}`,
@@ -5075,10 +5389,10 @@ var entityReferenceWidgetColumn_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPEntityReferenceWidgetPrintComponent extends AXPLayoutBaseWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEntityReferenceWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPEntityReferenceWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -5095,10 +5409,10 @@ var entityReferenceWidgetPrint_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPEntityReferenceWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPEntityReferenceWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPEntityReferenceWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityReferenceWidgetDesignerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityReferenceWidgetDesignerComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -5120,23 +5434,138 @@ const AXPEntityReferenceWidget = {
     type: 'view',
     categories: [],
     groups: [AXPWidgetGroupEnum.EntityWidget],
-    icon: 'fa-solid fa-square',
-    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
+    icon: 'fa-solid fa-square',
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetView_component; }).then((c) => c.AXPEntityReferenceWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetEdit_component; }).then((c) => c.AXPEntityReferenceWidgetEditComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetColumn_component; }).then((c) => c.AXPEntityReferenceWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetPrint_component; }).then((c) => c.AXPEntityReferenceWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return entityReferenceWidgetDesigner_component; }).then((c) => c.AXPEntityReferenceWidgetDesignerComponent),
+        },
+    },
+};
+
+class AXPLookupFilterWidgetEditComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.editorPath = `__${this.path}EditorValue`;
+        this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.valueField = computed(() => this.options()['valueField'] ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        // protected expose = computed<string | undefined | any[]>(() => this.options()['expose'] as string);
+        this.customFilter = computed(() => this.options()['filter'], ...(ngDevMode ? [{ debugName: "customFilter" }] : []));
+        this.multiple = computed(() => (this.options()['multiple'] ?? false), ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        //#endregion
+        //#region ----   Lookup Node   ----
+        this.lookupNode = signal({
+            type: 'lookup-editor',
+            defaultValue: undefined,
+            path: this.path,
+            options: {},
+        }, ...(ngDevMode ? [{ debugName: "lookupNode" }] : []));
+        //#endregion
+        //#region ----   Effects   ----
+        this.#efUpdateLookupNode = effect(() => {
+            // console.log('path:', this.path, this.expose());
+            const node = {
+                type: 'lookup-editor',
+                // defaultValue: this.getValue()?.value,
+                path: this.editorPath,
+                options: {
+                    entity: this.entity(),
+                    expose: [
+                        {
+                            source: this.textField(),
+                            target: `${this.path}EditorObj.title`,
+                        },
+                        {
+                            source: this.valueField(),
+                            target: `${this.path}EditorObj.id`,
+                        },
+                    ],
+                    look: 'select',
+                    multiple: this.multiple(),
+                    textField: this.textField(),
+                    filter: this.customFilter(),
+                    allowClear: true,
+                },
+            };
+            this.lookupNode.set(node);
+        }, ...(ngDevMode ? [{ debugName: "#efUpdateLookupNode" }] : []));
+        this.#efUpdateValue = effect(() => {
+            const newValueObj = this.contextService.getValue(`${this.path}EditorObj`);
+            const prevValue = untracked(() => this.getValue()?.value);
+            if (isEqual(prevValue, newValueObj?.[this.valueField()])) {
+                return;
+            }
+            const value = this.multiple()
+                ? newValueObj?.[this.valueField()].map((v) => v[this.valueField()])
+                : newValueObj?.[this.valueField()];
+            const displayText = this.multiple()
+                ? newValueObj?.[this.textField()].map((v) => v[this.textField()]).join(',')
+                : newValueObj?.[this.textField()];
+            this.setValue({
+                value: value,
+                operation: {
+                    type: this.multiple() ? 'in' : 'equal',
+                },
+                displayText: displayText,
+            });
+        }, ...(ngDevMode ? [{ debugName: "#efUpdateValue" }] : []));
+    }
+    //#endregion
+    //#region ----   Effects   ----
+    #efUpdateLookupNode;
+    #efUpdateValue;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupFilterWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPLookupFilterWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <ng-container axp-widget-renderer [node]="lookupNode()" [mode]="'edit'"></ng-container> `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupFilterWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <ng-container axp-widget-renderer [node]="lookupNode()" [mode]="'edit'"></ng-container> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXValidationModule,
+                        AXFormModule,
+                        AXPWidgetCoreModule,
+                    ],
+                }]
+        }] });
+
+var lookupFilterWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupFilterWidgetEditComponent: AXPLookupFilterWidgetEditComponent
+});
+
+const AXPLookupFilterWidget = {
+    name: 'lookup-filter',
+    title: 'Lookup Filter',
+    // categories: AXP_WIDGETS_FILTER_CATEGORY,
+    type: 'filter',
+    groups: [AXPWidgetGroupEnum.EntityWidget],
+    icon: 'fa-light fa-square',
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return entityReferenceWidgetView_component; }).then((c) => c.AXPEntityReferenceWidgetViewComponent),
-        },
         edit: {
-            component: () => Promise.resolve().then(function () { return entityReferenceWidgetEdit_component; }).then((c) => c.AXPEntityReferenceWidgetEditComponent),
-        },
-        column: {
-            component: () => Promise.resolve().then(function () { return entityReferenceWidgetColumn_component; }).then((c) => c.AXPEntityReferenceWidgetColumnComponent),
-        },
-        print: {
-            component: () => Promise.resolve().then(function () { return entityReferenceWidgetPrint_component; }).then((c) => c.AXPEntityReferenceWidgetPrintComponent),
-        },
-        designer: {
-            component: () => Promise.resolve().then(function () { return entityReferenceWidgetDesigner_component; }).then((c) => c.AXPEntityReferenceWidgetDesignerComponent),
+            component: () => Promise.resolve().then(function () { return lookupFilterWidgetEdit_component; }).then((c) => c.AXPLookupFilterWidgetEditComponent),
         },
     },
 };
@@ -5203,8 +5632,8 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
         cls[`ax-gap-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLookupWidgetViewComponent, isStandalone: true, selector: "axp-lookup-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPLookupWidgetViewComponent, isStandalone: true, selector: "axp-lookup-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     @if(loading())
     {
       <ax-loading></ax-loading>
@@ -5222,9 +5651,9 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
           <span class="ax-text-muted">---</span>
         }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-view',
@@ -5310,6 +5739,7 @@ class AXPEntityDataSelectorService {
             selectionMode: options.allowMultiple ? 'multiple' : 'single',
             searchFields,
             parentField: options.entity.parentKey,
+            filters: options.filters || undefined,
             allowCreate: options.allowCreate ?? this.canCreate(options.entity),
             // Note: Custom filters will be applied to the dataSource in createDataSource
         };
@@ -5318,7 +5748,7 @@ class AXPEntityDataSelectorService {
      * Create data source from entity definition
      */
     createDataSource(options) {
-        const { entity, customFilter, parentFilters } = options;
+        const { entity, filters, parentFilters } = options;
         return new AXDataSource({
             byKey: (key) => {
                 const func = entity.queries.byKey.execute;
@@ -5326,7 +5756,7 @@ class AXPEntityDataSelectorService {
             },
             load: (e) => {
                 const func = entity.queries.list?.execute;
-                this.mergeFilters(e, customFilter, parentFilters);
+                this.mergeFilters(e, filters, parentFilters);
                 return func(e);
             },
             pageSize: 10,
@@ -5376,6 +5806,7 @@ class AXPEntityDataSelectorService {
                 name: column.name,
                 title: property.title || column.title || column.name,
                 visible: true,
+                dataPath: column.options?.dataPath,
                 widget: {
                     type: widgetType,
                     options: widgetOptions
@@ -5438,10 +5869,10 @@ class AXPEntityDataSelectorService {
         }
         return request;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDataSelectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDataSelectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDataSelectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDataSelectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDataSelectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDataSelectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5555,7 +5986,7 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
                 entity: this.entityDef(),
                 title: `${this.translateService.translateSync('@general:widgets.lookup.search')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`,
                 allowMultiple: this.multiple(),
-                customFilter: this.customFilter(),
+                filters: this.customFilter(),
                 parentFilters: this.filter,
                 columns: this.columns(),
                 allowCreate: true
@@ -5708,8 +6139,8 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
     singleOrMultiple(values) {
         return this.multiple() ? values : values[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
   @if(dataSource()) {
     @if (look() == 'select') {
       <ax-select-box
@@ -5778,9 +6209,9 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
   }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
-                AXButtonModule }, { kind: "component", type: i3$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.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"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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", "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"], 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"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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", "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"], 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-edit',
@@ -5799,425 +6230,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
         <ax-search-box>
           <ax-clear-button></ax-clear-button>
         </ax-search-box>
-        @for (validation of validationRules(); track $index) {
-          <ax-validation-rule
-            [rule]="validation.rule"
-            [message]="validation.options?.message"
-            [options]="validation.options"
-          ></ax-validation-rule>
-        }
-        @if (allowClear()) {
-          <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
-        }
-      </ax-select-box>
-    } @else {
-      <ax-tag-box
-        [ngModel]="selectedItems()"
-        [textField]="displayField()"
-        [valueField]="valueField()"
-        (onValueChanged)="handleValueChange($event)"
-        [placeholder]="placeholder() | translate | async"
-        [addOnEnter]="false"
-        [addOnComma]="false"
-        [disabled]="disabled()"
-        (onKeyUp)="handleKeyUp($event)"
-        (onBlur)="handleOnBlur($event)"
-      >
-        @for (validation of validationRules(); track $index) {
-          <ax-validation-rule
-            [rule]="validation.rule"
-            [message]="validation.options?.message"
-            [options]="validation.options"
-          ></ax-validation-rule>
-        }
-        @if (selectedItems().length > 1 || allowClear()) {
-          <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
-        }
-
-        <ax-suffix>
-          <ax-button
-            color="ghost"
-            look="blank"
-            [disabled]="isLoading() || disabled()"
-            (onClick)="handleOnClick($event)"
-          >
-            @if (isLoading()) {
-              <ax-loading></ax-loading>
-            } @else {
-              <ax-icon icon="far fa-search"> </ax-icon>
-            }
-          </ax-button>
-        </ax-suffix>
-      </ax-tag-box>
-    }
-  }
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        //
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXValidationModule,
-                        AXFormModule,
-                        AXTagBoxModule,
-                        AXTranslationModule,
-                        AXSelectBoxModule,
-                        AXSearchBoxComponent,
-                    ],
-                }]
-        }] });
-
-var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLookupWidgetEditComponent: AXPLookupWidgetEditComponent
-});
-
-class AXPEntityDetailPopoverComponent {
-    constructor() {
-        //#region ----   Dependencies   ----
-        this.commandService = inject(AXPCommandService);
-        this.queryService = inject(AXPQueryService);
-        //#endregion
-        //#region ----   Inputs   ----
-        this.entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : []));
-        this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : []));
-        this.textField = input('title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        this.valueField = input('id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
-        this.item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : []));
-        //#endregion
-        //#region ----   View Children   ----
-        this.detailPopover = viewChild('detailPopover', ...(ngDevMode ? [{ debugName: "detailPopover" }] : []));
-        //#endregion
-        //#region ----   Signals   ----
-        this.entityDetails = signal(null, ...(ngDevMode ? [{ debugName: "entityDetails" }] : []));
-        this.isLoadingDetails = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingDetails" }] : []));
-        this.isDetailPopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isDetailPopoverOpen" }] : []));
-    }
-    //#endregion
-    //#region ----   Public Methods   ----
-    /**
-     * Show the entity detail popover
-     */
-    async show(target) {
-        this.isDetailPopoverOpen.set(true);
-        this.isLoadingDetails.set(true);
-        this.entityDetails.set(null);
-        // Open the popover immediately to display loading state
-        if (this.detailPopover()) {
-            const targetElement = target instanceof ElementRef ? target.nativeElement : target;
-            this.detailPopover().target = targetElement;
-            this.detailPopover().open();
-        }
-        else {
-            // In case the view child is not ready yet, schedule an immediate open
-            setTimeout(() => {
-                if (this.detailPopover()) {
-                    const targetElement = target instanceof ElementRef ? target.nativeElement : target;
-                    this.detailPopover().target = targetElement;
-                    this.detailPopover().open();
-                }
-            }, 0);
-        }
-        // Fetch entity details using the query
-        try {
-            const result = await this.queryService.fetch('Entity:GetDetails', {
-                entity: this.entity(),
-                id: this.entityId(),
-            });
-            if (result?.success) {
-                this.entityDetails.set(result);
-            }
-        }
-        catch (error) {
-            console.error('Failed to fetch entity details:', error);
-        }
-        finally {
-            this.isLoadingDetails.set(false);
-        }
-    }
-    /**
-     * Hide the entity detail popover
-     */
-    hide() {
-        this.isDetailPopoverOpen.set(false);
-        this.entityDetails.set(null);
-        this.isLoadingDetails.set(false);
-        if (this.detailPopover()) {
-            this.detailPopover().close();
-        }
-    }
-    onDetailPopoverOpenChange(event) {
-        this.isDetailPopoverOpen.set(event);
-        if (!event) {
-            this.entityDetails.set(null);
-            this.isLoadingDetails.set(false);
-        }
-    }
-    async navigateToDetails() {
-        if (this.entityId()) {
-            await this.commandService.execute('Entity:OpenDetails', {
-                entity: this.entity(),
-                data: { id: this.entityId() },
-            });
-            this.hide();
-        }
-    }
-    //#endregion
-    //#region ----   Helper Methods   ----
-    /**
-     * Returns true if a value is meaningful for display (non-empty/non-null).
-     */
-    hasMeaningfulValue(value) {
-        if (value === null || value === undefined)
-            return false;
-        if (typeof value === 'string')
-            return value.trim().length > 0;
-        if (Array.isArray(value))
-            return value.length > 0;
-        if (typeof value === 'object')
-            return Object.keys(value).length > 0;
-        return true;
-    }
-    /**
-     * Calculates an importance score for a property based on its widget type,
-     * whether it currently has a meaningful value, and metadata like title.
-     */
-    getPropertyImportanceScore(prop, data) {
-        const schema = prop.showAs?.type ?? prop.schema;
-        const importanceMap = {
-            [AXPWidgetsCatalog.text]: 100,
-            [AXPWidgetsCatalog.select]: 95,
-            [AXPWidgetsCatalog.number]: 90,
-            [AXPWidgetsCatalog.dateTime]: 85,
-            [AXPWidgetsCatalog.richText]: 80,
-            [AXPWidgetsCatalog.largeText]: 75,
-            [AXPWidgetsCatalog.contact]: 74,
-            [AXPWidgetsCatalog.toggle]: 65,
-            [AXPWidgetsCatalog.checkbox]: 60,
-            [AXPWidgetsCatalog.color]: 40,
-        };
-        let score = importanceMap[schema] ?? 50;
-        // Prefer fields that actually have a value for the current entity
-        if (this.hasMeaningfulValue(data?.[prop.name])) {
-            score += 20;
-        }
-        // Slight preference for human-friendly titled fields
-        const hasTitle = prop.title && prop.title !== prop.name;
-        if (hasTitle) {
-            score += 5;
-        }
-        return score;
-    }
-    /**
-     * Calculates a name-based importance score to prioritize common key fields
-     * like title, description, status, and important dates.
-     * Name priority MUST come before widget-type priority.
-     */
-    getNameImportanceScore(prop) {
-        const rawName = (prop.options?.dataPath ?? prop.name ?? '').toString();
-        const normalized = rawName.toLowerCase();
-        const collapsed = normalized.replace(/[^a-z0-9]/g, '');
-        const priorities = [
-            { keys: ['title', 'name', 'subject', 'code'], score: 120 },
-            { keys: ['description', 'details', 'summary', 'remark', 'remarks'], score: 110 },
-            { keys: ['status', 'state', 'phase', 'stage'], score: 105 },
-            { keys: ['priority', 'severity', 'rank'], score: 100 },
-            { keys: ['expirydate', 'expirationdate', 'expiredate', 'duedate', 'deadline', 'enddate'], score: 98 },
-            { keys: ['startdate', 'createdat', 'createdon', 'updatedat', 'updatedon'], score: 95 },
-            { keys: ['owner', 'assignee', 'assignedto'], score: 92 },
-            { keys: ['email', 'phone', 'mobile', 'contact'], score: 90 },
-            { keys: ['category', 'type', 'label', 'tag', 'note', 'notes'], score: 85 },
-            { keys: ['primary', 'active', 'active', 'enabled', 'archived', 'deleted', 'locked', 'disabled'], score: -2 }, // send to bottom,
-        ];
-        for (const group of priorities) {
-            for (const key of group.keys) {
-                if (collapsed === key || collapsed.endsWith(key)) {
-                    return group.score;
-                }
-            }
+        @for (validation of validationRules(); track $index) {
+          <ax-validation-rule
+            [rule]="validation.rule"
+            [message]="validation.options?.message"
+            [options]="validation.options"
+          ></ax-validation-rule>
         }
-        // Pattern-based priorities (generic forms like validFrom/validTo, start*/end*)
-        if (collapsed.endsWith('from') || collapsed.endsWith('to')) {
-            return 97;
+        @if (allowClear()) {
+          <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
         }
-        if (collapsed.startsWith('start') || collapsed.startsWith('end')) {
-            return 96;
+      </ax-select-box>
+    } @else {
+      <ax-tag-box
+        [ngModel]="selectedItems()"
+        [textField]="displayField()"
+        [valueField]="valueField()"
+        (onValueChanged)="handleValueChange($event)"
+        [placeholder]="placeholder() | translate | async"
+        [addOnEnter]="false"
+        [addOnComma]="false"
+        [disabled]="disabled()"
+        (onKeyUp)="handleKeyUp($event)"
+        (onBlur)="handleOnBlur($event)"
+      >
+        @for (validation of validationRules(); track $index) {
+          <ax-validation-rule
+            [rule]="validation.rule"
+            [message]="validation.options?.message"
+            [options]="validation.options"
+          ></ax-validation-rule>
         }
-        return 0;
-    }
-    getEntityPropertiesWithWidgets() {
-        const data = this.entityDetails()?.entityData;
-        const entityDefinition = this.entityDetails()?.entityDefinition;
-        if (!data || !entityDefinition?.properties)
-            return [];
-        // Get properties from entity definition and filter by importance
-        const importantProperties = (entityDefinition.columns ?? [])
-            .map((prop, index) => {
-            const propName = prop.options?.dataPath ?? prop.name;
-            const schema = prop.showAs?.type ?? entityDefinition.properties.find((p) => p.name === propName)?.schema.interface?.type;
-            const title = prop.title ?? entityDefinition.properties.find((p) => p.name === propName)?.title ?? prop.name;
-            return {
-                ...prop,
-                schema,
-                title,
-                orderIndex: index,
-            };
-        })
-            .filter((prop) => {
-            // Exclude technical fields
-            if (prop.name === 'id' || prop.name === this.textField() || prop.name === this.valueField()) {
-                return false;
-            }
-            // Only include properties that exist in the data
-            if (!data.hasOwnProperty(prop.name)) {
-                return false;
-            }
-            // Filter by property importance based on schema and options
-            const schema = prop.showAs?.type ?? entityDefinition.properties.find((p) => p.name === prop.name)?.schema.interface?.type;
-            // Include common important field types
-            const importantWidgets = [
-                AXPWidgetsCatalog.text,
-                AXPWidgetsCatalog.largeText,
-                AXPWidgetsCatalog.richText,
-                //
-                AXPWidgetsCatalog.select,
-                //AXPWidgetsCatalog.lookup,
-                //
-                AXPWidgetsCatalog.number,
-                AXPWidgetsCatalog.toggle,
-                AXPWidgetsCatalog.checkbox,
-                //
-                AXPWidgetsCatalog.dateTime,
-                AXPWidgetsCatalog.color,
-                AXPWidgetsCatalog.contact,
-            ];
-            //
-            if (importantWidgets.includes(schema)) {
-                return true;
+        @if (selectedItems().length > 1 || allowClear()) {
+          <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
+        }
+
+        <ax-suffix>
+          <ax-button
+            color="ghost"
+            look="blank"
+            [disabled]="isLoading() || disabled()"
+            (onClick)="handleOnClick($event)"
+          >
+            @if (isLoading()) {
+              <ax-loading></ax-loading>
+            } @else {
+              <ax-icon icon="far fa-search"> </ax-icon>
             }
-            return false;
-        })
-            .sort((a, b) => {
-            // Primary: name-based importance
-            const nameScoreA = this.getNameImportanceScore(a);
-            const nameScoreB = this.getNameImportanceScore(b);
-            if (nameScoreA !== nameScoreB)
-                return nameScoreB - nameScoreA;
-            // Secondary: widget/value/title based importance
-            const widgetScoreA = this.getPropertyImportanceScore(a, data);
-            const widgetScoreB = this.getPropertyImportanceScore(b, data);
-            if (widgetScoreA !== widgetScoreB)
-                return widgetScoreB - widgetScoreA;
-            const aHasValue = this.hasMeaningfulValue(data?.[a.name]);
-            const bHasValue = this.hasMeaningfulValue(data?.[b.name]);
-            if (aHasValue !== bHasValue)
-                return aHasValue ? -1 : 1;
-            const aHasTitle = a.title && a.title !== a.name;
-            const bHasTitle = b.title && b.title !== b.name;
-            if (aHasTitle !== bHasTitle)
-                return aHasTitle ? -1 : 1;
-            if ((a.orderIndex ?? 0) !== (b.orderIndex ?? 0))
-                return (a.orderIndex ?? 0) - (b.orderIndex ?? 0);
-            return a.name.localeCompare(b.name);
-        })
-            .map((prop) => {
-            // Create widget node based on property schema
-            const widgetNode = {
-                type: prop.schema || AXPWidgetsCatalog.text,
-                path: prop.options?.dataPath || prop.name,
-                options: prop.options ?? {},
-                mode: 'view',
-            };
-            return {
-                name: prop.name,
-                title: prop.title || prop.name,
-                node: widgetNode,
-            };
-        })
-            .slice(0, 7); // Limit to 7 most important fields
-        return importantProperties;
+          </ax-button>
+        </ax-suffix>
+      </ax-tag-box>
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: 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"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i3$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+  }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
                         CommonModule,
+                        FormsModule,
+                        //
                         AXButtonModule,
-                        AXPopoverModule,
-                        AXPLayoutBuilderModule,
-                        AXTranslationModule,
+                        AXDecoratorModule,
                         AXLoadingModule,
-                    ], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        @if (entityDetails()?.entityData?.[textField()]) {\n          {{ entityDetails()?.entityData[textField()] }}\n        } @else {\n          {{ item()?.[textField()] }}\n        }\n      </h3>\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button [color]=\"'primary'\" [look]=\"'solid'\" text=\"Open Details\" (click)=\"navigateToDetails()\"> </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n" }]
-        }] });
-
-class AXPEntityDetailPopoverService {
-    constructor() {
-        //#region ----   Dependencies   ----
-        this.applicationRef = inject(ApplicationRef);
-        this.environmentInjector = inject(EnvironmentInjector);
-        //#endregion
-        //#region ----   Private Properties   ----
-        this.activePopoverRef = null;
-    }
-    //#endregion
-    //#region ----   Public Methods   ----
-    /**
-     * Show entity detail popover
-     * @param target - The target element to position the popover
-     * @param options - Configuration options for the popover
-     */
-    async show(target, options) {
-        // Close any existing popover
-        this.hide();
-        // Create component dynamically
-        this.activePopoverRef = createComponent(AXPEntityDetailPopoverComponent, {
-            environmentInjector: this.environmentInjector,
-        });
-        // Set inputs
-        this.activePopoverRef.setInput('entity', options.entity);
-        this.activePopoverRef.setInput('entityId', options.id);
-        this.activePopoverRef.setInput('textField', options.textField || 'title');
-        this.activePopoverRef.setInput('valueField', options.valueField || 'id');
-        this.activePopoverRef.setInput('item', options.item);
-        // Attach to application
-        this.applicationRef.attachView(this.activePopoverRef.hostView);
-        // Append to document body
-        document.body.appendChild(this.activePopoverRef.location.nativeElement);
-        // Show the popover
-        await this.activePopoverRef.instance.show(target);
-    }
-    /**
-     * Hide the active popover
-     */
-    hide() {
-        if (this.activePopoverRef) {
-            this.activePopoverRef.instance.hide();
-            this.applicationRef.detachView(this.activePopoverRef.hostView);
-            this.activePopoverRef.destroy();
-            this.activePopoverRef = null;
-        }
-    }
-    /**
-     * Check if a popover is currently active
-     */
-    get isActive() {
-        return this.activePopoverRef !== null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityDetailPopoverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
+                        AXValidationModule,
+                        AXFormModule,
+                        AXTagBoxModule,
+                        AXTranslationModule,
+                        AXSelectBoxModule,
+                        AXSearchBoxComponent,
+                    ],
                 }]
         }] });
 
+var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetEditComponent: AXPLookupWidgetEditComponent
+});
+
 class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
@@ -6315,10 +6403,10 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
                 [this.textField]: item,
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", 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" }]
         }] });
@@ -6335,6 +6423,7 @@ const AXPLookupWidget = {
     groups: [AXPWidgetGroupEnum.EntityWidget],
     defaultFilterWidgetName: 'lookup-filter',
     type: 'editor',
+    icon: 'fa-light fa-list-radio',
     properties: [
         AXP_DISABLED_PROPERTY,
         AXP_ALLOW_CLEAR_PROPERTY,
@@ -6367,7 +6456,7 @@ const AXPLookupWidget = {
             },
             visible: true,
         },
-        AXP_ALLOW_MULTIPLE_PROPERTY
+        AXP_ALLOW_MULTIPLE_PROPERTY,
     ],
     components: {
         view: {
@@ -6405,8 +6494,8 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
             return Array.isArray(value) ? value : [value];
         }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-gap-1 ax-flex-wrap">
       @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
       <ax-badge [look]="'twotone'" [text]="item[textField()]" color="primary"></ax-badge>
@@ -6418,7 +6507,7 @@ class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -6481,8 +6570,8 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
         cls[`ax-flex-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="ax-grid ax-grid-cols-12 ax-gap-4">
       <!-- نمایش Select Box با دکمه اضافه کردن آیتم -->
       <ax-select-box
@@ -6521,9 +6610,9 @@ class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
         </ax-prefix>
       </ax-button>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { 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: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6$2.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { 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: AXValidationModule }, { 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: 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", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6$2.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tagable-box-widget',
@@ -6591,10 +6680,10 @@ var tagableBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPTagableBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
@@ -6629,8 +6718,8 @@ class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
             return Array.isArray(value) ? value : [value];
         }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div>
       @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
       <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
@@ -6646,7 +6735,7 @@ class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -6695,14 +6784,14 @@ class AXPTagableBoxWidgetViewComponent extends AXPValueWidgetComponent {
             return Array.isArray(value) ? value : [value];
         }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
     @for (item of internalValue(); track $index) {
     <ax-badge [look]="'twotone'" [text]="item" color="primary"></ax-badge>
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tagable-box-widget',
@@ -6798,8 +6887,8 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
         const widget = this.widgetRegisteryService.resolve(e.values.type);
         this.setValue({ title: widget?.title, ...e.values });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXPWidgetSelectorWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPWidgetSelectorWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <ax-text-box [ngModel]="displayText()" [placeholder]="placeholder()" [readonly]="true">
       @for (validation of validationRules(); track $index) {
       <ax-validation-rule
@@ -6818,9 +6907,9 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     <axp-widget-property-viewer [widget]="selectedWidgetNode()!" (onChanged)="handleChangeWidget($event)">
     </axp-widget-property-viewer>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { 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.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -6867,10 +6956,10 @@ var widgetSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPWidgetSelectorWidgetViewComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `{{ getValue()?.title }}`,
@@ -6947,10 +7036,10 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreatePopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreatePopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
@@ -6958,10 +7047,10 @@ class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
         this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
         this.dispatch(AXPRefreshEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
             type: Injectable
         }] });
 const AXPCreateEntityWorkflow = {
@@ -7033,12 +7122,12 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
         if (parentKey) {
             context.setVariable('parentKey', parentKey);
         }
+        console.log(`${this.translateService.translateSync('entity.modify')}`);
         const com = await this.config.viewers.master.modify();
         const popup = await this.popupService.open(com, {
             title: headerTitle
                 ? headerTitle
-                : (title ??
-                    `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`),
+                : `${this.translateService.translateSync('@general:actions.modify.title')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : size ? size : 'md',
             data: {
                 vm,
@@ -7052,10 +7141,10 @@ class AXPQuickEntityModifyPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(popup.data.context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPQuickEntityModifyPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPQuickEntityModifyPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPQuickEntityModifyPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPQuickEntityModifyPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPQuickEntityModifyPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPQuickEntityModifyPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPQuickModifyEntityWorkflow = {
@@ -7112,10 +7201,10 @@ class AXPEntityApplyUpdatesAction extends AXPWorkflowAction {
             context.setOutput('error', error);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityApplyUpdatesAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityApplyUpdatesAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityApplyUpdatesAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityApplyUpdatesAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityApplyUpdatesAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityApplyUpdatesAction, decorators: [{
             type: Injectable
         }] });
 
@@ -7134,10 +7223,10 @@ class AXPShowDetailViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowDetailViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowDetailViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowDetailsViewWorkflow = {
@@ -7191,10 +7280,10 @@ class AXPShowFileUploaderPopupAction extends AXPWorkflowAction {
             context.setVariable('data', cloneDeep(entityData));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowFileUploaderPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowFileUploaderPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowFileUploaderPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowFileUploaderPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowFileUploaderPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowFileUploaderPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowFileUploaderPopupWorkflow = {
@@ -7245,10 +7334,10 @@ class AXPShowListViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowListViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowListViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPShowListViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPShowListViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowListViewWorkflow = {
@@ -7283,7 +7372,7 @@ function routesFacory() {
                             resolve: {
                                 vm: AXPEntityListViewModelResolver,
                             },
-                            data: { reuse: false },
+                            data: { reuse: 'queryParamsChange' },
                         },
                         {
                             path: 'e/:entity/:id/view',
@@ -7337,9 +7426,9 @@ class AXPEntityModule {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$2.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i3$1.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$2.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i3$1.AXPWidgetCoreModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -7363,13 +7452,17 @@ class AXPEntityModule {
             provideCommandSetups([
                 {
                     key: 'Entity:OpenDetails',
-                    command: () => Promise.resolve().then(function () { return openEntityDetails_command; }).then((c) => c.AXPOpenEntityDetailsCommand)
+                    command: () => Promise.resolve().then(function () { return openEntityDetails_command; }).then((c) => c.AXPOpenEntityDetailsCommand),
+                },
+                {
+                    key: 'Entity:Create',
+                    command: () => import('./acorex-platform-layout-entity-create-entity.command-DyXF9zAh.mjs').then((c) => c.AXPCreateEntityCommand),
                 },
             ]),
             provideQuerySetups([
                 {
                     key: 'Entity:GetDetails',
-                    loader: () => Promise.resolve().then(function () { return getEntityDetails_query; }).then((c) => c.AXPGetEntityDetailsQuery)
+                    loader: () => Promise.resolve().then(function () { return getEntityDetails_query; }).then((c) => c.AXPGetEntityDetailsQuery),
                 },
             ]),
         ], imports: [RouterModule,
@@ -7400,9 +7493,10 @@ class AXPEntityModule {
                 },
                 functions: {},
             }),
-            AXPLayoutBuilderModule.forChild({
+            AXPWidgetCoreModule.forChild({
                 widgets: [
                     AXPLookupWidget,
+                    AXPLookupFilterWidget,
                     AXPWidgetSelectorWidget,
                     AXPTagableBoxWidget,
                     AXPEntityListWidget,
@@ -7410,7 +7504,7 @@ class AXPEntityModule {
                 ],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -7442,9 +7536,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                             },
                             functions: {},
                         }),
-                        AXPLayoutBuilderModule.forChild({
+                        AXPWidgetCoreModule.forChild({
                             widgets: [
                                 AXPLookupWidget,
+                                AXPLookupFilterWidget,
                                 AXPWidgetSelectorWidget,
                                 AXPTagableBoxWidget,
                                 AXPEntityListWidget,
@@ -7478,67 +7573,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: 'Entity:OpenDetails',
-                                command: () => Promise.resolve().then(function () { return openEntityDetails_command; }).then((c) => c.AXPOpenEntityDetailsCommand)
+                                command: () => Promise.resolve().then(function () { return openEntityDetails_command; }).then((c) => c.AXPOpenEntityDetailsCommand),
+                            },
+                            {
+                                key: 'Entity:Create',
+                                command: () => import('./acorex-platform-layout-entity-create-entity.command-DyXF9zAh.mjs').then((c) => c.AXPCreateEntityCommand),
                             },
                         ]),
                         provideQuerySetups([
                             {
                                 key: 'Entity:GetDetails',
-                                loader: () => Promise.resolve().then(function () { return getEntityDetails_query; }).then((c) => c.AXPGetEntityDetailsQuery)
+                                loader: () => Promise.resolve().then(function () { return getEntityDetails_query; }).then((c) => c.AXPGetEntityDetailsQuery),
                             },
                         ]),
                     ],
                 }]
         }], ctorParameters: () => [{ type: i1$2.AXPAppStartUpService }, { type: i0.Injector }] });
 
-//#endregion
-//#region ----   Entity Open Details Command   ----
-/**
- * Generic command to open entity details view
- * Can be used by any entity to navigate to its detail page
- */
-class AXPOpenEntityDetailsCommand {
-    constructor() {
-        //#endregion
-        //#region ----   Services & Dependencies   ----
-        this.router = inject(Router);
-        this.sessionService = inject(AXPSessionService);
-    }
-    //#endregion
-    //#region ----   Command Execution   ----
-    /**
-     * Execute the command to navigate to entity details
-     * @param input - Command input containing entity and data information
-     */
-    async execute(input) {
-        const { entity, data } = input;
-        if (!entity) {
-            throw new Error('Entity name is required for opening details view');
+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 });
         }
-        if (!data?.id) {
-            throw new Error('Entity ID is required for opening details view');
+        else if (ctx.op === 'update') {
+            await dispatcher.dispatchUpdated(ctx.entityName, {
+                refType: ctx.entityName,
+                data: ctx.result,
+                changes: ctx.locals.get('changes'),
+            });
         }
-        const [module, entityName] = entity.split('.');
-        if (!module || !entityName) {
-            throw new Error('Entity must be in format "ModuleName.EntityName"');
+        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 });
         }
-        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 };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPOpenEntityDetailsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPOpenEntityDetailsCommand, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPOpenEntityDetailsCommand, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-var openEntityDetails_command = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPOpenEntityDetailsCommand: AXPOpenEntityDetailsCommand
-});
+    },
+};
 
 //#endregion
 //#region ----   Get Entity Details Query   ----
@@ -7605,10 +7678,10 @@ class AXPGetEntityDetailsQuery {
             throw new Error(`Failed to fetch entity data: ${error instanceof Error ? error.message : 'Unknown error'}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGetEntityDetailsQuery, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGetEntityDetailsQuery, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPGetEntityDetailsQuery, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPGetEntityDetailsQuery, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXPGetEntityDetailsQuery, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPGetEntityDetailsQuery, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -7618,6 +7691,410 @@ var getEntityDetails_query = /*#__PURE__*/Object.freeze({
     AXPGetEntityDetailsQuery: AXPGetEntityDetailsQuery
 });
 
+//#endregion
+class AXPEntityDynamicDialogService {
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
+        this.layoutBuilder = inject(AXPLayoutBuilderService);
+        this.layoutTheme = inject(AXPLayoutThemeService);
+    }
+    //#endregion
+    //#region ----   Public API   ----
+    entity(fullName) {
+        return new InterfaceSelector(this.entityRegistry, this.layoutBuilder, this.layoutTheme, fullName);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDynamicDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDynamicDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityDynamicDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//#region ----   Builders   ----
+class InterfaceSelector {
+    constructor(entityRegistry, layoutBuilder, layoutTheme, fullName) {
+        this.entityRegistry = entityRegistry;
+        this.layoutBuilder = layoutBuilder;
+        this.layoutTheme = layoutTheme;
+        this.fullName = fullName;
+    }
+    create() {
+        return new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.layoutTheme, this.fullName, 'create');
+    }
+    update(id) {
+        return new PropertyFilter(this.entityRegistry, this.layoutBuilder, this.layoutTheme, this.fullName, 'update', id);
+    }
+}
+class PropertyFilter {
+    constructor(entityRegistry, layoutBuilder, layoutTheme, fullName, kind, recordId) {
+        this.entityRegistry = entityRegistry;
+        this.layoutBuilder = layoutBuilder;
+        this.layoutTheme = layoutTheme;
+        this.fullName = fullName;
+        this.kind = kind;
+        this.includeList = null;
+        this.excludeList = null;
+        this.initialContext = {};
+        this.extraFieldsByGroup = new Map();
+        this.recordId = recordId;
+    }
+    include(...propertyNames) {
+        this.includeList = new Set(propertyNames.filter(Boolean));
+        return this;
+    }
+    exclude(...propertyNames) {
+        // Ignored when include list is present
+        if (!this.includeList) {
+            this.excludeList = new Set(propertyNames.filter(Boolean));
+        }
+        return this;
+    }
+    title(text) {
+        this.overrideTitle = text;
+        return this;
+    }
+    context(context) {
+        this.initialContext = context ?? {};
+        return this;
+    }
+    size(size) {
+        this.externalSize = size;
+        return this;
+    }
+    actions(delegate) {
+        this.externalActionsDelegate = delegate;
+        return this;
+    }
+    field(groupId, path, delegate) {
+        const list = this.extraFieldsByGroup.get(groupId) ?? [];
+        list.push({ path, delegate });
+        this.extraFieldsByGroup.set(groupId, list);
+        return this;
+    }
+    mode(mode) {
+        this.externalMode = mode;
+        return this;
+    }
+    async show() {
+        const { moduleName, entityName } = parseEntityFullName(this.fullName);
+        const entity = await this.entityRegistry.resolve(moduleName, entityName);
+        const iface = this.kind === 'create' ? entity?.interfaces?.master?.create : entity?.interfaces?.master?.update;
+        if (!iface) {
+            throw new Error(`Entity interface not found: ${entity.module}.${entity.name}.interfaces.master.${this.kind}`);
+        }
+        // Title and size
+        const title = this.overrideTitle || entity.formats?.individual || entity.title || `${entity.module}.${entity.name}`;
+        // Build content using LayoutBuilder
+        const sections = (iface.sections ?? []).slice();
+        const entityProps = (entity.properties ?? []).slice();
+        const nameToViewLayout = buildViewLayoutMap(iface.properties ?? []);
+        const allowedNames = this.computeAllowedNames(entityProps.map((p) => p.name));
+        const dialog = this.layoutBuilder.create().dialog((d) => {
+            d.setTitle(title);
+            d.setSize(this.externalSize ?? (this.layoutTheme.isMobileDevice() ? 'full' : 'md'));
+            d.setCloseButton(true);
+            d.content((layout) => {
+                layout.mode(this.externalMode ?? 'edit');
+                for (const section of sections) {
+                    const groupId = section.id;
+                    const groupProps = entityProps.filter((p) => p.groupId === groupId && allowedNames.has(p.name));
+                    const extraFields = this.extraFieldsByGroup.get(groupId) ?? [];
+                    if (groupProps.length === 0 && extraFields.length === 0) {
+                        continue;
+                    }
+                    layout.fieldset((fs) => {
+                        fs.setTitle((getGroupTitle(entity, groupId) || groupId));
+                        // Preserve properties order as defined in interface.properties (if present), otherwise entity.properties order
+                        const orderedProps = orderProperties(groupProps, iface.properties ?? []);
+                        for (const prop of orderedProps) {
+                            const viewLayout = nameToViewLayout.get(prop.name);
+                            const fieldPath = buildFieldPath(prop, iface.properties ?? []);
+                            fs.formField(prop.title, (field) => {
+                                // Path & field-level visibility/readonly
+                                field.path(fieldPath);
+                                if (prop.schema?.hidden) {
+                                    field.visible(false);
+                                }
+                                if (prop.schema?.readonly) {
+                                    field.readonly(true);
+                                }
+                                // Layout mapping (per-field). Only colSpan is supported by dynamic-form per breakpoint.
+                                const fieldLayout = toFieldLayout(viewLayout?.layout);
+                                if (fieldLayout) {
+                                    field.layout(fieldLayout);
+                                }
+                                // Widget mapping (generic to allow all widget types)
+                                const widgetType = prop.schema?.interface?.type || '';
+                                const widgetOptions = buildWidgetOptions(prop);
+                                field.customWidget(widgetType, widgetOptions);
+                            });
+                        }
+                        // Append any extra fields requested by the caller for this group
+                        for (const extra of extraFields) {
+                            const label = extra.path?.split('.').slice(-1)[0] || extra.path;
+                            fs.formField(label, (f) => {
+                                const legacy = toCompatFormFieldBuilder(f);
+                                legacy.path(extra.path);
+                                extra.delegate?.(legacy);
+                            });
+                        }
+                    });
+                }
+            });
+            // Actions: external if provided, otherwise default cancel/submit
+            d.setActions(this.externalActionsDelegate ?? ((a) => a.cancel().submit()));
+        });
+        // Context: load record by id for update and merge with provided context (context overrides)
+        let baseContext = {};
+        if (this.kind === 'update') {
+            if (!this.recordId && typeof this['recordId'] === 'undefined') {
+                // Preserve back-compat if constructor arg wasn't captured
+                this['recordId'] = undefined;
+            }
+        }
+        try {
+            if (this.kind === 'update') {
+                const id = this['recordId'];
+                if (!id) {
+                    throw new Error('Record id is required for update().');
+                }
+                const byKeyFn = entity?.queries?.byKey?.execute;
+                if (typeof byKeyFn === 'function') {
+                    baseContext = (await byKeyFn(id)) ?? {};
+                }
+            }
+        }
+        catch {
+            baseContext = baseContext ?? {};
+        }
+        console.log(this['recordId']);
+        const effectiveContext = merge({}, baseContext ?? {}, this.initialContext ?? {});
+        dialog.setContext(effectiveContext);
+        return await dialog.show();
+    }
+    computeAllowedNames(allNames) {
+        if (this.includeList && this.includeList.size > 0) {
+            return new Set(allNames.filter((n) => this.includeList.has(n)));
+        }
+        if (this.excludeList && this.excludeList.size > 0) {
+            return new Set(allNames.filter((n) => !this.excludeList.has(n)));
+        }
+        return new Set(allNames);
+    }
+}
+//#endregion
+//#region ----   Helpers   ----
+// No extra action builders to keep API identical to dynamic-form-builder
+function parseEntityFullName(fullName) {
+    const [moduleName, entityName] = (fullName || '').split('.');
+    if (!moduleName || !entityName) {
+        throw new Error(`Invalid entity full name: "${fullName}"`);
+    }
+    return { moduleName, entityName };
+}
+function buildViewLayoutMap(views) {
+    const map = new Map();
+    for (const v of views || []) {
+        if (v?.name) {
+            map.set(v.name, v);
+        }
+    }
+    return map;
+}
+function orderProperties(props, viewProps) {
+    if (!viewProps || viewProps.length === 0) {
+        return props;
+    }
+    const orderIndex = new Map();
+    viewProps.forEach((vp, idx) => orderIndex.set(vp.name, idx));
+    return [...props].sort((a, b) => {
+        const ai = orderIndex.has(a.name) ? orderIndex.get(a.name) : Number.MAX_SAFE_INTEGER;
+        const bi = orderIndex.has(b.name) ? orderIndex.get(b.name) : Number.MAX_SAFE_INTEGER;
+        if (ai !== bi)
+            return ai - bi;
+        return 0;
+    });
+}
+function buildFieldPath(prop, viewProps) {
+    const vp = (viewProps || []).find((x) => x.name === prop.name);
+    const prefix = vp?.dataPath ? `${vp.dataPath}.` : '';
+    return `${prefix}${prop.name}`;
+}
+function toFieldLayout(layout) {
+    const positions = layout?.positions;
+    if (!positions)
+        return undefined;
+    // Map AXPGridLayoutOptions -> AXPDynamicFormFieldDefinition['layout']
+    const getSpan = (key) => positions?.[key]?.colSpan;
+    const d = getSpan('sm');
+    const md = getSpan('md');
+    const lg = getSpan('lg');
+    const xl = getSpan('xl');
+    const xxl = getSpan('xxl');
+    if (d == null && md == null && lg == null && xl == null && xxl == null)
+        return undefined;
+    return {
+        default: d,
+        md,
+        lg,
+        xl,
+        xxl,
+    };
+}
+function buildWidgetOptions(prop) {
+    const base = prop.schema?.interface?.options || {};
+    const validations = (prop.validations || []).map((c) => ({
+        rule: c.rule,
+        message: c.message,
+        options: c.options,
+    }));
+    return {
+        ...base,
+        validations,
+    };
+}
+function getGroupTitle(entity, groupId) {
+    const g = (entity.groups || []).find((x) => x.id === groupId);
+    return g?.title;
+}
+function toCompatFormFieldBuilder(field) {
+    return {
+        ...field,
+        path: (p) => field.path(p),
+        layout: (c) => field.layout(c),
+        visible: (cond) => field.visible(cond),
+        readonly: (cond) => field.readonly(cond),
+        customWidget: (type, options) => field.customWidget(type, options),
+        mode: (mode) => field.mode(mode),
+    };
+}
+
+/**
+ * Error type that can be thrown by middlewares to abort the chain with a structured payload.
+ */
+class AXPMiddlewareAbortError extends Error {
+    constructor(message, options = {}) {
+        super(message);
+        this.message = message;
+        this.options = options;
+        this.name = 'AXPMiddlewareAbortError';
+    }
+    toResponse() {
+        return {
+            success: false,
+            error: {
+                code: this.options.code,
+                message: this.message,
+                status: this.options.status,
+                details: this.options.details,
+            },
+        };
+    }
+}
+/** Type guard for AXPMiddlewareAbortError */
+function isAXPMiddlewareAbortError(error) {
+    return error instanceof AXPMiddlewareAbortError;
+}
+//#endregion
+
+const AXP_ENTITY_STORAGE_BACKEND = new InjectionToken('AXP_ENTITY_STORAGE_BACKEND');
+const AXP_ENTITY_STORAGE_MIDDLEWARE = new InjectionToken('AXP_ENTITY_STORAGE_MIDDLEWARE');
+
+class AXPMiddlewareEntityStorageService extends AXPEntityStorageService {
+    constructor() {
+        super(...arguments);
+        this.backend = inject(AXP_ENTITY_STORAGE_BACKEND);
+        this.allMiddlewares = (inject(AXP_ENTITY_STORAGE_MIDDLEWARE, { optional: true }) || []).slice();
+        this.injector = inject(EnvironmentInjector);
+    }
+    get dbName() {
+        return this.backend.dbName;
+    }
+    filterMiddlewares(ctx) {
+        return this.allMiddlewares
+            .filter((mw) => {
+            const t = mw.target;
+            if (!t)
+                return true;
+            if (t.ops && !t.ops.includes(ctx.op))
+                return false;
+            if (t.entity) {
+                if (typeof t.entity === 'string' && t.entity !== ctx.entityName)
+                    return false;
+                if (t.entity instanceof RegExp && !t.entity.test(ctx.entityName))
+                    return false;
+            }
+            if (t.predicate && !t.predicate(ctx))
+                return false;
+            return true;
+        })
+            .sort((a, b) => (a.target?.order ?? 0) - (b.target?.order ?? 0));
+    }
+    compose(mws, leaf, ctx) {
+        return mws
+            .slice()
+            .reverse()
+            .reduce((next, mw) => {
+            return async () => runInInjectionContext(this.injector, () => mw.execute(ctx, next));
+        }, leaf);
+    }
+    async run(ctx, delegate) {
+        const chain = this.compose(this.filterMiddlewares(ctx), async () => {
+            ctx.result = await delegate();
+        }, ctx);
+        await chain();
+        return ctx.result;
+    }
+    createCtx(op, entityName, init) {
+        return {
+            op,
+            entityName,
+            locals: new Map(),
+            backend: {
+                getOne: (name, id) => this.backend.getOne(name, id),
+                insertOne: (name, e) => this.backend.insertOne(name, e),
+                query: (name, request) => this.backend.query(name, request),
+                updateOne: (name, id, data) => this.backend.updateOne(name, id, data),
+            },
+            ...init,
+        };
+    }
+    async initial(entityName, collection, options) {
+        const ctx = this.createCtx('initial', entityName, { data: collection });
+        return this.run(ctx, () => this.backend.initial(entityName, ctx.data, options));
+    }
+    async getOne(entityName, id) {
+        const ctx = this.createCtx('getOne', entityName, { id });
+        return this.run(ctx, () => this.backend.getOne(entityName, id));
+    }
+    async updateOne(entityName, id, keyValues) {
+        const ctx = this.createCtx('update', entityName, { id, data: keyValues });
+        return this.run(ctx, () => this.backend.updateOne(entityName, id, ctx.data));
+    }
+    async deleteOne(entityName, id) {
+        const ctx = this.createCtx('delete', entityName, { id });
+        return this.run(ctx, () => this.backend.deleteOne(entityName, id));
+    }
+    async insertOne(entityName, entity) {
+        const ctx = this.createCtx('create', entityName, { data: entity });
+        return this.run(ctx, () => this.backend.insertOne(entityName, ctx.data));
+    }
+    async getAll(entityName) {
+        const ctx = this.createCtx('getAll', entityName);
+        return this.run(ctx, () => this.backend.getAll(entityName));
+    }
+    async query(entityName, request) {
+        const ctx = this.createCtx('query', entityName, { request });
+        return this.run(ctx, () => this.backend.query(entityName, request));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService, decorators: [{
+            type: Injectable
+        }] });
+
 // #region Master
 function entityMasterCreateAction() {
     return {
@@ -7783,7 +8260,7 @@ function entityDetailsReferenceCreateActions(type) {
  */
 function detectEntityChanges(oldObj, newObj) {
     return transform(newObj, (result, value, key) => {
-        if (!isEqual(value, oldObj[key])) {
+        if (!isEqual$1(value, oldObj[key])) {
             const oldValue = oldObj[key];
             if (Array.isArray(value) || Array.isArray(oldValue)) {
                 const oldArray = Array.isArray(oldValue) ? oldValue : [];
@@ -7795,8 +8272,8 @@ function detectEntityChanges(oldObj, newObj) {
                     result[key] = { oldValue, newValue: value, added, removed };
                 }
                 else {
-                    const added = newArray.filter((item) => !oldArray.some((oldItem) => isEqual(item, oldItem)));
-                    const removed = oldArray.filter((item) => !newArray.some((newItem) => isEqual(item, newItem)));
+                    const added = newArray.filter((item) => !oldArray.some((oldItem) => isEqual$1(item, oldItem)));
+                    const removed = oldArray.filter((item) => !newArray.some((newItem) => isEqual$1(item, newItem)));
                     result[key] = { oldValue, newValue: value, added, removed };
                 }
             }
@@ -7808,32 +8285,9 @@ function detectEntityChanges(oldObj, newObj) {
 }
 //#endregion
 
-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 });
-        }
-    },
-};
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPGetEntityDetailsQuery, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, 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, AXPTagableBoxWidget, AXPTagableBoxWidgetColumnComponent, AXPTagableBoxWidgetEditComponent, AXPTagableBoxWidgetFilterComponent, AXPTagableBoxWidgetPrintComponent, AXPTagableBoxWidgetViewComponent, 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 };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map