@acorex/platform 18.0.0 → 18.0.2

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

@@ -0,0 +1,1848 @@
+import { AXFormatService } from '@acorex/core/format';
+import { cloneDeep, set, merge } from 'lodash-es';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, computed, signal, Injector, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1$1 from '@acorex/platform/workflow';
+import { createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowService, ofType, AXPWorkflowModule } from '@acorex/platform/workflow';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { resolveActionLook, AXPLayoutService, AXPEntityCommandScope, AXPWorkflowNavigateAction } from '@acorex/platform/common';
+import { AXDialogService } from '@acorex/components/dialog';
+import { AXLoadingDialogService } from '@acorex/components/loading-dialog';
+import { AXPopupService } from '@acorex/components/popup';
+import { AXPlatform } from '@acorex/core/platform';
+import { AXDataSource } from '@acorex/components/common';
+import { RouterModule, ROUTES } from '@angular/router';
+import * as i4$1 from '@acorex/platform/layout/builder';
+import { AXPWidgetBase, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPColumnWidgetBase } from '@acorex/platform/layout/builder';
+import { CommonModule } from '@angular/common';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2$1 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+import * as i3 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import { AXBasePageComponent } from '@acorex/components/page';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+
+const AXP_ENTITY_CONFIG_TOKEN = new InjectionToken('AXP_ENTITY_CONFIG_TOKEN');
+const AXP_ENTITY_DEFINITION_LOADER = new InjectionToken('AXP_ENTITY_DEFINITION_LOADER');
+
+class AXPEntityDefinitionRegistryService {
+    constructor() {
+        // Stores AXPEntityConfig objects, keyed by a combination of module and entity name.
+        this.entities = new Map();
+        // Entity loader service for dynamically loading entity configurations.
+        this.loader = inject(AXP_ENTITY_DEFINITION_LOADER); // Assuming AXPEntityLoader is the correct type
+    }
+    /**
+     * Registers a new entity configuration. Entities are identified uniquely by a combination
+     * of their module and name.
+     *
+     * @param config The configuration object of the entity to be registered.
+     */
+    register(config) {
+        const key = this.createEntityKey(config.module, config.name);
+        this.entities.set(key, config);
+    }
+    /**
+     * Resolves an entity configuration based on module and entity name. If the configuration
+     * is not already registered, attempts to load it dynamically. Throws an error if the
+     * entity cannot be found or loaded.
+     *
+     * @param moduleName The module name of the entity.
+     * @param entityName The name of the entity.
+     * @returns A promise resolving to the entity configuration.
+     * @throws Error if the entity configuration cannot be resolved.
+     */
+    async resolve(moduleName, entityName) {
+        const key = this.createEntityKey(moduleName, entityName);
+        let config = this.entities.get(key) ?? null;
+        if (!config) {
+            try {
+                config = await this.loader.get(moduleName, entityName);
+                if (config) {
+                    this.register(config);
+                }
+            }
+            catch (error) {
+                throw error; // Rethrow to allow error handling by caller
+            }
+            if (!config) {
+                throw new Error(`Invalid Entity name: ${key}`);
+            }
+        }
+        return config;
+    }
+    /**
+     * Creates a unique key for an entity based on its module and name.
+     *
+     * @param moduleName The module name of the entity.
+     * @param entityName The name of the entity.
+     * @returns The unique key for the entity.
+     */
+    createEntityKey(moduleName, entityName) {
+        return `${moduleName}.${entityName}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityDefinitionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityDefinitionRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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) {
+        this.property = property;
+        this.name = this.property.name;
+        this.title = this.property.title;
+        this.description = this.property.description;
+        this.visible = this.property.options?.table?.visible ?? true;
+        this.node = computed(() => {
+            const widget = this.property.schema.interface;
+            return {
+                path: this.name,
+                type: widget.type,
+                options: { ...widget?.options, ...this.property.options?.table?.widget }
+            };
+        });
+    }
+}
+
+const AXPEntityDeletedEvent = createWorkFlowEvent('[Entity] Deleted');
+class AXPEntityPerformDeleteAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
+        this.dialogService = inject(AXDialogService);
+        this.loadingDialog = inject(AXLoadingDialogService);
+    }
+    async execute(context) {
+        const moduleName = context.getVariable('module');
+        const entityName = context.getVariable('entity');
+        const ids = context.getVariable('ids');
+        const entity = await this.entityRegistery.resolve(moduleName, entityName);
+        let deletedCount = 0;
+        context.setVariable('deleteSuccessful', false);
+        const dialog = this.loadingDialog.show({
+            title: 'Deleting Record...',
+            mode: 'determinate',
+            status: 'Deleting...',
+            progressValue: 0,
+            text: `0/${ids.length}`,
+            buttons: [
+                {
+                    text: 'Cancel',
+                    color: 'danger',
+                    onClick: () => {
+                        dialog.close();
+                    },
+                },
+            ],
+        });
+        if (entity.commands?.delete != null) {
+            const deleteExec = entity.commands?.delete?.execute;
+            const wrappedPromises = ids
+                .map((id, i) => {
+                return new Promise((resolve) => {
+                    setTimeout(() => {
+                        resolve(deleteExec(id));
+                    }, i * 200);
+                });
+            })
+                .map((p) => p?.then((value) => {
+                deletedCount++;
+                dialog.setProgressText(`${deletedCount}/${ids.length}`);
+                dialog.setProgressValue((deletedCount / ids.length) * 100);
+                return { status: 'fulfilled', value };
+            }, (reason) => ({ status: 'rejected', reason })));
+            const results = await Promise.all(wrappedPromises);
+            const successfulPromises = results.filter((result) => result?.status === 'fulfilled').length;
+            const failedPromises = results.filter((result) => result?.status === 'rejected').length;
+            setTimeout(() => {
+                dialog.close();
+            }, 300);
+            // Handle different scenarios for alerts
+            if (successfulPromises > 0 && failedPromises === 0) {
+                // All items deleted successfully
+                await this.dialogService.alert('Deletion Successful', `${successfulPromises} item(s) has been deleted.`, 'success');
+                // Dispatch actions
+                this.dispatch(AXPEntityDeletedEvent({ module: moduleName, entity: entityName, id: ids }));
+            }
+            else if (successfulPromises > 0 && failedPromises > 0) {
+                // Some items deleted successfully, some failed
+                await this.dialogService.alert('Partial Deletion Completed', `${successfulPromises} item(s) deleted successfully. However, ${failedPromises} item(s) could not be deleted.`, 'warning');
+                // Dispatch actions
+                this.dispatch(AXPEntityDeletedEvent({ module: moduleName, entity: entityName, id: ids }));
+            }
+            else if (successfulPromises === 0 && failedPromises > 0) {
+                // No items deleted, all failed
+                await this.dialogService.alert('Deletion Failed', `No items were deleted. ${failedPromises} item(s) failed to delete.`, 'danger');
+            }
+            else {
+                // No items to delete (no successful or failed promises)
+                await this.dialogService.alert('No Deletion Needed', 'No items were available to delete.', 'info');
+            }
+        }
+        else {
+            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.0.2", ngImport: i0, type: AXPEntityPerformDeleteAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityPerformDeleteAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityPerformDeleteAction, decorators: [{
+            type: Injectable
+        }] });
+const AXPDeleteEntityWorkflow = {
+    startStepId: 'confirmDelete',
+    steps: {
+        confirmDelete: {
+            id: 'confirmDelete',
+            action: 'AXPDialogConfirmAction',
+            input: {
+                title: 'Warning',
+                message: `Are you sure want to delete selected item(s)?`,
+                type: 'danger',
+            },
+            nextSteps: [
+                {
+                    conditions: [
+                        {
+                            type: 'AND',
+                            conditions: [
+                                { type: 'SINGLE', expression: 'context.getOutput("deleteConfirmed") == true' },
+                            ],
+                        },
+                    ],
+                    nextStepId: 'performDelete',
+                },
+            ],
+        },
+        performDelete: {
+            id: 'performDelete',
+            action: 'AXPEntityPerformDeleteAction',
+        },
+    },
+};
+
+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.property.options?.update?.enabled ?? true);
+        });
+        this.order = signal(this.property.options?.view?.layout?.order ?? 0);
+        this.isRequired = computed(() => {
+            return this.property.validations?.some(c => c.rule == 'required') || false;
+        });
+        this.layout = computed(() => {
+            const source = cloneDeep(this.property.options?.update?.layout ?? this.property.options?.view?.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 && c.options?.update?.enabled != false);
+            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(AXPLayoutService);
+        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.0.2", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityMasterUpdateViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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.entityRegistery = inject(AXPEntityDefinitionRegistryService);
+        this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
+        this.factory = inject(AXPEntityMasterUpdateViewModelFactory);
+    }
+    async execute(context) {
+        const payload = context.getVariable('payload');
+        const { module, entity, properties, id, title } = payload;
+        const entityRef = await this.entityRegistery.resolve(module, entity);
+        const vm = await this.factory.create(module, entity, id, properties);
+        const com = await this.config.viewers.master.modify();
+        const popup = await this.popupService.open(com, {
+            title: title ?? `Modify ${entityRef.formats.individual}`,
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            data: {
+                vm,
+                properties,
+                entity: entityRef,
+            },
+        });
+        context.setOutput('popupResult', false);
+        if (popup.data?.result == true) {
+            context.setOutput('popupResult', true);
+            context.setVariable('updatedData', cloneDeep(popup.data.context));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModifySectionPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModifySectionPopupAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModifySectionPopupAction, decorators: [{
+            type: Injectable
+        }] });
+class AXPEntityModifyConfirmedAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
+    }
+    async execute(context) {
+        const payload = context.getVariable('payload');
+        const updatedData = context.getVariable('updatedData');
+        const entity = await this.entityRegistery.resolve(payload.module, payload.entity);
+        this.dispatch(AXPEntityModifyEvent({ module: entity.module, entity: entity.name, updateValues: updatedData }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModifyConfirmedAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModifyConfirmedAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModifyConfirmedAction, decorators: [{
+            type: Injectable
+        }] });
+const AXPModifyEntitySectionWorkflow = {
+    startStepId: 'modifyPopup',
+    steps: {
+        modifyPopup: {
+            id: 'modifyPopup',
+            action: 'AXPEntityModifySectionPopupAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("popupResult") == true' }],
+                    nextStepId: 'successToast',
+                },
+            ],
+        },
+        successToast: {
+            id: 'successToast',
+            action: 'AXPToastAction',
+            input: {
+                color: 'success',
+                title: 'Entity Modified',
+                content: 'Record has been successfully updated.',
+            },
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: 'modifyConfirmed',
+                },
+            ],
+        },
+        modifyConfirmed: {
+            id: 'modifyConfirmed',
+            action: 'AXPEntityModifyConfirmedAction',
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: '',
+                },
+            ],
+        },
+    },
+};
+
+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.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.actions = computed(() => {
+            // const list = this.detailEntity.interfaces?.master?.list?.actions ?? [];
+            // return list
+            //     .filter(a =>
+            //         (a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
+            //         (a.scope != AXPEntityCommandScope.Selected && !this.hasSelectedItems())
+            //     )
+            //     .map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
+            return [];
+        });
+        this.primaryActions = computed(() => {
+            return this.actions().filter(c => c.priority == 'primary');
+        });
+        this.secondaryActions = computed(() => {
+            return this.actions().filter(c => c.priority == 'secondary');
+        });
+        //****************** Filter ******************//
+        this.inlineFilters = {
+            field: null,
+            logic: 'or',
+            operator: null,
+            filters: []
+        };
+        //****************** Columns ******************//
+        this.columns = computed(() => {
+            if (this.detailEntity()) {
+                const columns = this.detailEntityConfig.columns ?? [];
+                const props = this.detailEntity()?.properties.filter(c => c.schema.hidden != true &&
+                    c.options?.table?.enabled &&
+                    (columns?.length == 0 || columns?.includes(c.name))) ?? [];
+                return props.map(e => {
+                    return new AXPEntityListViewColumnViewModel(e);
+                });
+            }
+            return [];
+        });
+        this.initialize();
+    }
+    async initialize() {
+        const loader = this.injector.get(AXP_ENTITY_DEFINITION_LOADER);
+        const [moduleName, entityName] = this.detailEntityConfig.entity.split('.');
+        const entity = await loader.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.inlineFilters);
+        }
+        else if (!inline && parent) {
+            this.dataSource.filter(parentFilterWrapper);
+        }
+        else if (inline && parent) {
+            this.dataSource.filter({
+                field: null,
+                logic: 'and',
+                operator: null,
+                filters: [this.inlineFilters, parentFilterWrapper]
+            });
+        }
+        //
+        this.dataSource.refresh();
+    }
+    //******************  Commands ******************//
+    async executeCommand(commandName, data = null) {
+    }
+}
+
+class AXPEntityMasterSingleViewGroupViewModel {
+    constructor(entity, group) {
+        this.entity = entity;
+        this.group = group;
+        this.name = signal(this.group.id);
+        this.isLoading = signal(false);
+        this.title = computed(() => {
+            if (this.group.title)
+                return this.group.title;
+            return this.group.id;
+        });
+        this.description = computed(() => {
+            if (this.group.description)
+                return this.group.description;
+            return null;
+        });
+        this.layout = computed(() => {
+            const source = cloneDeep(this.group.layout ?? {});
+            set(source, "positions.default.colSpan", 12);
+            return source;
+        });
+        this.props = computed(() => {
+            const props = this.entity.properties.filter(c => c.groupId == this.group.id && c.schema.hidden != true && c.options?.view?.enabled != false);
+            return props.map(e => {
+                return new AXPEntityMasterSingleElementViewModel(this.entity, this, e);
+            });
+        });
+        this.editableProps = computed(() => {
+            const props = this.entity.properties.filter(c => c.groupId == this.group.id && c.schema.hidden != true && c.options?.update?.enabled != false);
+            return props.map(e => {
+                return new AXPEntityMasterSingleElementViewModel(this.entity, this, e);
+            });
+        });
+        this.editable = computed(() => {
+            return this.editableProps().length > 0;
+        });
+    }
+}
+class AXPEntityMasterSingleElementViewModel {
+    constructor(entity, section, property) {
+        this.entity = entity;
+        this.section = section;
+        this.property = property;
+        this.name = signal(this.property.name);
+        this.title = signal(this.property.title);
+        this.description = signal(this.property.description);
+        this.order = signal(this.property.options?.view?.layout?.order ?? 0);
+        this.layout = computed(() => {
+            const source = cloneDeep(this.property.options?.view?.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: 'view',
+                path: this.name(),
+                children: widget.children,
+                formula: widget.formula,
+                options: merge(schema.interface?.options, this.property.options?.create?.widget, { validationRules: this.property.validations })
+            };
+        });
+    }
+}
+class AXPEntityMasterSingleViewModel {
+    constructor(injector, config, entityData) {
+        this.injector = injector;
+        this.config = config;
+        this.entityData = entityData;
+        this.entityDef = cloneDeep(this.config);
+        this._viewDef = cloneDeep(this.entityDef.interfaces?.master?.single);
+        this.session = this.injector.get(AXPSessionService);
+        this.formatService = this.injector.get(AXFormatService);
+        this.workflow = this.injector.get(AXPWorkflowService);
+        this.context = signal(cloneDeep(this.entityData));
+        this.actions = computed(() => {
+            return this.entityDef.interfaces?.master?.single?.actions?.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
+        });
+        this.primaryActions = computed(() => {
+            return this.actions().filter(c => c.priority == 'primary');
+        });
+        this.secondaryActions = computed(() => {
+            return this.actions().filter(c => c.priority == 'secondary');
+        });
+        this.sections = computed(() => {
+            const props = this.entityDef.properties.filter(c => c.groupId && c.schema.hidden != true && c.options?.view?.enabled != false);
+            const groups = this.entityDef.groups?.filter(g => props.some(p => p.groupId == g.id));
+            const result = groups?.map((section) => {
+                return new AXPEntityMasterSingleViewGroupViewModel(this.entityDef, section);
+            });
+            return (result ?? []);
+        });
+        //****************** Title ******************//
+        this.title = computed(() => {
+            const suggestedProps = this.entityDef.properties.find((c) => ['title', 'name', 'code'].includes(c.name));
+            let suggestedFormat = 'Item #{{id}}';
+            if (suggestedProps)
+                suggestedFormat = `{{${suggestedProps.name}}}`;
+            return this.formatService.format(this._viewDef.title ?? suggestedFormat, 'string', this.context());
+        });
+        //****************** Description ******************//
+        this.description = computed(() => {
+            return this._viewDef.description ? this.formatService.format(this._viewDef.description, 'string', this.context()) : null;
+        });
+        //****************** Beardcrumbs ******************//
+        this.beardcrumbs = computed(() => {
+            return [
+                {
+                    title: "Home",
+                    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)).subscribe((event) => {
+            // if (
+            //   event.payload.entity == this.loader.entity.name &&
+            //   event.payload.module == this.loader.entity.module &&
+            //   event.payload.id.includes(this.loader.data.id)
+            // ) {
+            //   this.workflow.execute('show-list-view', {
+            //     payload: {
+            //       module: this.loader.entity.module,
+            //       entity: this.loader.entity.name,
+            //     },
+            //   });
+            //}
+        });
+        this.workflow.events$.pipe(ofType(AXPEntityModifyEvent)).subscribe(async (event) => {
+            if (event.payload.entity == this.entityDef.name &&
+                event.payload.module == this.entityDef.module &&
+                event.payload.updateValues.id === this.context().id) {
+                this.context.set(event.payload.updateValues);
+            }
+        });
+    }
+    async executeCommand(commandName, data = null) {
+        // debugger
+        //TODO: syntact for workflow
+        switch (commandName) {
+            case 'delete-entity':
+                this.workflow.execute('delete-entity', {
+                    module: this.entityDef.module,
+                    entity: this.entityDef.name,
+                    ids: [this.context().id],
+                });
+                break;
+            case 'modify-entity-section': {
+                this.workflow.execute('modify-entity-section', {
+                    payload: {
+                        properties: data.editableProps().map(m => m.name()),
+                        id: this.entityData.id,
+                        module: this.entityDef.module,
+                        entity: this.entityDef.name,
+                    },
+                });
+                break;
+            }
+            default:
+                {
+                    const action = this.actions().find(c => c.name == commandName);
+                    this.workflow.execute(commandName, {
+                        payload: {
+                            module: this.entityDef.module,
+                            entity: this.entityDef.name,
+                            data: action?.scope == AXPEntityCommandScope.Individual ? data : null
+                        }
+                    });
+                }
+        }
+    }
+}
+class AXPEntityDetailViewModelFactory {
+    constructor() {
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.layout = inject(AXPLayoutService);
+        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.0.2", ngImport: i0, type: AXPEntityDetailViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityDetailViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityDetailViewModelFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+const AXPEntityDetailViewModelResolver = (route, state, service = inject(AXPEntityDetailViewModelFactory)) => {
+    const appName = route.parent?.paramMap.get('app');
+    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, group) {
+        this.entity = entity;
+        this.group = group;
+        this.name = signal(this.group.id);
+        this.title = computed(() => {
+            if (this.group.title)
+                return this.group.title;
+            return this.group.id;
+        });
+        this.description = computed(() => {
+            if (this.group.description)
+                return this.group.description;
+            return null;
+        });
+        this.layout = computed(() => {
+            const source = cloneDeep(this.group.layout ?? {});
+            set(source, "positions.default.colSpan", 12);
+            return source;
+        });
+        this.elements = computed(() => {
+            const props = this.entity.properties.filter(c => c.groupId == this.group.id &&
+                c.schema.hidden != true &&
+                c.options?.create?.enabled != false);
+            return props.map(e => {
+                return new AXPEntityCreateViewElementViewModel(this.entity, this, e);
+            });
+        });
+    }
+}
+class AXPEntityCreateViewElementViewModel {
+    constructor(entity, section, property) {
+        this.entity = entity;
+        this.section = section;
+        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.order = signal(this.property.options?.view?.layout?.order ?? 0);
+        this.isRequired = computed(() => {
+            return this.property.validations?.some(c => c.rule == 'required') || false;
+        });
+        this.layout = computed(() => {
+            const source = cloneDeep(this.property.options?.create?.layout ?? this.property.options?.view?.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 = null) {
+        this.injector = injector;
+        this.config = config;
+        this.initialData = initialData;
+        this.entityDef = cloneDeep(this.config);
+        this.workflow = this.injector.get(AXPWorkflowService);
+        this.context = signal({});
+        this.isInProgress = signal(false);
+        this.sections = computed(() => {
+            const props = this.entityDef.properties.filter(p => p.groupId && p.schema.hidden != true && p.options?.create?.enabled == true);
+            const groups = this.entityDef.groups?.filter(g => props.some(p => p.groupId == g.id));
+            const result = groups?.map((section) => {
+                return new AXPEntityCreateViewSectionViewModel(this.entityDef, section);
+            });
+            return (result ?? []);
+        });
+    }
+    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', {
+            payload: {
+                module: this.entityDef.module,
+                entity: this.entityDef.name,
+            },
+        });
+    }
+}
+class AXPEntityCreateViewModelFactory {
+    constructor() {
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.layout = inject(AXPLayoutService);
+        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.0.2", ngImport: i0, type: AXPEntityCreateViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityCreateViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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.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);
+        });
+        this.hasInlineFilters = computed(() => {
+            return this.inlineFiltersPlaceholders().length > 0;
+        });
+        //****************** Beardcrumbs ******************//
+        this.beardcrumbs = computed(() => {
+            return [
+                {
+                    title: "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.actions = computed(() => {
+            const list = this.entityDef.interfaces?.master?.list?.actions ?? [];
+            return list
+                .filter(a => (a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
+                (a.scope != AXPEntityCommandScope.Selected && !this.hasSelectedItems()))
+                .map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
+        });
+        this.primaryActions = computed(() => {
+            return this.actions().filter(c => c.priority == 'primary');
+        });
+        this.secondaryActions = computed(() => {
+            return this.actions().filter(c => c.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 props = cloneDeep(this.entityDef.properties.filter(c => c.schema.hidden != true && c.options?.table?.enabled));
+            return props.map(e => {
+                return new AXPEntityListViewColumnViewModel(e);
+            });
+        };
+        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: 'asc'
+                };
+            });
+        };
+        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().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.view = signal(this.views()[0]);
+    }
+    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.sortedFields().map(s => ({ dir: s.dir, field: s.name })));
+        //
+        const inline = this.inlineFilters.filters?.length ?? 0;
+        const advance = this.advanceFilters.filters?.length ?? 0;
+        debugger;
+        if (inline && !advance) {
+            this.dataSource.filter(this.inlineFilters);
+        }
+        else if (!inline && advance) {
+            this.dataSource.filter(this.advanceFilters);
+        }
+        else if (inline && advance) {
+            this.dataSource.filter({
+                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 col = new AXPEntityListViewColumnViewModel(this.entityDef.properties.find(p => p.name == c.name));
+            col.visible = !cols.some(c => c == col.name);
+            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 fileds = this.view().sorts.map(c => ({
+            name: c.name,
+            title: c.name,
+            dir: c.dir ?? 'asc'
+        }));
+        this.sortedFields.set(fileds);
+    }
+    //****************** 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) {
+        // debugger
+        const action = this.actions().find(c => c.name == commandName);
+        this.workflow.execute(commandName, {
+            payload: {
+                module: this.entityDef.module,
+                entity: this.entityDef.name,
+                data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems : data
+            }
+        });
+    }
+}
+class AXPEntityListViewModelFactory {
+    constructor() {
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.layout = inject(AXPLayoutService);
+        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: "18.0.2", ngImport: i0, type: AXPEntityListViewModelFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityListViewModelFactory, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityListViewModelFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+const AXPEntityListViewModelResolver = (route, state, service = inject(AXPEntityListViewModelFactory)) => {
+    const appName = route.parent?.paramMap.get('app');
+    const moduleName = route.parent?.paramMap.get('module');
+    const entityName = route.paramMap.get('entity');
+    //
+    return service.create(moduleName, entityName);
+};
+
+const AXPEntityCreateEvent = createWorkFlowEvent('[Entity] Created!');
+class AXPEntityCreatePopupAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.entityRegistery = inject(AXPEntityDefinitionRegistryService);
+        this.popupService = inject(AXPopupService);
+        this.platform = inject(AXPlatform);
+        this.factory = inject(AXPEntityCreateViewModelFactory);
+        this.config = inject(AXP_ENTITY_CONFIG_TOKEN);
+    }
+    async execute(context) {
+        const { module, entity: entity } = context.getVariable('payload');
+        const entityRef = await this.entityRegistery.resolve(module, entity);
+        const com = await this.config.viewers.master.create();
+        const result = await this.popupService.open(com, {
+            title: `Create New ${entityRef.formats.individual}`,
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            data: {
+                vm: await this.factory.create(module, entity),
+                entity,
+            },
+        });
+        if (result.data?.save) {
+            context.setOutput('popupResult', true);
+            context.setVariable('redirect', result.data.redirect);
+            context.setVariable('id', result.data.recordId);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityCreatePopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityCreatePopupAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityCreatePopupAction, decorators: [{
+            type: Injectable
+        }] });
+class AXPEntityCreateSubmittedAction extends AXPWorkflowAction {
+    async execute(context) {
+        const { module, entity: entity } = context.getVariable('payload');
+        this.dispatch(AXPEntityCreateEvent({ entity, module }));
+    }
+}
+const AXPCreateEntityWorkflow = {
+    startStepId: 'createPopup',
+    steps: {
+        createPopup: {
+            id: 'createPopup',
+            action: 'AXPEntityCreatePopupAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("popupResult") == true' }],
+                    nextStepId: 'successToast',
+                },
+            ],
+        },
+        successToast: {
+            id: 'successToast',
+            action: 'AXPToastAction',
+            input: {
+                color: 'success',
+                title: 'Entity Created',
+                content: 'New Record has been successfully created.',
+            },
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: 'createSubmitted',
+                },
+            ],
+        },
+        createSubmitted: {
+            id: 'createSubmitted',
+            action: 'AXPEntityCreateSubmittedAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getVariable("redirect") == true' }],
+                    nextStepId: 'showDetailView',
+                },
+            ],
+        },
+        showDetailView: {
+            id: 'showDetailView',
+            action: 'AXPShowDetailViewAction',
+        },
+    },
+};
+
+class AXPShowDetailViewAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.navigation = inject(AXPWorkflowNavigateAction);
+        this.sessionService = inject(AXPSessionService);
+    }
+    async execute(context) {
+        const { module, entity, data } = context.getVariable('payload');
+        const id = data.id;
+        const newPayload = {
+            commands: `/${this.sessionService.application?.name}/m/${module}/e/${entity}/${id}/view`,
+        };
+        context.setVariable('payload', newPayload);
+        this.navigation.execute(context);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPShowDetailViewAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPShowDetailViewAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPShowDetailViewAction, decorators: [{
+            type: Injectable
+        }] });
+const AXPShowDetailsViewWorkflow = {
+    startStepId: 'showDetailView',
+    steps: {
+        showDetailView: {
+            id: 'showDetailView',
+            action: 'AXPShowDetailViewAction',
+        },
+    },
+};
+
+class AXPLookupWidgetViewComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPLookupWidgetViewComponent, 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.0.2", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var lookupWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetViewComponent: AXPLookupWidgetViewComponent
+});
+
+class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
+    handleRowDbClick(e) {
+        this.close({ items: [e.data] });
+    }
+    async handleSelectedRowsChange(rows) {
+        //this.vm.selectedItems.set(rows);
+    }
+    handleChangeSearchValue(e) {
+        if (e.isUserInteraction) {
+            this.vm.applyInlineFilter(e.value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", 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" >
+        <ax-search-box [placeholder]="'Search on '+vm.inlineFiltersPlaceholders().join(', ')"
+          (onValueChanged)="handleChangeSearchValue($event)"><ax-clear-button></ax-clear-button></ax-search-box>
+      </div>
+      }
+      <ax-data-table #grid [showFooter]="false" class="ax-h-[50vh]" [paging]="true" [fetchDataMode]="'auto'"
+        [loading]="{ enabled: true, animation: true }" [dataSource]="vm.dataSource"
+        (selectedRowsChange)="handleSelectedRowsChange($event)" (onRowDbClick)="handleRowDbClick($event)">
+        <!-- <ax-select-column fixed="start" [width]="'50px'"></ax-select-column> -->
+        @for(col of vm.columns();track col.name) {
+        @if(col.visible)
+        {
+        <axp-widget-column-renderer [caption]="col.title" [node]="col.node()"></axp-widget-column-renderer>
+        }
+        }
+      </ax-data-table>
+    </div>
+     <!-- <ax-footer>
+     <ax-suffix>
+      <ax-button look="solid" color="ghost" text="Cancel" (onClick)="handleCloseClick()"> </ax-button>
+      <ax-dropdown-button [disabled]="vm.isInProgress()" color="primary" text="Save" look="solid"
+        (onClick)="handleSaveClick(form)">
+        <ax-loading *ngIf="vm.isInProgress()"></ax-loading>
+        <ax-button-item-list>
+          <ax-button-item text="Save & Create New" (onClick)="handleSaveAndNewClick(form)"> </ax-button-item>
+        </ax-button-item-list>
+      </ax-dropdown-button>
+    </ax-suffix>
+     </ax-footer> -->
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i2.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: i3.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: i4$1.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "node", "footerTemplate", "cellTemplate", "headerTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    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" >
+        <ax-search-box [placeholder]="'Search on '+vm.inlineFiltersPlaceholders().join(', ')"
+          (onValueChanged)="handleChangeSearchValue($event)"><ax-clear-button></ax-clear-button></ax-search-box>
+      </div>
+      }
+      <ax-data-table #grid [showFooter]="false" class="ax-h-[50vh]" [paging]="true" [fetchDataMode]="'auto'"
+        [loading]="{ enabled: true, animation: true }" [dataSource]="vm.dataSource"
+        (selectedRowsChange)="handleSelectedRowsChange($event)" (onRowDbClick)="handleRowDbClick($event)">
+        <!-- <ax-select-column fixed="start" [width]="'50px'"></ax-select-column> -->
+        @for(col of vm.columns();track col.name) {
+        @if(col.visible)
+        {
+        <axp-widget-column-renderer [caption]="col.title" [node]="col.node()"></axp-widget-column-renderer>
+        }
+        }
+      </ax-data-table>
+    </div>
+     <!-- <ax-footer>
+     <ax-suffix>
+      <ax-button look="solid" color="ghost" text="Cancel" (onClick)="handleCloseClick()"> </ax-button>
+      <ax-dropdown-button [disabled]="vm.isInProgress()" color="primary" text="Save" look="solid"
+        (onClick)="handleSaveClick(form)">
+        <ax-loading *ngIf="vm.isInProgress()"></ax-loading>
+        <ax-button-item-list>
+          <ax-button-item text="Save & Create New" (onClick)="handleSaveAndNewClick(form)"> </ax-button-item>
+        </ax-button-item-list>
+      </ax-dropdown-button>
+    </ax-suffix>
+     </ax-footer> -->
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXDecoratorModule, AXDropdownButtonModule, AXDataTableModule, AXSearchBoxModule, AXPLayoutBuilderModule],
+                    inputs: []
+                }]
+        }] });
+
+class AXPLookupWidgetSelectorViewModel {
+    constructor(entityDef) {
+        this.entityDef = entityDef;
+        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.inlineFiltersPlaceholders = computed(() => {
+            return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
+        });
+        this.hasInlineFilters = computed(() => {
+            return this.inlineFiltersPlaceholders().length > 0;
+        });
+        this.columns = () => {
+            const props = this.entityDef.properties.filter(c => c.schema.hidden != true && c.options?.table?.enabled);
+            return props.map(e => {
+                return new AXPEntityListViewColumnViewModel(e);
+            });
+        };
+        this.inlineFilters = {
+            field: null,
+            logic: 'or',
+            operator: null,
+            filters: []
+        };
+        this.advanceFilters = {
+            field: null,
+            logic: 'and',
+            operator: null,
+            filters: []
+        };
+    }
+    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.sortedFields().map(s => ({ dir: s.dir, field: s.name } as AXDataSourceSortOption)));
+        //
+        const inline = this.inlineFilters.filters?.length ?? 0;
+        const advance = this.advanceFilters.filters?.length ?? 0;
+        if (inline && !advance) {
+            this.dataSource.filter(this.inlineFilters);
+        }
+        else if (!inline && advance) {
+            this.dataSource.filter(this.advanceFilters);
+        }
+        else if (inline && advance) {
+            this.dataSource.filter({
+                field: null,
+                logic: 'and',
+                operator: null,
+                filters: [this.inlineFilters, this.advanceFilters]
+            });
+        }
+        //
+        this.dataSource.refresh();
+    }
+}
+
+class AXPLookupWidgetEditComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.dataSource = [];
+        this.textField = "title";
+        this.loader = inject(AXP_ENTITY_DEFINITION_LOADER);
+        this.formatService = inject(AXFormatService);
+        this.popupService = inject(AXPopupService);
+        this.builderService = inject(AXPLayoutBuilderService);
+        this.displayText = signal("");
+        this.vm = signal(null);
+        this.placeholder = computed(() => {
+            return 'Search on ' + this.vm()?.inlineFiltersPlaceholders().join(', ');
+        });
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        //
+        const [module, entity] = this.entity.split('.');
+        this.entityDef = await this.loader.get(module, entity);
+        //
+        this.vm.set(new AXPLookupWidgetSelectorViewModel(this.entityDef));
+        //
+        this.textField = this.entityDef?.formats.lookup ?? this.entityDef?.properties.find(c => c.name != 'id')?.name ?? "title";
+        const value = this.getValue();
+        if (typeof value == 'object')
+            this.displayText.set(this.formatService.format(this.textField, "string", value));
+        else if (value != null) {
+            const byKey = this.entityDef?.queries.byKey?.execute;
+            const item = await byKey(this.getValue());
+            this.setItems(item);
+        }
+    }
+    handleOnClick(e) {
+        this.popupService.open(AXPLookupWidgetSelectorComponent, {
+            title: `${this.entityDef?.formats.plural} Lookup`,
+            size: 'md',
+            data: {
+                vm: new AXPLookupWidgetSelectorViewModel(this.entityDef)
+            }
+        }).then((e) => {
+            if (e.data?.items) {
+                this.setItems(e.data?.items[0]);
+            }
+        });
+    }
+    setItems(item) {
+        const text = this.formatService.format(this.textField, "string", item);
+        this.displayText.set(text);
+        this.setValue(item.id);
+        if (this.expose) {
+            this.builderService.setValue(this.expose, item);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { entity: "entity", conditions: "conditions", expose: "expose" }, usesInheritance: true, ngImport: i0, template: `
+    <!-- <ax-select-box 
+      [dataSource]="dataSource" 
+      [valueField]="'id'" 
+      [textField]="textField"   
+      [ngModel]="getValue()"
+      (onValueChanged)="handleValueChange($event);"
+      >
+    </ax-select-box> -->
+    <ax-text-box [ngModel]="displayText()"  readonly="true" [placeholder]="placeholder()">
+      <ax-suffix>
+          <ax-button color="ghost" look="twotone"  (onClick)="handleOnClick($event)">
+            <ax-icon icon="far fa-search">
+            </ax-icon>
+          </ax-button>
+      </ax-suffix>
+    </ax-text-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <!-- <ax-select-box 
+      [dataSource]="dataSource" 
+      [valueField]="'id'" 
+      [textField]="textField"   
+      [ngModel]="getValue()"
+      (onValueChanged)="handleValueChange($event);"
+      >
+    </ax-select-box> -->
+    <ax-text-box [ngModel]="displayText()"  readonly="true" [placeholder]="placeholder()">
+      <ax-suffix>
+          <ax-button color="ghost" look="twotone"  (onClick)="handleOnClick($event)">
+            <ax-icon icon="far fa-search">
+            </ax-icon>
+          </ax-button>
+      </ax-suffix>
+    </ax-text-box>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXDecoratorModule
+                    ],
+                    inputs: ["entity", "conditions", "expose"]
+                }]
+        }] });
+
+var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetEditComponent: AXPLookupWidgetEditComponent
+});
+
+class AXPLookupWidgetFilterComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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.0.2", ngImport: i0, type: AXPLookupWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+
+var lookupWidgetFilter_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetFilterComponent: AXPLookupWidgetFilterComponent
+});
+
+class AXPLookupWidgetColumnComponent extends AXPColumnWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{rawValue}}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `{{rawValue}}`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['rawValue']
+                }]
+        }] });
+
+var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetColumnComponent: AXPLookupWidgetColumnComponent
+});
+
+class AXPLookupWidgetPrintComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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.0.2", ngImport: i0, type: AXPLookupWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var lookupWidgetPrint_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetPrintComponent: AXPLookupWidgetPrintComponent
+});
+
+class AXPLookupWidgetDesignerComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPLookupWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPLookupWidgetDesignerComponent, 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.0.2", ngImport: i0, type: AXPLookupWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var lookupWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupWidgetDesignerComponent: AXPLookupWidgetDesignerComponent
+});
+
+const AXPLookupWidget = {
+    name: "lookup",
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return lookupWidgetView_component; }).then((c) => c.AXPLookupWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return lookupWidgetEdit_component; }).then((c) => c.AXPLookupWidgetEditComponent),
+        },
+        filter: {
+            component: () => Promise.resolve().then(function () { return lookupWidgetFilter_component; }).then((c) => c.AXPLookupWidgetFilterComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return lookupWidgetColumn_component; }).then((c) => c.AXPLookupWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return lookupWidgetPrint_component; }).then((c) => c.AXPLookupWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return lookupWidgetDesigner_component; }).then((c) => c.AXPLookupWidgetDesignerComponent),
+        },
+    }
+};
+
+function routesFacory() {
+    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
+    let routes = [];
+    routes = [
+        {
+            path: ':app/m',
+            component: config.viewers.root(),
+            //   canActivate: [AXPAuthGuard],
+            children: [
+                {
+                    path: ':module',
+                    children: [
+                        // {
+                        //   path: 'e/:entity/:id/view/:section',
+                        //   resolve: { loader: AXPEntityDetailViewLoaderResolver },
+                        //   component: AXPEntityDetailsViewComponent,
+                        // },
+                        {
+                            path: 'e/:entity/list',
+                            loadComponent: () => {
+                                return config.viewers.master.list();
+                            },
+                            resolve: {
+                                vm: AXPEntityListViewModelResolver,
+                            },
+                        },
+                        {
+                            path: 'e/:entity/:id/view',
+                            resolve: { vm: AXPEntityDetailViewModelResolver },
+                            loadComponent: () => {
+                                return config.viewers.master.single();
+                            },
+                        },
+                        {
+                            path: 'e/:entity/:id',
+                            redirectTo: 'e/:entity/:id/view',
+                            pathMatch: 'full',
+                        },
+                        {
+                            path: 'e/:entity',
+                            redirectTo: ':entity/list',
+                            pathMatch: 'full',
+                        },
+                    ],
+                },
+            ],
+        },
+    ];
+    return routes;
+}
+class AXPEntityModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i1$1.AXPWorkflowModule, i4$1.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, providers: [
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFacory,
+            },
+        ], imports: [RouterModule,
+            AXPWorkflowModule.forChild({
+                actions: {
+                    AXPEntityCreatePopupAction,
+                    AXPEntityPerformDeleteAction,
+                    AXPEntityModifySectionPopupAction,
+                    AXPEntityModifyConfirmedAction,
+                    AXPShowDetailViewAction
+                },
+                workflows: {
+                    'create-entity': AXPCreateEntityWorkflow,
+                    'delete-entity': AXPDeleteEntityWorkflow,
+                    'modify-entity-section': AXPModifyEntitySectionWorkflow,
+                    'open-entity': AXPShowDetailsViewWorkflow,
+                },
+            }),
+            AXPLayoutBuilderModule.forChild({
+                widgets: [
+                    AXPLookupWidget,
+                ],
+            })] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        RouterModule,
+                        AXPWorkflowModule.forChild({
+                            actions: {
+                                AXPEntityCreatePopupAction,
+                                AXPEntityPerformDeleteAction,
+                                AXPEntityModifySectionPopupAction,
+                                AXPEntityModifyConfirmedAction,
+                                AXPShowDetailViewAction
+                            },
+                            workflows: {
+                                'create-entity': AXPCreateEntityWorkflow,
+                                'delete-entity': AXPDeleteEntityWorkflow,
+                                'modify-entity-section': AXPModifyEntitySectionWorkflow,
+                                'open-entity': AXPShowDetailsViewWorkflow,
+                            },
+                        }),
+                        AXPLayoutBuilderModule.forChild({
+                            widgets: [
+                                AXPLookupWidget,
+                            ],
+                        }),
+                    ],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFacory,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * 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, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
+//# sourceMappingURL=acorex-platform-layout-entity.mjs.map