@acorex/platform 18.2.3 → 19.0.0

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

@@ -1,23 +1,23 @@
+import * as i2$1 from '@acorex/components/common';
+import { AXDataSource, AXCommonModule } from '@acorex/components/common';
 import { AXFormatService } from '@acorex/core/format';
-import { cloneDeep, set, merge, isNil, get, sortBy } from 'lodash-es';
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, HostBinding, ChangeDetectionStrategy, Component, DestroyRef, ViewChild, NgModule } from '@angular/core';
+import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingsService, AXPWorkflowNavigateAction } from '@acorex/platform/common';
 import * as i1$3 from '@acorex/platform/workflow';
-import { createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowService, ofType, AXPWorkflowModule } from '@acorex/platform/workflow';
+import { AXPWorkflowService, createWorkFlowEvent, AXPWorkflowAction, ofType, AXPWorkflowModule } from '@acorex/platform/workflow';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, Component, ChangeDetectionStrategy, HostBinding, DestroyRef, ViewChild, NgModule } from '@angular/core';
+import { cloneDeep, set, merge, isNil, get, sortBy } from 'lodash-es';
+import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
-import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPWorkflowNavigateAction } from '@acorex/platform/common';
+import { Subject, takeUntil } from 'rxjs';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
 import * as i8 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPlatform } from '@acorex/core/platform';
-import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import * as i2$1 from '@acorex/components/common';
-import { AXDataSource, AXCommonModule } from '@acorex/components/common';
-import { Subject, takeUntil } from 'rxjs';
 import * as i7 from '@acorex/platform/layout/builder';
-import { AXPWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXP_WIDGETS_EDITOR_GROUP, AXPWidgetRegistryService } from '@acorex/platform/layout/builder';
+import { AXPWidgetComponent, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPColumnWidgetComponent, AXP_WIDGETS_EDITOR_GROUP, AXPWidgetsCatalog, AXPWidgetRegistryService } from '@acorex/platform/layout/builder';
 import { RouterModule, ROUTES } from '@angular/router';
 import * as i1 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
@@ -33,7 +33,7 @@ import * as i6$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
 import * as i2$2 from '@acorex/components/text-box';
-import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
+import { AXTextBoxComponent, AXTextBoxModule } from '@acorex/components/text-box';
 import { AXValidationModule } from '@acorex/core/validation';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$2 from '@angular/forms';
@@ -67,14 +67,220 @@ class AXPEntityResolver {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
+class AXPEntityCommandTriggerViewModel {
+    constructor(entity, action) {
+        this.name = action.command;
+        const resolvedLook = resolveActionLook(action);
+        this.priority = action.priority;
+        this.title = action.title;
+        this.separated = action.separated ?? false;
+        this.color = action.color ?? resolvedLook.color;
+        this.icon = action.icon ?? resolvedLook.icon;
+        this.scope = action.scope;
+    }
+}
+class AXPEntityListViewColumnViewModel {
+    constructor(property, column) {
+        this.property = property;
+        this.column = column;
+        this.name = this.property.name;
+        this.title = this.column.title ?? this.property.title;
+        this.visible = this.column?.options?.visible ?? true;
+        this.dir = this.column.sort?.dir;
+        this.sortEnabled = this.property.options?.sort?.enabled;
+        this.node = computed(() => {
+            const widget = this.property.schema.interface;
+            return {
+                path: this.column.options?.dataPath ?? this.name,
+                type: widget.type,
+                options: { ...widget?.options, ...this.column?.options },
+            };
+        });
+    }
+}
+
+class AXPEntityDetailListViewModel {
+    constructor(injector, detailEntityConfig, parent) {
+        this.injector = injector;
+        this.detailEntityConfig = detailEntityConfig;
+        this.parent = parent;
+        this.detailEntity = signal(null);
+        this.formatService = this.injector.get(AXFormatService);
+        this.workflow = this.injector.get(AXPWorkflowService);
+        this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
+        this.dataSource = new AXDataSource({
+            byKey: (key) => {
+                const func = this.detailEntity()?.queries.byKey.execute;
+                return func();
+            },
+            load: (e) => {
+                const func = this.detailEntity()?.queries.list?.execute;
+                return func(e);
+            },
+            pageSize: 5,
+            key: 'id',
+        });
+        this.selectedItems = signal([]);
+        this.hasSelectedItems = computed(() => {
+            return this.selectedItems().length > 0;
+        });
+        //****************** Title ******************//
+        this.title = computed(() => {
+            return (this.detailEntityConfig.title ??
+                this.detailEntity()?.interfaces?.detail?.list?.title ??
+                this.detailEntity()?.formats.plural);
+        });
+        //****************** Inline filter ******************//
+        this.inlineFiltersPlaceholders = computed(() => {
+            //return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
+            return [];
+        });
+        this.hasInlineFilters = computed(() => {
+            return this.inlineFiltersPlaceholders().length > 0;
+        });
+        //****************** Actions ******************//
+        this.allActions = computed(() => {
+            const list = this.detailEntity()?.interfaces?.master?.list?.actions ?? [];
+            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.detailEntity(), tr)) ?? [];
+        });
+        this.primaryActions = computed(() => {
+            return this.allActions().filter((a) => a.priority == 'primary' &&
+                ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
+                    (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
+        });
+        this.secondaryActions = computed(() => {
+            return this.allActions().filter((a) => a.priority == 'secondary' &&
+                ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
+                    (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
+        });
+        this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
+        this.secondaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary'));
+        //****************** Filter ******************//
+        this.inlineFilters = {
+            field: null,
+            logic: 'or',
+            operator: null,
+            filters: [],
+        };
+        //****************** Columns ******************//
+        this.columns = computed(() => {
+            if (this.detailEntity()) {
+                const detailColumns = this.detailEntityConfig.columns ?? [];
+                const columns = this.detailEntity()?.columns?.map((c) => c.name) ?? [];
+                const props = this.detailEntity()?.properties.filter((p) => p.schema.hidden != true && (detailColumns?.length == 0 || detailColumns?.includes(p.name))) ?? [];
+                const displayColumns = props.filter((p) => columns.some((c) => c == p.name));
+                return displayColumns.map((p) => {
+                    return new AXPEntityListViewColumnViewModel(p, this.detailEntity()?.columns?.find((c) => c.name == p.name));
+                });
+            }
+            return [];
+        });
+        this.initialize();
+    }
+    async initialize() {
+        const entityResolver = this.injector.get(AXPEntityResolver);
+        const [moduleName, entityName] = this.detailEntityConfig.entity.split('.');
+        const entity = await entityResolver.get(moduleName, entityName);
+        if (!entity) {
+            throw Error(`Invalid enitity name: ${this.detailEntityConfig.entity}`);
+        }
+        this.detailEntity.set(entity);
+        this.applyFilterAndSort();
+    }
+    clearSelection() {
+        this.selectedItems.set([]);
+    }
+    applyInlineFilter(value) {
+        // const props = this.entityDef.properties.filter(c => c.options?.filter?.inline?.enabled);
+        // this.inlineFilters.filters = [];
+        // if (value) {
+        //     props.forEach(p => {
+        //         this.inlineFilters.filters?.push({
+        //             field: p.name,
+        //             operator: {
+        //                 type: 'contains'
+        //             },
+        //             value
+        //         })
+        //     })
+        // }
+        this.applyFilterAndSort();
+    }
+    applyFilterAndSort() {
+        this.dataSource.clearFilter();
+        //
+        //this.dataSource.sort(...this.detailEntity.().map(s => ({ dir: s.dir, field: s.name } as AXDataSourceSortOption)));
+        //
+        const parentFilters = this.detailEntityConfig.conditions?.map((c) => {
+            return {
+                field: c.name,
+                operator: c.operator,
+                value: this.parent.data?.id,
+            };
+        }) ?? [];
+        const parentFilterWrapper = {
+            field: null,
+            logic: 'and',
+            operator: null,
+            filters: parentFilters,
+        };
+        //
+        const inline = this.inlineFilters.filters?.length ?? 0;
+        const parent = parentFilterWrapper.filters?.length ?? 0;
+        //
+        if (inline) {
+            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(this.inlineFilters));
+        }
+        else if (!inline && parent) {
+            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(parentFilterWrapper));
+        }
+        else if (inline && parent) {
+            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter({
+                field: null,
+                logic: 'and',
+                operator: null,
+                filters: [this.inlineFilters, parentFilterWrapper],
+            }));
+        }
+        //
+        this.dataSource.refresh();
+    }
+    //******************  Commands ******************//
+    async executeCommand(commandName, data = null) {
+        const action = this.allActions().find((c) => c.name == commandName &&
+            ((this.selectedItems().length
+                ? c.scope == AXPEntityCommandScope.Selected
+                : c.scope == AXPEntityCommandScope.Individual) ||
+                c.scope == AXPEntityCommandScope.TypeLevel));
+        if (action?.scope == AXPEntityCommandScope.TypeLevel) {
+            if (data == null) {
+                data = {};
+            }
+            let relatedColumn = null;
+            this.detailEntityConfig.conditions?.forEach((condition) => {
+                if (condition.value == 'id') {
+                    relatedColumn = condition.name;
+                }
+            });
+            if (relatedColumn != null) {
+                data[relatedColumn] = this.parent.data['id'];
+            }
+        }
+        await this.workflow.execute(commandName, {
+            entity: getEntityInfo(this.detailEntity()).source,
+            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
+        });
+    }
+}
+
 class AXPEntityDefinitionRegistryService {
     constructor() {
         // Stores AXPEntityConfig objects, keyed by a combination of module and entity name.
@@ -131,47 +337,156 @@ class AXPEntityDefinitionRegistryService {
     createEntityKey(moduleName, entityName) {
         return `${moduleName}.${entityName}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityDefinitionRegistryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }] });
 
-class AXPEntityCommandTriggerViewModel {
-    constructor(entity, action) {
-        this.name = action.command;
-        const resolvedLook = resolveActionLook(action);
-        this.priority = action.priority;
-        this.title = action.title;
-        this.separated = action.separated ?? false;
-        this.color = action.color ?? resolvedLook.color;
-        this.icon = action.icon ?? resolvedLook.icon;
-        this.scope = action.scope;
-    }
-}
-class AXPEntityListViewColumnViewModel {
-    constructor(property, column) {
-        this.property = property;
-        this.column = column;
-        this.name = this.property.name;
-        this.title = this.column.title ?? this.property.title;
-        this.visible = this.column?.options?.visible ?? true;
-        this.dir = this.column.sort?.dir;
-        this.sortEnabled = this.property.options?.sort?.enabled;
-        this.node = computed(() => {
-            const widget = this.property.schema.interface;
-            return {
-                path: this.column.options?.dataPath ?? this.name,
-                type: widget.type,
-                options: { ...widget?.options, ...this.column?.options },
-            };
+class AXPEntityCreateViewSectionViewModel {
+    constructor(entity, section) {
+        this.entity = entity;
+        this.section = section;
+        this.group = this.entity.groups?.find(c => c.id == this.section.id);
+        this.name = signal(this.group.id);
+        this.title = computed(() => {
+            return this.group.title ?? this.group.id;
         });
-    }
-}
+        this.description = computed(() => {
+            return this.group.description;
+            ;
+        });
+        this.layout = computed(() => {
+            const source = cloneDeep(this.section.layout ?? {});
+            set(source, "positions.default.colSpan", 12);
+            return source;
+        });
+        this.elements = computed(() => {
+            const { interfaces, properties } = this.entity;
+            const createProps = interfaces?.master?.create?.properties ?? [];
+            const createPropNames = new Set(createProps.map(({ name }) => name));
+            const filteredProperties = properties.filter(({ groupId, schema, name }) => groupId === this.group.id &&
+                !schema.hidden &&
+                createPropNames.has(name));
+            return filteredProperties.map(property => {
+                const createProp = createProps.find(({ name }) => name === property.name);
+                return new AXPEntityCreateViewElementViewModel(this.entity, this, property, createProp);
+            });
+        });
+    }
+}
+class AXPEntityCreateViewElementViewModel {
+    constructor(entity, section, property, createProp) {
+        this.entity = entity;
+        this.section = section;
+        this.property = property;
+        this.createProp = createProp;
+        this.name = signal(this.property.name);
+        this.title = signal(this.property.title);
+        this.description = signal(this.property.description);
+        this.editable = computed(() => {
+            return !(this.property.schema.readonly ?? false);
+        });
+        this.isRequired = computed(() => {
+            return this.property.validations?.some(c => c.rule == 'required') || false;
+        });
+        this.layout = computed(() => {
+            const source = cloneDeep(this.createProp.layout ?? {});
+            set(source, "positions.default.colSpan", 12);
+            return source;
+        });
+        this.node = computed(() => {
+            const schema = this.property.schema;
+            const widget = schema.interface;
+            return {
+                type: widget.type,
+                mode: this.editable() ? 'edit' : 'view',
+                path: this.name(),
+                children: widget.children,
+                formula: widget.formula,
+                triggers: widget.triggers,
+                options: merge(schema.interface?.options, 
+                //this.property.options?.create?.widget,
+                { validationRules: this.property.validations })
+            };
+        });
+    }
+}
+class AXPEntityMasterCreateViewModel {
+    constructor(injector, config, initialData = {}, canCreateNewOne = true, redirect = false) {
+        this.injector = injector;
+        this.config = config;
+        this.initialData = initialData;
+        this.entityDef = cloneDeep(this.config);
+        this.workflow = this.injector.get(AXPWorkflowService);
+        this.context = signal(this.initialData ?? {});
+        this.isInProgress = signal(false);
+        this.canCreateNewOne = signal(false);
+        this.redirect = signal(false);
+        this.sections = computed(() => {
+            const { interfaces, properties } = this.entityDef;
+            const createProps = interfaces?.master?.create?.properties?.map(({ name }) => name) ?? [];
+            const visibleProperties = properties.filter(({ groupId, schema, name }) => groupId && !schema.hidden && createProps.includes(name));
+            const sections = interfaces?.master?.create?.sections?.filter(({ id }) => visibleProperties.some(({ groupId }) => groupId === id)) ?? [];
+            return sections.map(section => new AXPEntityCreateViewSectionViewModel(this.entityDef, section));
+        });
+        if (!initialData)
+            initialData = {};
+        this.config.properties
+            .filter(c => c.schema.defaultValue != null)
+            .forEach(p => {
+            if (typeof p.schema.defaultValue === 'function') {
+                const func = p.schema.defaultValue;
+                set(initialData, p.name, func(initialData));
+            }
+            else {
+                set(initialData, p.name, p.schema.defaultValue);
+            }
+        });
+        this.context.set(initialData);
+        //
+        this.canCreateNewOne.set(canCreateNewOne);
+        this.redirect.set(redirect);
+    }
+    async save() {
+        try {
+            this.isInProgress.set(true);
+            const exec = this.entityDef.commands?.create?.execute;
+            return await exec((this.context()));
+        }
+        finally {
+            this.isInProgress.set(false);
+        }
+    }
+    async createNewOne() {
+        await this.workflow.execute('create-entity', {
+            entity: getEntityInfo(this.entityDef).source
+        });
+    }
+}
+class AXPEntityCreateViewModelFactory {
+    constructor() {
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.layout = inject(AXPLayoutThemeService);
+        this.injector = inject(Injector);
+    }
+    async create(moduleName, entityName, initialData = null, options = { canCreateNewOne: false, redirect: true }) {
+        this.layout.setNavigationLoading(true);
+        const config = await this.entityService.resolve(moduleName, entityName);
+        this.layout.setNavigationLoading(false);
+        return new AXPEntityMasterCreateViewModel(this.injector, config, initialData, options.canCreateNewOne, options.redirect);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 const AXPEntityDeletedEvent = createWorkFlowEvent('[Entity] Deleted');
 class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
@@ -262,10 +577,10 @@ class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
             throw new Error(`The delete operation cannot be performed on ${entity.title}. This action might be restricted or not applicable for the selected item.`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
             type: Injectable
         }] });
 const AXPDeleteEntityWorkflow = {
@@ -296,206 +611,69 @@ const AXPDeleteEntityWorkflow = {
     },
 };
 
-class AXPEntityMasterUpdateElementViewModel {
-    constructor(entity, property) {
+class AXPEntityMasterListViewQueryViewModel {
+    constructor(entity, section, view) {
         this.entity = entity;
-        this.property = property;
-        this.name = signal(this.property.name);
-        this.title = signal(this.property.title);
-        this.description = signal(this.property.description);
-        this.editable = computed(() => {
-            return !(this.property.schema.readonly ?? false);
-        });
-        this.isRequired = computed(() => {
-            return this.property.validations?.some(c => c.rule == 'required') || false;
-        });
-        this.layout = computed(() => {
-            const updateProp = this.entity.interfaces?.master?.update?.properties?.find(c => c.name == this.property.name);
-            const source = cloneDeep(updateProp?.layout ?? {});
-            set(source, "positions.default.colSpan", 12);
-            return source;
-        });
-        this.node = computed(() => {
-            const schema = this.property.schema;
-            const widget = schema.interface;
-            return {
-                type: widget.type,
-                mode: this.editable() ? 'edit' : 'view',
-                path: this.name(),
-                children: widget.children,
-                formula: widget.formula,
-                triggers: widget.triggers,
-                options: merge(schema.interface?.options, 
-                //this.property.options?.create?.widget,
-                { validationRules: this.property.validations })
-            };
-        });
+        this.section = section;
+        this.view = view;
+        this.name = this.view.name;
+        this.title = this.view.title;
+        this.sorts = this.view.sorts;
+        this.columns = this.view.columns;
+        this.conditions = this.view.conditions;
+        this.indexCol = this.view.indexCol;
+        this.pageSize = this.view.pageSize;
     }
 }
-class AXPEntityMasterUpdateViewModel {
-    constructor(injector, config, entityData, props) {
+class AXPEntityMasterListViewModel {
+    async setView(viewName = null) {
+        this.settingSelectedViewKey = `${this.config.module}:${this.config.name}:selected-view`;
+        const savedViewName = await this.settings.get(this.settingSelectedViewKey);
+        // this.settings.set()
+        if (viewName != this.view().name) {
+            this.view.set(this.views().find((c) => c.name == (viewName || savedViewName)) ?? this.views()[0]);
+            this.settings.set(this.settingSelectedViewKey, this.view().name);
+            this.applyViewSorts();
+            this.applyViewColumns();
+            this.applyFilterAndSort();
+            this.applySettings();
+        }
+    }
+    constructor(injector, config) {
         this.injector = injector;
         this.config = config;
-        this.entityData = entityData;
-        this.props = props;
         this.entityDef = cloneDeep(this.config);
+        this._viewDef = cloneDeep(this.entityDef.interfaces?.master?.list);
+        this.formatService = this.injector.get(AXFormatService);
+        this.session = this.injector.get(AXPSessionService);
         this.workflow = this.injector.get(AXPWorkflowService);
-        this.isInProgress = signal(false);
-        this.context = signal(cloneDeep(this.entityData));
-        this.elements = computed(() => {
-            const props = this.entityDef.properties.filter(c => this.props.includes(c.name) &&
-                c.schema.hidden != true);
-            return props.map(e => {
-                return new AXPEntityMasterUpdateElementViewModel(this.entityDef, e);
+        this.settings = this.injector.get(AXPSettingsService);
+        this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
+        this.settingListViewKey = '';
+        this.settingSelectedViewKey = '';
+        this.destroyed = new Subject();
+        this.events$ = new Subject();
+        //****************** Views ******************//
+        this.views = computed(() => {
+            const views = this.entityDef.interfaces?.master?.list?.views ?? [];
+            console.log(views.map((v) => {
+                return new AXPEntityMasterListViewQueryViewModel(this.entityDef, this, v);
+            }));
+            return views.map((v) => {
+                return new AXPEntityMasterListViewQueryViewModel(this.entityDef, this, v);
             });
         });
-    }
-    async save() {
-        this.isInProgress.set(true);
-        try {
-            const com = this.entityDef.commands?.update;
-            if (com) {
-                const exec = com.execute;
-                return await exec(this.context());
-            }
-        }
-        finally {
-            this.isInProgress.set(false);
-        }
-    }
-    reset() {
-        this.context.set(cloneDeep(this.entityData));
-    }
-}
-class AXPEntityMasterUpdateViewModelFactory {
-    constructor() {
-        this.entityService = inject(AXPEntityDefinitionRegistryService);
-        this.layout = inject(AXPLayoutThemeService);
-        this.injector = inject(Injector);
-    }
-    async create(moduleName, entityName, id, props) {
-        const config = await this.entityService.resolve(moduleName, entityName);
-        this.layout.setNavigationLoading(true);
-        if (config.queries.byKey) {
-            const func = config.queries.byKey.execute;
-            const data = await func(id);
-            this.layout.setNavigationLoading(false);
-            return new AXPEntityMasterUpdateViewModel(this.injector, config, data, props);
-        }
-        this.layout.setNavigationLoading(false);
-        return Promise.reject('cannot fetch ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-const AXPEntityModifyEvent = createWorkFlowEvent('[Entity] Modified');
-class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
-    constructor() {
-        super(...arguments);
-        this.popupService = inject(AXPopupService);
-        this.platform = inject(AXPlatform);
-        this.translateService = inject(AXTranslationService);
-        this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
-        this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
-        this.factory = inject(AXPEntityMasterUpdateViewModelFactory);
-    }
-    async execute(context) {
-        const [moduleName, entityName] = context.getVariable('entity').split('.');
-        const { properties, id, title } = context.getVariable('data');
-        const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
-        const vm = await this.factory.create(moduleName, entityName, id, properties);
-        const com = await this.config.viewers.master.modify();
-        const popup = await this.popupService.open(com, {
-            title: title ?? `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
-            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
-            data: {
-                vm,
-                properties,
-                entity: entityRef,
-            },
-        });
-        context.setOutput('result', false);
-        if (popup.data?.result == true) {
-            context.setOutput('result', true);
-            context.setVariable('data', cloneDeep(popup.data.context));
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
-            type: Injectable
-        }] });
-class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
-    async execute(context) {
-        const updatedData = context.getVariable('data');
-        this.dispatch(AXPEntityModifyEvent({ entity: context.getVariable('entity'), values: updatedData }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
-            type: Injectable
-        }] });
-const AXPModifyEntitySectionWorkflow = {
-    startStepId: 'modifyPopup',
-    steps: {
-        modifyPopup: {
-            id: 'modifyPopup',
-            action: 'AXPEntityModifySectionPopupAction',
-            nextSteps: [
-                {
-                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("result") == true' }],
-                    nextStepId: 'successToast',
-                },
-            ],
-        },
-        successToast: {
-            id: 'successToast',
-            action: 'AXPToastAction',
-            input: {
-                color: 'success',
-                title: 'workflow.entity-modified-title',
-                content: 'workflow.entity-modified-body',
-            },
-            nextSteps: [
-                {
-                    conditions: [],
-                    nextStepId: 'modifyConfirmed',
-                },
-            ],
-        },
-        modifyConfirmed: {
-            id: 'modifyConfirmed',
-            action: 'AXPEntityModifyConfirmedAction',
-        },
-    },
-};
-
-class AXPEntityDetailListViewModel {
-    constructor(injector, detailEntityConfig, parent) {
-        this.injector = injector;
-        this.detailEntityConfig = detailEntityConfig;
-        this.parent = parent;
-        this.detailEntity = signal(null);
-        this.formatService = this.injector.get(AXFormatService);
-        this.workflow = this.injector.get(AXPWorkflowService);
-        this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
+        this.view = signal(this.views()[0]);
         this.dataSource = new AXDataSource({
             byKey: (key) => {
-                const func = this.detailEntity()?.queries.byKey.execute;
+                const func = this.entityDef.queries.byKey.execute;
                 return func();
             },
             load: (e) => {
-                const func = this.detailEntity()?.queries.list?.execute;
+                const func = this.entityDef.queries.list?.execute;
                 return func(e);
             },
-            pageSize: 5,
+            pageSize: this.view().pageSize || 10,
             key: 'id',
         });
         this.selectedItems = signal([]);
@@ -504,22 +682,44 @@ class AXPEntityDetailListViewModel {
         });
         //****************** Title ******************//
         this.title = computed(() => {
-            return (this.detailEntityConfig.title ??
-                this.detailEntity()?.interfaces?.detail?.list?.title ??
-                this.detailEntity()?.formats.plural);
+            return this._viewDef.title ?? this.entityDef.formats.plural;
+        });
+        //****************** Description ******************//
+        this.description = computed(() => {
+            return this._viewDef.description ?? null;
         });
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
-            //return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
-            return [];
+            return this.entityDef.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name);
         });
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
         });
+        //****************** Beardcrumbs ******************//
+        this.beardcrumbs = computed(() => {
+            return [
+                {
+                    title: 'entity.home',
+                    icon: 'fa-solid fa-home ax-text-xs ax-me-2',
+                    url: [`/${this.session.application?.name}`],
+                },
+                {
+                    title: this.title(),
+                    url: [
+                        `/${this.session.application?.name}`,
+                        'm',
+                        `${this.entityDef.module}`,
+                        'e',
+                        `${this.entityDef.name}`,
+                        'list',
+                    ],
+                },
+            ];
+        });
         //****************** Actions ******************//
         this.allActions = computed(() => {
-            const list = this.detailEntity()?.interfaces?.master?.list?.actions ?? [];
-            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.detailEntity(), tr)) ?? [];
+            const list = this.entityDef.interfaces?.master?.list?.actions ?? [];
+            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
         });
         this.primaryActions = computed(() => {
             return this.allActions().filter((a) => a.priority == 'primary' &&
@@ -531,6 +731,9 @@ class AXPEntityDetailListViewModel {
                 ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
                     (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
         });
+        this.selectedScopeActionsCount = computed(() => {
+            return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Selected).length;
+        });
         this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
         this.secondaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary'));
         //****************** Filter ******************//
@@ -540,117 +743,398 @@ class AXPEntityDetailListViewModel {
             operator: null,
             filters: [],
         };
+        this.advanceFilters = {
+            field: null,
+            logic: 'and',
+            operator: null,
+            filters: [],
+        };
         //****************** Columns ******************//
-        this.columns = computed(() => {
-            if (this.detailEntity()) {
-                const detailColumns = this.detailEntityConfig.columns ?? [];
-                const columns = this.detailEntity()?.columns?.map((c) => c.name) ?? [];
-                const props = this.detailEntity()?.properties.filter((p) => p.schema.hidden != true && (detailColumns?.length == 0 || detailColumns?.includes(p.name))) ?? [];
-                const displayColumns = props.filter((p) => columns.some((c) => c == p.name));
-                return displayColumns.map((p) => {
-                    return new AXPEntityListViewColumnViewModel(p, this.detailEntity()?.columns?.find((c) => c.name == p.name));
-                });
+        this.allAvailableColumns = () => {
+            const { columns = [], properties } = this.entityDef;
+            const visibleProperties = properties.filter(({ schema }) => !schema?.hidden);
+            const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
+            return columns
+                .filter(({ name }) => visiblePropNames.has(name))
+                .map((column) => {
+                const property = visibleProperties.find(({ name }) => name === column.name);
+                return new AXPEntityListViewColumnViewModel(property, column);
+            });
+        };
+        this.visibleColumnCount = () => {
+            return this.columns().filter((c) => c.visible == true).length;
+        };
+        this.columns = signal([]);
+        //****************** Sort ******************//
+        this.sortableFields = () => {
+            const props = this.entityDef.properties.filter((c) => c.options?.sort?.enabled);
+            return props.map((e) => {
+                return {
+                    name: e.name,
+                    title: e.title,
+                    dir: undefined,
+                };
+            });
+        };
+        this.sortableFieldsCount = () => {
+            return this.entityDef.properties.filter((c) => c.options?.sort?.enabled).length ?? 0;
+        };
+        this.canSort = () => {
+            return this.sortableFieldsCount() > 0;
+        };
+        this.canAddMoreSort = () => {
+            return this.sortedCount() < this.sortableFieldsCount();
+        };
+        this.sortedCount = () => {
+            return this.sortedFields().filter((i) => i.dir).length;
+        };
+        this.sortedFields = signal([]);
+        this.workflow.events$
+            .pipe(ofType(AXPEntityDeletedEvent))
+            .pipe(takeUntil(this.destroyed))
+            .subscribe((event) => {
+            if (event.payload.entity == getEntityInfo(this.entityDef).source) {
+                this.selectedItems.set([]);
+                this.events$.next({ action: 'refresh' });
             }
-            return [];
         });
-        this.initialize();
+        this.sortedFields.set(this.sortableFields());
     }
-    async initialize() {
-        const entityResolver = this.injector.get(AXPEntityResolver);
-        const [moduleName, entityName] = this.detailEntityConfig.entity.split('.');
-        const entity = await entityResolver.get(moduleName, entityName);
-        if (!entity) {
-            throw Error(`Invalid enitity name: ${this.detailEntityConfig.entity}`);
+    async applySettings() {
+        this.settingListViewKey = `${this.config.module}:${this.config.name}:list-view:${this.view().name}`;
+        const listViewSetting = await this.settings.get(this.settingListViewKey);
+        if (listViewSetting) {
+            const columnVisibilityMap = new Map(listViewSetting.columns.map((col) => [col.name, col.visible]));
+            this.columns.update((prev) => prev
+                .map((c) => ({ ...c, visible: columnVisibilityMap.get(c.name) ?? c.visible })) // Update visibility
+                .sort((a, b) => listViewSetting.columns.findIndex((col) => col.name === a.name) -
+                listViewSetting.columns.findIndex((col) => col.name === b.name)));
         }
-        this.detailEntity.set(entity);
-        this.applyFilterAndSort();
     }
     clearSelection() {
         this.selectedItems.set([]);
     }
     applyInlineFilter(value) {
-        // const props = this.entityDef.properties.filter(c => c.options?.filter?.inline?.enabled);
-        // this.inlineFilters.filters = [];
-        // if (value) {
-        //     props.forEach(p => {
-        //         this.inlineFilters.filters?.push({
-        //             field: p.name,
-        //             operator: {
-        //                 type: 'contains'
-        //             },
-        //             value
-        //         })
-        //     })
-        // }
+        const props = this.entityDef.properties.filter((c) => c.options?.filter?.inline?.enabled);
+        this.inlineFilters.filters = [];
+        if (value) {
+            props.forEach((p) => {
+                this.inlineFilters.filters?.push({
+                    field: p.name,
+                    operator: {
+                        type: 'contains',
+                    },
+                    value,
+                });
+            });
+        }
         this.applyFilterAndSort();
     }
     applyFilterAndSort() {
         this.dataSource.clearFilter();
         //
-        //this.dataSource.sort(...this.detailEntity.().map(s => ({ dir: s.dir, field: s.name } as AXDataSourceSortOption)));
+        this.dataSource.sort(...this.sortedFields().map((s) => ({ dir: s.dir, field: s.name })));
         //
-        const parentFilters = this.detailEntityConfig.conditions?.map((c) => {
-            return {
-                field: c.name,
-                operator: c.operator,
-                value: this.parent.data?.id,
-            };
-        }) ?? [];
-        const parentFilterWrapper = {
-            field: null,
-            logic: 'and',
-            operator: null,
-            filters: parentFilters,
-        };
+        this.advanceFilters.filters = this.view().conditions.map((f) => ({
+            field: f.name,
+            operator: f.operator,
+            value: f.value,
+        }));
         //
         const inline = this.inlineFilters.filters?.length ?? 0;
-        const parent = parentFilterWrapper.filters?.length ?? 0;
-        //
-        debugger;
-        if (inline) {
+        const advance = this.advanceFilters.filters?.length ?? 0;
+        if (inline && !advance) {
             this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(this.inlineFilters));
         }
-        else if (!inline && parent) {
-            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(parentFilterWrapper));
+        else if (!inline && advance) {
+            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(this.advanceFilters));
         }
-        else if (inline && parent) {
+        else if (inline && advance) {
             this.dataSource.filter(this.filterOperatorMiddleware.transformFilter({
                 field: null,
                 logic: 'and',
                 operator: null,
-                filters: [this.inlineFilters, parentFilterWrapper],
+                filters: [this.inlineFilters, this.advanceFilters],
             }));
         }
         //
         this.dataSource.refresh();
     }
-    //******************  Commands ******************//
-    async executeCommand(commandName, data = null) {
-        const action = this.allActions().find((c) => c.name == commandName &&
-            ((this.selectedItems().length
-                ? c.scope == AXPEntityCommandScope.Selected
-                : c.scope == AXPEntityCommandScope.Individual) ||
-                c.scope == AXPEntityCommandScope.TypeLevel));
-        if (action?.scope == AXPEntityCommandScope.TypeLevel) {
-            if (data == null) {
-                data = {};
-            }
-            let relatedColumn = null;
-            this.detailEntityConfig.conditions?.forEach((condition) => {
-                if (condition.value == 'id') {
-                    relatedColumn = condition.name;
-                }
+    resetColumns() {
+        this.applyViewColumns();
+    }
+    async onColumnsChanged(columns) {
+        const listViewSetting = await this.settings.get(this.settingListViewKey);
+        if (this.settingListViewKey) {
+            this.settings.set(this.settingListViewKey, {
+                ...listViewSetting,
+                columns: columns.map((c) => ({ name: c.name, visible: c.visible })),
             });
-            if (relatedColumn != null) {
-                data[relatedColumn] = this.parent.data['id'];
-            }
         }
+    }
+    applyViewColumns() {
+        const cols = this.view().columns;
+        const cloned = this.allAvailableColumns().map((c) => {
+            const column = this.entityDef.columns?.find((cc) => cc.name == c.name);
+            const prop = this.entityDef.properties.find((p) => p.name == c.name);
+            const col = new AXPEntityListViewColumnViewModel(prop, column);
+            col.visible = !cols.some((c) => c == col.name) && col.visible != false;
+            return col;
+        });
+        this.columns.set(cloned);
+    }
+    resetSorts() {
+        this.applyViewSorts();
+    }
+    applySorts() {
+        this.applyFilterAndSort();
+    }
+    addSort() {
+        const prop = this.sortableFields().find((c) => !this.sortedFields().some((s) => s.name == c.name));
+        if (prop) {
+            this.sortedFields.set([...this.sortedFields(), ...[prop]]);
+        }
+    }
+    removeSort(name) {
+        this.sortedFields.set(this.sortedFields().filter((c) => c.name != name));
+    }
+    applyViewSorts() {
+        const viewSorts = this.view().sorts;
+        this.sortedFields.update((prev) => {
+            const viewSortsMap = new Map(viewSorts.map((vs) => [vs.name, vs]));
+            return prev.map((sf) => {
+                const updatedSort = viewSortsMap.get(sf.name);
+                if (updatedSort) {
+                    return { ...updatedSort, title: sf.title };
+                }
+                return sf;
+            });
+        });
+    }
+    //******************  Commands ******************//
+    async executeCommand(commandName, data = null) {
+        const action = this.allActions().find((c) => c.name == commandName &&
+            ((this.selectedItems().length
+                ? c.scope == AXPEntityCommandScope.Selected
+                : c.scope == AXPEntityCommandScope.Individual) ||
+                c.scope == AXPEntityCommandScope.TypeLevel));
         await this.workflow.execute(commandName, {
-            entity: getEntityInfo(this.detailEntity()).source,
+            entity: getEntityInfo(this.entityDef).source,
             data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
         });
     }
+    //
+    destroy() {
+        this.destroyed.next();
+        this.destroyed.complete();
+    }
+}
+class AXPEntityListViewModelFactory {
+    constructor() {
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.layout = inject(AXPLayoutThemeService);
+        this.injector = inject(Injector);
+    }
+    async create(moduleName, entityName) {
+        this.layout.setNavigationLoading(true);
+        const config = await this.entityService.resolve(moduleName, entityName);
+        this.layout.setNavigationLoading(false);
+        return new AXPEntityMasterListViewModel(this.injector, config);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+const AXPEntityListViewModelResolver = (route, state, service = inject(AXPEntityListViewModelFactory)) => {
+    const moduleName = route.parent?.paramMap.get('module');
+    const entityName = route.paramMap.get('entity');
+    //
+    return service.create(moduleName, entityName);
+};
+
+class AXPEntityMasterUpdateElementViewModel {
+    constructor(entity, property) {
+        this.entity = entity;
+        this.property = property;
+        this.name = signal(this.property.name);
+        this.title = signal(this.property.title);
+        this.description = signal(this.property.description);
+        this.editable = computed(() => {
+            return !(this.property.schema.readonly ?? false);
+        });
+        this.isRequired = computed(() => {
+            return this.property.validations?.some(c => c.rule == 'required') || false;
+        });
+        this.layout = computed(() => {
+            const updateProp = this.entity.interfaces?.master?.update?.properties?.find(c => c.name == this.property.name);
+            const source = cloneDeep(updateProp?.layout ?? {});
+            set(source, "positions.default.colSpan", 12);
+            return source;
+        });
+        this.node = computed(() => {
+            const schema = this.property.schema;
+            const widget = schema.interface;
+            return {
+                type: widget.type,
+                mode: this.editable() ? 'edit' : 'view',
+                path: this.name(),
+                children: widget.children,
+                formula: widget.formula,
+                triggers: widget.triggers,
+                options: merge(schema.interface?.options, 
+                //this.property.options?.create?.widget,
+                { validationRules: this.property.validations })
+            };
+        });
+    }
+}
+class AXPEntityMasterUpdateViewModel {
+    constructor(injector, config, entityData, props) {
+        this.injector = injector;
+        this.config = config;
+        this.entityData = entityData;
+        this.props = props;
+        this.entityDef = cloneDeep(this.config);
+        this.workflow = this.injector.get(AXPWorkflowService);
+        this.isInProgress = signal(false);
+        this.context = signal(cloneDeep(this.entityData));
+        this.elements = computed(() => {
+            const props = this.entityDef.properties.filter(c => this.props.includes(c.name) &&
+                c.schema.hidden != true);
+            return props.map(e => {
+                return new AXPEntityMasterUpdateElementViewModel(this.entityDef, e);
+            });
+        });
+    }
+    async save() {
+        this.isInProgress.set(true);
+        try {
+            const com = this.entityDef.commands?.update;
+            if (com) {
+                const exec = com.execute;
+                return await exec(this.context());
+            }
+        }
+        finally {
+            this.isInProgress.set(false);
+        }
+    }
+    reset() {
+        this.context.set(cloneDeep(this.entityData));
+    }
+}
+class AXPEntityMasterUpdateViewModelFactory {
+    constructor() {
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.layout = inject(AXPLayoutThemeService);
+        this.injector = inject(Injector);
+    }
+    async create(moduleName, entityName, id, props) {
+        const config = await this.entityService.resolve(moduleName, entityName);
+        this.layout.setNavigationLoading(true);
+        if (config.queries.byKey) {
+            const func = config.queries.byKey.execute;
+            const data = await func(id);
+            this.layout.setNavigationLoading(false);
+            return new AXPEntityMasterUpdateViewModel(this.injector, config, data, props);
+        }
+        this.layout.setNavigationLoading(false);
+        return Promise.reject('cannot fetch ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const AXPEntityModifyEvent = createWorkFlowEvent('[Entity] Modified');
+class AXPEntityModifySectionPopupAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.popupService = inject(AXPopupService);
+        this.platform = inject(AXPlatform);
+        this.translateService = inject(AXTranslationService);
+        this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
+        this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
+        this.factory = inject(AXPEntityMasterUpdateViewModelFactory);
+    }
+    async execute(context) {
+        const [moduleName, entityName] = context.getVariable('entity').split('.');
+        const { properties, id, title } = context.getVariable('data');
+        const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
+        const vm = await this.factory.create(moduleName, entityName, id, properties);
+        const com = await this.config.viewers.master.modify();
+        const popup = await this.popupService.open(com, {
+            title: title ?? `${this.translateService.translateSync('entity.modify')} ${this.translateService.translateSync(entityRef.formats.individual)}`,
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            data: {
+                vm,
+                properties,
+                entity: entityRef,
+            },
+        });
+        context.setOutput('result', false);
+        if (popup.data?.result == true) {
+            context.setOutput('result', true);
+            context.setVariable('data', cloneDeep(popup.data.context));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
+            type: Injectable
+        }] });
+class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
+    async execute(context) {
+        const updatedData = context.getVariable('data');
+        this.dispatch(AXPEntityModifyEvent({ entity: context.getVariable('entity'), values: updatedData }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
+            type: Injectable
+        }] });
+const AXPModifyEntitySectionWorkflow = {
+    startStepId: 'modifyPopup',
+    steps: {
+        modifyPopup: {
+            id: 'modifyPopup',
+            action: 'AXPEntityModifySectionPopupAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("result") == true' }],
+                    nextStepId: 'successToast',
+                },
+            ],
+        },
+        successToast: {
+            id: 'successToast',
+            action: 'AXPToastAction',
+            input: {
+                color: 'success',
+                title: 'workflow.entity-modified-title',
+                content: 'workflow.entity-modified-body',
+            },
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: 'modifyConfirmed',
+                },
+            ],
+        },
+        modifyConfirmed: {
+            id: 'modifyConfirmed',
+            action: 'AXPEntityModifyConfirmedAction',
+        },
+    },
+};
 
 class AXPEntityMasterSingleViewGroupViewModel {
     constructor(entity, section) {
@@ -768,548 +1252,100 @@ class AXPEntityMasterSingleViewModel {
                     icon: "fa-solid fa-home ax-text-xs ax-me-2",
                     url: [`/${this.session.application?.name}`]
                 },
-                {
-                    title: this.entityDef.formats.plural ?? this.entityDef.formats.individual,
-                    url: [`/${this.session.application?.name}`, 'm', `${this.entityDef.module}`, 'e', `${this.entityDef.name}`, 'list']
-                },
-                {
-                    title: this.title(),
-                }
-            ];
-        });
-        this.relatedEntities = computed(() => {
-            return this.entityDef.relatedEntities?.map(re => new AXPEntityDetailListViewModel(this.injector, re, { entity: this.entityDef, data: this.entityData })) ?? [];
-        });
-        this.workflow.events$
-            .pipe(ofType(AXPEntityDeletedEvent))
-            .pipe(takeUntil(this.destroyed))
-            .subscribe((event) => {
-            if (event.payload.entity == getEntityInfo(this.entityDef).source &&
-                event.payload.ids.includes(this.context().id)) {
-                this.workflow.execute('show-list-view', {
-                    entity: getEntityInfo(this.entityDef).source
-                });
-            }
-        });
-        this.workflow.events$
-            .pipe(ofType(AXPEntityModifyEvent))
-            .pipe(takeUntil(this.destroyed))
-            .subscribe(async (event) => {
-            if (event.payload.entity == getEntityInfo(this.entityDef).source &&
-                event.payload.values.id === this.context().id) {
-                this.context.set(event.payload.values);
-            }
-        });
-    }
-    async executeCommand(commandName, data = null) {
-        //TODO: syntact for workflow
-        switch (commandName) {
-            case 'modify-entity-section': {
-                this.workflow.execute('modify-entity-section', {
-                    entity: getEntityInfo(this.entityDef).source,
-                    data: {
-                        id: this.context().id,
-                        properties: data.editableProps().map(m => m.name()),
-                    },
-                });
-                break;
-            }
-            default:
-                {
-                    const action = this.actions().find(c => c.name == commandName);
-                    this.workflow.execute(commandName, {
-                        entity: getEntityInfo(this.entityDef).source,
-                        data: action?.scope == AXPEntityCommandScope.Individual ? this.context() : null
-                    });
-                }
-        }
-    }
-    //
-    //
-    destroy() {
-        this.destroyed.next();
-        this.destroyed.complete();
-    }
-}
-class AXPEntityDetailViewModelFactory {
-    constructor() {
-        this.entityService = inject(AXPEntityDefinitionRegistryService);
-        this.layout = inject(AXPLayoutThemeService);
-        this.injector = inject(Injector);
-    }
-    async create(moduleName, entityName, id) {
-        const config = await this.entityService.resolve(moduleName, entityName);
-        this.layout.setNavigationLoading(true);
-        if (config.queries.byKey) {
-            const func = config.queries.byKey.execute;
-            const data = await func(id);
-            this.layout.setNavigationLoading(false);
-            return new AXPEntityMasterSingleViewModel(this.injector, config, data);
-        }
-        this.layout.setNavigationLoading(false);
-        return Promise.reject('cannot fetch ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-const AXPEntityDetailViewModelResolver = (route, state, service = inject(AXPEntityDetailViewModelFactory)) => {
-    const moduleName = route.parent?.paramMap.get('module');
-    const entityName = route.paramMap.get('entity');
-    const id = route.paramMap.get('id');
-    //
-    return service.create(moduleName, entityName, id);
-};
-
-class AXPEntityCreateViewSectionViewModel {
-    constructor(entity, section) {
-        this.entity = entity;
-        this.section = section;
-        this.group = this.entity.groups?.find(c => c.id == this.section.id);
-        this.name = signal(this.group.id);
-        this.title = computed(() => {
-            return this.group.title ?? this.group.id;
-        });
-        this.description = computed(() => {
-            return this.group.description;
-            ;
-        });
-        this.layout = computed(() => {
-            const source = cloneDeep(this.section.layout ?? {});
-            set(source, "positions.default.colSpan", 12);
-            return source;
-        });
-        this.elements = computed(() => {
-            const { interfaces, properties } = this.entity;
-            const createProps = interfaces?.master?.create?.properties ?? [];
-            const createPropNames = new Set(createProps.map(({ name }) => name));
-            const filteredProperties = properties.filter(({ groupId, schema, name }) => groupId === this.group.id &&
-                !schema.hidden &&
-                createPropNames.has(name));
-            return filteredProperties.map(property => {
-                const createProp = createProps.find(({ name }) => name === property.name);
-                return new AXPEntityCreateViewElementViewModel(this.entity, this, property, createProp);
-            });
-        });
-    }
-}
-class AXPEntityCreateViewElementViewModel {
-    constructor(entity, section, property, createProp) {
-        this.entity = entity;
-        this.section = section;
-        this.property = property;
-        this.createProp = createProp;
-        this.name = signal(this.property.name);
-        this.title = signal(this.property.title);
-        this.description = signal(this.property.description);
-        this.editable = computed(() => {
-            return !(this.property.schema.readonly ?? false);
-        });
-        this.isRequired = computed(() => {
-            return this.property.validations?.some(c => c.rule == 'required') || false;
-        });
-        this.layout = computed(() => {
-            const source = cloneDeep(this.createProp.layout ?? {});
-            set(source, "positions.default.colSpan", 12);
-            return source;
-        });
-        this.node = computed(() => {
-            const schema = this.property.schema;
-            const widget = schema.interface;
-            return {
-                type: widget.type,
-                mode: this.editable() ? 'edit' : 'view',
-                path: this.name(),
-                children: widget.children,
-                formula: widget.formula,
-                triggers: widget.triggers,
-                options: merge(schema.interface?.options, 
-                //this.property.options?.create?.widget,
-                { validationRules: this.property.validations })
-            };
-        });
-    }
-}
-class AXPEntityMasterCreateViewModel {
-    constructor(injector, config, initialData = {}) {
-        this.injector = injector;
-        this.config = config;
-        this.initialData = initialData;
-        this.entityDef = cloneDeep(this.config);
-        this.workflow = this.injector.get(AXPWorkflowService);
-        this.context = signal(this.initialData ?? {});
-        this.isInProgress = signal(false);
-        this.sections = computed(() => {
-            const { interfaces, properties } = this.entityDef;
-            const createProps = interfaces?.master?.create?.properties?.map(({ name }) => name) ?? [];
-            const visibleProperties = properties.filter(({ groupId, schema, name }) => groupId && !schema.hidden && createProps.includes(name));
-            const sections = interfaces?.master?.create?.sections?.filter(({ id }) => visibleProperties.some(({ groupId }) => groupId === id)) ?? [];
-            return sections.map(section => new AXPEntityCreateViewSectionViewModel(this.entityDef, section));
-        });
-        if (!initialData)
-            initialData = {};
-        this.config.properties
-            .filter(c => c.schema.defaultValue != null)
-            .forEach(p => {
-            if (typeof p.schema.defaultValue === 'function') {
-                const func = p.schema.defaultValue;
-                set(initialData, p.name, func(initialData));
-            }
-            else {
-                set(initialData, p.name, p.schema.defaultValue);
-            }
-        });
-        this.context.set(initialData);
-    }
-    async save() {
-        try {
-            this.isInProgress.set(true);
-            const exec = this.entityDef.commands?.create?.execute;
-            return await exec((this.context()));
-        }
-        finally {
-            this.isInProgress.set(false);
-        }
-    }
-    async createNewOne() {
-        await this.workflow.execute('create-entity', {
-            entity: getEntityInfo(this.entityDef).source
-        });
-    }
-}
-class AXPEntityCreateViewModelFactory {
-    constructor() {
-        this.entityService = inject(AXPEntityDefinitionRegistryService);
-        this.layout = inject(AXPLayoutThemeService);
-        this.injector = inject(Injector);
-    }
-    async create(moduleName, entityName, initialData = null) {
-        this.layout.setNavigationLoading(true);
-        const config = await this.entityService.resolve(moduleName, entityName);
-        this.layout.setNavigationLoading(false);
-        return new AXPEntityMasterCreateViewModel(this.injector, config, initialData);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreateViewModelFactory, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-class AXPEntityMasterListViewQueryViewModel {
-    constructor(entity, section, view) {
-        this.entity = entity;
-        this.section = section;
-        this.view = view;
-        this.name = this.view.name;
-        this.title = this.view.title;
-        this.sorts = this.view.sorts;
-        this.columns = this.view.columns;
-        this.conditions = this.view.conditions;
-    }
-}
-class AXPEntityMasterListViewModel {
-    constructor(injector, config) {
-        this.injector = injector;
-        this.config = config;
-        this.entityDef = cloneDeep(this.config);
-        this._viewDef = cloneDeep(this.entityDef.interfaces?.master?.list);
-        this.formatService = this.injector.get(AXFormatService);
-        this.session = this.injector.get(AXPSessionService);
-        this.workflow = this.injector.get(AXPWorkflowService);
-        this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
-        this.destroyed = new Subject();
-        this.events$ = new Subject();
-        this.dataSource = new AXDataSource({
-            byKey: (key) => {
-                const func = this.entityDef.queries.byKey.execute;
-                return func();
-            },
-            load: (e) => {
-                const func = this.entityDef.queries.list?.execute;
-                return func(e);
-            },
-            pageSize: 10,
-            key: 'id',
-        });
-        this.selectedItems = signal([]);
-        this.hasSelectedItems = computed(() => {
-            return this.selectedItems().length > 0;
-        });
-        //****************** Title ******************//
-        this.title = computed(() => {
-            return this._viewDef.title ?? this.entityDef.formats.plural;
-        });
-        //****************** Description ******************//
-        this.description = computed(() => {
-            return this._viewDef.description ?? null;
-        });
-        //****************** Inline filter ******************//
-        this.inlineFiltersPlaceholders = computed(() => {
-            return this.entityDef.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name);
-        });
-        this.hasInlineFilters = computed(() => {
-            return this.inlineFiltersPlaceholders().length > 0;
-        });
-        //****************** Beardcrumbs ******************//
-        this.beardcrumbs = computed(() => {
-            return [
-                {
-                    title: 'entity.home',
-                    icon: 'fa-solid fa-home ax-text-xs ax-me-2',
-                    url: [`/${this.session.application?.name}`],
-                },
-                {
-                    title: this.title(),
-                    url: [
-                        `/${this.session.application?.name}`,
-                        'm',
-                        `${this.entityDef.module}`,
-                        'e',
-                        `${this.entityDef.name}`,
-                        'list',
-                    ],
-                },
+                {
+                    title: this.entityDef.formats.plural ?? this.entityDef.formats.individual,
+                    url: [`/${this.session.application?.name}`, 'm', `${this.entityDef.module}`, 'e', `${this.entityDef.name}`, 'list']
+                },
+                {
+                    title: this.title(),
+                }
             ];
         });
-        //****************** Actions ******************//
-        this.allActions = computed(() => {
-            const list = this.entityDef.interfaces?.master?.list?.actions ?? [];
-            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
-        });
-        this.primaryActions = computed(() => {
-            return this.allActions().filter((a) => a.priority == 'primary' &&
-                ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
-                    (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
-        });
-        this.secondaryActions = computed(() => {
-            return this.allActions().filter((a) => a.priority == 'secondary' &&
-                ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
-                    (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
-        });
-        this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
-        this.secondaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'secondary'));
-        //****************** Filter ******************//
-        this.inlineFilters = {
-            field: null,
-            logic: 'or',
-            operator: null,
-            filters: [],
-        };
-        this.advanceFilters = {
-            field: null,
-            logic: 'and',
-            operator: null,
-            filters: [],
-        };
-        //****************** Columns ******************//
-        this.allAvailableColumns = () => {
-            const { columns = [], properties } = this.entityDef;
-            const visibleProperties = properties.filter(({ schema }) => !schema?.hidden);
-            const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
-            return columns
-                .filter(({ name }) => visiblePropNames.has(name))
-                .map((column) => {
-                const property = visibleProperties.find(({ name }) => name === column.name);
-                return new AXPEntityListViewColumnViewModel(property, column);
-            });
-        };
-        this.visibleColumnCount = () => {
-            return this.columns().filter((c) => c.visible == true).length;
-        };
-        this.columns = signal([]);
-        //****************** Sort ******************//
-        this.sortableFields = () => {
-            const props = this.entityDef.properties.filter((c) => c.options?.sort?.enabled);
-            return props.map((e) => {
-                return {
-                    name: e.name,
-                    title: e.title,
-                    dir: undefined,
-                };
-            });
-        };
-        this.sortableFieldsCount = () => {
-            return this.entityDef.properties.filter((c) => c.options?.sort?.enabled).length ?? 0;
-        };
-        this.canSort = () => {
-            return this.sortableFieldsCount() > 0;
-        };
-        this.canAddMoreSort = () => {
-            return this.sortedCount() < this.sortableFieldsCount();
-        };
-        this.sortedCount = () => {
-            return this.sortedFields().filter((i) => i.dir).length;
-        };
-        this.sortedFields = signal([]);
-        this.views = computed(() => {
-            const views = this.entityDef.interfaces?.master?.list?.views ?? [];
-            return views.map((v) => {
-                return new AXPEntityMasterListViewQueryViewModel(this.entityDef, this, v);
-            });
+        this.relatedEntities = computed(() => {
+            return this.entityDef.relatedEntities?.map(re => new AXPEntityDetailListViewModel(this.injector, re, { entity: this.entityDef, data: this.entityData })) ?? [];
         });
-        this.view = signal(this.views()[0]);
         this.workflow.events$
             .pipe(ofType(AXPEntityDeletedEvent))
             .pipe(takeUntil(this.destroyed))
             .subscribe((event) => {
-            if (event.payload.entity == getEntityInfo(this.entityDef).source) {
-                this.selectedItems.set([]);
-                this.events$.next({ action: 'refresh' });
+            if (event.payload.entity == getEntityInfo(this.entityDef).source &&
+                event.payload.ids.includes(this.context().id)) {
+                this.workflow.execute('show-list-view', {
+                    entity: getEntityInfo(this.entityDef).source
+                });
+            }
+        });
+        this.workflow.events$
+            .pipe(ofType(AXPEntityModifyEvent))
+            .pipe(takeUntil(this.destroyed))
+            .subscribe(async (event) => {
+            if (event.payload.entity == getEntityInfo(this.entityDef).source &&
+                event.payload.values.id === this.context().id) {
+                this.context.set(event.payload.values);
             }
         });
-        console.log(this.sortableFields());
-        this.sortedFields.set(this.sortableFields());
-    }
-    clearSelection() {
-        this.selectedItems.set([]);
     }
-    applyInlineFilter(value) {
-        const props = this.entityDef.properties.filter((c) => c.options?.filter?.inline?.enabled);
-        this.inlineFilters.filters = [];
-        if (value) {
-            props.forEach((p) => {
-                this.inlineFilters.filters?.push({
-                    field: p.name,
-                    operator: {
-                        type: 'contains',
+    async executeCommand(commandName, data = null) {
+        //TODO: syntact for workflow
+        switch (commandName) {
+            case 'modify-entity-section': {
+                this.workflow.execute('modify-entity-section', {
+                    entity: getEntityInfo(this.entityDef).source,
+                    data: {
+                        id: this.context().id,
+                        properties: data.editableProps().map(m => m.name()),
                     },
-                    value,
                 });
-            });
-        }
-        this.applyFilterAndSort();
-    }
-    applyFilterAndSort() {
-        this.dataSource.clearFilter();
-        //
-        this.dataSource.sort(...this.sortedFields().map((s) => ({ dir: s.dir, field: s.name })));
-        //
-        this.advanceFilters.filters = this.view().conditions.map((f) => ({
-            field: f.name,
-            operator: f.operator,
-            value: f.value,
-        }));
-        //
-        const inline = this.inlineFilters.filters?.length ?? 0;
-        const advance = this.advanceFilters.filters?.length ?? 0;
-        if (inline && !advance) {
-            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(this.inlineFilters));
-        }
-        else if (!inline && advance) {
-            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter(this.advanceFilters));
-        }
-        else if (inline && advance) {
-            this.dataSource.filter(this.filterOperatorMiddleware.transformFilter({
-                field: null,
-                logic: 'and',
-                operator: null,
-                filters: [this.inlineFilters, this.advanceFilters],
-            }));
-        }
-        //
-        this.dataSource.refresh();
-    }
-    resetColumns() {
-        this.applyViewColumns();
-    }
-    applyColumns() {
-        //this.columns.set(this.clonedColumns())
-    }
-    applyViewColumns() {
-        const cols = this.view().columns;
-        const cloned = this.allAvailableColumns().map((c) => {
-            const column = this.entityDef.columns?.find((cc) => cc.name == c.name);
-            const prop = this.entityDef.properties.find((p) => p.name == c.name);
-            const col = new AXPEntityListViewColumnViewModel(prop, column);
-            col.visible = !cols.some((c) => c == col.name) && col.visible != false;
-            return col;
-        });
-        this.columns.set(cloned);
-    }
-    resetSorts() {
-        this.applyViewSorts();
-    }
-    applySorts() {
-        this.applyFilterAndSort();
-    }
-    addSort() {
-        const prop = this.sortableFields().find((c) => !this.sortedFields().some((s) => s.name == c.name));
-        if (prop) {
-            this.sortedFields.set([...this.sortedFields(), ...[prop]]);
-        }
-    }
-    removeSort(name) {
-        this.sortedFields.set(this.sortedFields().filter((c) => c.name != name));
-    }
-    applyViewSorts() {
-        const viewSorts = this.view().sorts;
-        this.sortedFields.update((prev) => {
-            const viewSortsMap = new Map(viewSorts.map((vs) => [vs.name, vs]));
-            return prev.map((sf) => {
-                const updatedSort = viewSortsMap.get(sf.name);
-                if (updatedSort) {
-                    return { ...updatedSort, title: sf.title };
+                break;
+            }
+            default:
+                {
+                    const action = this.actions().find(c => c.name == commandName);
+                    this.workflow.execute(commandName, {
+                        entity: getEntityInfo(this.entityDef).source,
+                        data: action?.scope == AXPEntityCommandScope.Individual ? this.context() : null
+                    });
                 }
-                return sf;
-            });
-        });
-    }
-    //****************** Views ******************//
-    setView(viewName = null) {
-        if (viewName != this.view().name) {
-            this.view.set(this.views().find((c) => c.name == viewName) ?? this.views()[0]);
-            this.applyViewSorts();
-            this.applyViewColumns();
-            this.applyFilterAndSort();
         }
     }
-    //******************  Commands ******************//
-    async executeCommand(commandName, data = null) {
-        const action = this.allActions().find((c) => c.name == commandName &&
-            ((this.selectedItems().length
-                ? c.scope == AXPEntityCommandScope.Selected
-                : c.scope == AXPEntityCommandScope.Individual) ||
-                c.scope == AXPEntityCommandScope.TypeLevel));
-        await this.workflow.execute(commandName, {
-            entity: getEntityInfo(this.entityDef).source,
-            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
-        });
-    }
+    //
     //
     destroy() {
         this.destroyed.next();
         this.destroyed.complete();
     }
 }
-class AXPEntityListViewModelFactory {
+class AXPEntityDetailViewModelFactory {
     constructor() {
         this.entityService = inject(AXPEntityDefinitionRegistryService);
         this.layout = inject(AXPLayoutThemeService);
         this.injector = inject(Injector);
     }
-    async create(moduleName, entityName) {
-        this.layout.setNavigationLoading(true);
+    async create(moduleName, entityName, id) {
         const config = await this.entityService.resolve(moduleName, entityName);
+        this.layout.setNavigationLoading(true);
+        if (config.queries.byKey) {
+            const func = config.queries.byKey.execute;
+            const data = await func(id);
+            this.layout.setNavigationLoading(false);
+            return new AXPEntityMasterSingleViewModel(this.injector, config, data);
+        }
         this.layout.setNavigationLoading(false);
-        return new AXPEntityMasterListViewModel(this.injector, config);
+        return Promise.reject('cannot fetch ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
-const AXPEntityListViewModelResolver = (route, state, service = inject(AXPEntityListViewModelFactory)) => {
+const AXPEntityDetailViewModelResolver = (route, state, service = inject(AXPEntityDetailViewModelFactory)) => {
     const moduleName = route.parent?.paramMap.get('module');
     const entityName = route.paramMap.get('entity');
+    const id = route.paramMap.get('id');
     //
-    return service.create(moduleName, entityName);
+    return service.create(moduleName, entityName, id);
 };
 
 class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
@@ -1330,7 +1366,7 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
         this.efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
-        }, { allowSignalWrites: true });
+        });
         this.efDisplay = effect(async () => {
             const value = this.getValue();
             if (isNil(value)) {
@@ -1342,7 +1378,7 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
                     : [await this.extractItem(value)];
                 this.displayItems.set(items);
             }
-        }, { allowSignalWrites: true });
+        });
     }
     async extractItem(item) {
         if (typeof item == 'object') {
@@ -1374,8 +1410,8 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
         cls[`ax-gap-1`] = true;
         return cls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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: "19.0.3", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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>
@@ -1387,7 +1423,7 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-view',
@@ -1402,9 +1438,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       }
     }
   `,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, AXLoadingModule, AXBadgeModule],
+                    imports: [CommonModule, AXLoadingModule, AXBadgeModule]
                 }]
         }], propDecorators: { __class: [{
                 type: HostBinding,
@@ -1454,8 +1489,8 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
             this.close({ items: [this.focusedRow] });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-p-4 ax-flex ax-flex-col ax-gap-4  ax-overflow-hidden">
       @if(vm.hasInlineFilters()) {
       <div class="ax-w-full">
@@ -1519,7 +1554,7 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     </ax-footer>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2$1.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i5.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "delayTime"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i7.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "node", "footerTemplate", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1585,7 +1620,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       </ax-suffix>
     </ax-footer>
   `,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
                         CommonModule,
@@ -1599,7 +1633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         AXPLayoutBuilderModule,
                         AXTranslationModule,
                     ],
-                    inputs: [],
+                    inputs: []
                 }]
         }] });
 
@@ -1744,12 +1778,12 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
             else if (value != null) {
                 await this.findByValue();
             }
-        }, { allowSignalWrites: true });
+        });
         this.efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
             this.vm.set(new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), this.filter));
-        }, { allowSignalWrites: true });
+        });
     }
     ngOnInit() {
         super.ngOnInit();
@@ -1867,8 +1901,8 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         this.searchTerm.set('');
         this.selectedItem.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <ax-text-box
       [ngModel]="displayText()"
       (onValueChanged)="handleValueChange($event)"
@@ -1897,7 +1931,7 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
     </ax-text-box>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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$2.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", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-edit',
@@ -1929,7 +1963,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       </ax-suffix>
     </ax-text-box>
   `,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
                         CommonModule,
@@ -1941,7 +1974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         AXLoadingModule,
                         AXValidationModule,
                         AXFormModule,
-                    ],
+                    ]
                 }]
         }], propDecorators: { textbox: [{
                 type: ViewChild,
@@ -1954,14 +1987,13 @@ var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPLookupWidgetFilterComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLookupWidgetFilterComponent, 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: "19.0.3", ngImport: i0, type: AXPLookupWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLookupWidgetFilterComponent, 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: "18.2.0", ngImport: i0, type: AXPLookupWidgetFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetFilterComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, FormsModule],
                     inputs: []
@@ -1974,18 +2006,17 @@ var lookupWidgetFilter_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
    <ax-badge [look]="'twotone'" [text]="rawValue" color="primary"></ax-badge>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
    <ax-badge [look]="'twotone'" [text]="rawValue" color="primary"></ax-badge>
   `,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, AXBadgeModule],
                     inputs: ['rawValue']
@@ -1998,14 +2029,13 @@ var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPLookupWidgetPrintComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPLookupWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPLookupWidgetPrintComponent, 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: "19.0.3", ngImport: i0, type: AXPLookupWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLookupWidgetPrintComponent, 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: "18.2.0", ngImport: i0, type: AXPLookupWidgetPrintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetPrintComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
                     inputs: []
@@ -2122,8 +2152,8 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPWidgetComponent {
         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: "18.2.0", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", 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: "19.0.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", 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
@@ -2144,7 +2174,7 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPWidgetComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.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$2.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", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -2167,7 +2197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
     </axp-widget-property-viewer>
     }
   `,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
                         CommonModule,
@@ -2180,7 +2209,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         AXValidationModule,
                         AXFormModule,
                         AXPWidgetPropertyViewerComponent,
-                    ],
+                    ]
                 }]
         }], propDecorators: { textbox: [{
                 type: ViewChild,
@@ -2193,16 +2222,15 @@ var widgetSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPWidgetSelectorWidgetViewComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPWidgetSelectorWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `{{ getValue()?.title }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWidgetSelectorWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     template: `{{ getValue()?.title }}`,
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
+                    imports: [CommonModule]
                 }]
         }] });
 
@@ -2243,13 +2271,15 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
     async execute(context) {
         const [module, entity] = context.getVariable('entity').split('.');
         const data = context.getVariable('data');
+        const canCreateNewOne = context.getVariable('canCreateNewOne') ?? false;
+        const redirect = context.getVariable('redirect') ?? true;
         const entityRef = await this.entityRegistery.resolve(module, entity);
         const com = await this.config.viewers.master.create();
         const result = await this.popupService.open(com, {
-            title: this.translateService.translateSync('create-new') + ' ' + entityRef.formats.individual,
+            title: `${await this.translateService.translateAsync('create-new')} ${await this.translateService.translateAsync(entityRef.formats.individual)}`,
             size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
             data: {
-                vm: await this.factory.create(module, entity, data),
+                vm: await this.factory.create(module, entity, data, { canCreateNewOne, redirect }),
                 entity,
             },
         });
@@ -2260,17 +2290,22 @@ class AXPEntityCreatePopupAction extends AXPWorkflowAction {
             context.setVariable('data', { ...prevData, ...result.data.item });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreatePopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreatePopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
             type: Injectable
         }] });
 class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
     async execute(context) {
         this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity'), meta: context.getVariable('meta') }));
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateSubmittedAction }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityCreateSubmittedAction, decorators: [{
+            type: Injectable
+        }] });
 const AXPCreateEntityWorkflow = {
     startStepId: 'show-popup',
     steps: {
@@ -2327,10 +2362,10 @@ class AXPShowDetailViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPShowDetailViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPShowDetailViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowDetailsViewWorkflow = {
@@ -2356,10 +2391,10 @@ class AXPShowListViewAction extends AXPWorkflowAction {
         context.setVariable('payload', newPayload);
         this.navigation.execute(context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPShowListViewAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPShowListViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPShowListViewAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPShowListViewAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPShowListViewAction, decorators: [{
             type: Injectable
         }] });
 const AXPShowListViewWorkflow = {
@@ -2384,22 +2419,6 @@ function routesFacory() {
                 {
                     path: ':module',
                     children: [
-                        // {
-                        //   path: 'e/:entity/:id/view/:section',
-                        //   resolve: { loader: AXPEntityDetailViewLoaderResolver },
-                        //   component: AXPEntityDetailsViewComponent,
-                        // },
-                        // {
-                        //   path: 'settings',
-                        //   component: AXPSettingsMenuComponent,
-                        //   data: { reuse: true },
-                        //   children: [
-                        //     {
-                        //       path: ':group',
-                        //       component: AXPSettingsPreviewComponent,
-                        //     },
-                        //   ],
-                        // },
                         {
                             path: 'e/:entity/list',
                             loadComponent: () => {
@@ -2436,9 +2455,9 @@ function routesFacory() {
     return routes;
 }
 class AXPEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i1$3.AXPWorkflowModule, i7.AXPLayoutBuilderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i1$3.AXPWorkflowModule, i7.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModule, providers: [
             {
                 provide: ROUTES,
                 multi: true,
@@ -2468,7 +2487,7 @@ class AXPEntityModule {
                 widgets: [AXPLookupWidget, AXPWidgetSelectorWidget],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2515,10 +2534,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: "18.2.0", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPEntityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPEntityService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -2527,5 +2546,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDefinitionRegistryService, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityModule, AXPEntityResolver, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
+export { AXPEntityCommandTriggerViewModel, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDefinitionRegistryService, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityModule, AXPEntityResolver, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map