@acorex/platform 18.0.6 → 18.0.8

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

@@ -4,40 +4,43 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, computed, signal, Injector, Component, ChangeDetectionStrategy, DestroyRef, ViewChild, NgModule } from '@angular/core';
 import * as i1$2 from '@acorex/platform/workflow';
 import { createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowService, ofType, AXPWorkflowModule } from '@acorex/platform/workflow';
-import { AXPSessionService } from '@acorex/platform/auth';
+import { AXPSessionService, AXPAuthGuard } 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 * as i1 from '@acorex/components/common';
+import * as i2 from '@acorex/components/common';
 import { AXDataSource, AXCommonModule } from '@acorex/components/common';
 import { Subject, takeUntil } from 'rxjs';
-import { RouterModule, ROUTES } from '@angular/router';
-import * as i6 from '@acorex/platform/layout/builder';
+import * as i8 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import * as i7 from '@acorex/platform/layout/builder';
 import { AXPWidgetBase, AXPLayoutBuilderModule, AXPLayoutBuilderService, AXPColumnWidgetBase } from '@acorex/platform/layout/builder';
+import { RouterModule, ROUTES } from '@angular/router';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i1$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i2$1 from '@acorex/components/text-box';
-import { AXTextBoxComponent, AXTextBoxModule } from '@acorex/components/text-box';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2 from '@acorex/components/button';
+import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
-import * as i4 from '@acorex/components/data-table';
-import { AXDataTableModule } from '@acorex/components/data-table';
-import * as i5 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';
+import * as i4 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i6$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import * as i5$1 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i2$1 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$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i5 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i6 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
 
 const AXP_ENTITY_CONFIG_TOKEN = new InjectionToken('AXP_ENTITY_CONFIG_TOKEN');
 const AXP_ENTITY_DEFINITION_LOADER = new InjectionToken('AXP_ENTITY_DEFINITION_LOADER');
@@ -677,6 +680,7 @@ class AXPEntityMasterSingleViewModel {
         this.formatService = this.injector.get(AXFormatService);
         this.workflow = this.injector.get(AXPWorkflowService);
         this.destroyed = new Subject();
+        this.translateService = this.injector.get(AXTranslationService);
         this.events$ = new Subject();
         this.context = signal(cloneDeep(this.entityData));
         this.actions = computed(() => {
@@ -711,7 +715,7 @@ class AXPEntityMasterSingleViewModel {
         this.beardcrumbs = computed(() => {
             return [
                 {
-                    title: "Home",
+                    title: this.translateService.translateSync('entity.home'),
                     icon: "fa-solid fa-home ax-text-xs ax-me-2",
                     url: [`/${this.session.application?.name}`]
                 },
@@ -972,6 +976,7 @@ class AXPEntityMasterListViewModel {
         this.session = this.injector.get(AXPSessionService);
         this.workflow = this.injector.get(AXPWorkflowService);
         this.destroyed = new Subject();
+        this.translateService = this.injector.get(AXTranslationService);
         this.events$ = new Subject();
         this.dataSource = new AXDataSource({
             byKey: (key) => {
@@ -983,7 +988,7 @@ class AXPEntityMasterListViewModel {
                 return func(e);
             },
             pageSize: 10,
-            key: 'id'
+            key: 'id',
         });
         this.selectedItems = signal([]);
         this.hasSelectedItems = computed(() => {
@@ -999,7 +1004,7 @@ class AXPEntityMasterListViewModel {
         });
         //****************** Inline filter ******************//
         this.inlineFiltersPlaceholders = computed(() => {
-            return this.entityDef.properties.filter(p => p.options?.filter?.inline?.enabled).map(c => c.title);
+            return this.entityDef.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title);
         });
         this.hasInlineFilters = computed(() => {
             return this.inlineFiltersPlaceholders().length > 0;
@@ -1008,50 +1013,46 @@ class AXPEntityMasterListViewModel {
         this.beardcrumbs = computed(() => {
             return [
                 {
-                    title: "Home",
-                    icon: "fa-solid fa-home ax-text-xs ax-me-2",
-                    url: [`/${this.session.application?.name}`]
+                    title: this.translateService.translateSync('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']
-                }
+                    url: [`/${this.session.application?.name}`, 'm', `${this.entityDef.module}`, 'e', `${this.entityDef.name}`, 'list'],
+                },
             ];
         });
         //****************** Actions ******************//
         this.allActions = computed(() => {
             const list = this.entityDef.interfaces?.master?.list?.actions ?? [];
-            return list
-                .map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
+            return list.map((tr) => new AXPEntityCommandTriggerViewModel(this.entityDef, tr)) ?? [];
         });
         this.primaryActions = computed(() => {
-            return this.allActions()
-                .filter(a => (a.priority == 'primary') &&
+            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') &&
+            return this.allActions().filter((a) => a.priority == 'secondary' &&
                 ((a.scope == AXPEntityCommandScope.Selected && this.hasSelectedItems()) ||
                     (a.scope == AXPEntityCommandScope.TypeLevel && !this.hasSelectedItems())));
         });
         this.rowActions = computed(() => {
-            return this.allActions()
-                .filter(a => (a.scope == AXPEntityCommandScope.Individual));
+            return this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual);
         });
         //****************** Filter ******************//
         this.inlineFilters = {
             field: null,
             logic: 'or',
             operator: null,
-            filters: []
+            filters: [],
         };
         this.advanceFilters = {
             field: null,
             logic: 'and',
             operator: null,
-            filters: []
+            filters: [],
         };
         //****************** Columns ******************//
         this.allAvailableColumns = () => {
@@ -1060,28 +1061,28 @@ class AXPEntityMasterListViewModel {
             const visiblePropNames = new Set(visibleProperties.map(({ name }) => name));
             return columns
                 .filter(({ name }) => visiblePropNames.has(name))
-                .map(column => {
+                .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;
+            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 => {
+            const props = this.entityDef.properties.filter((c) => c.options?.sort?.enabled);
+            return props.map((e) => {
                 return {
                     name: e.name,
                     title: e.title,
-                    dir: 'asc'
+                    dir: 'asc',
                 };
             });
         };
         this.sortableFieldsCount = () => {
-            return this.entityDef.properties.filter(c => c.options?.sort?.enabled).length ?? 0;
+            return this.entityDef.properties.filter((c) => c.options?.sort?.enabled).length ?? 0;
         };
         this.canSort = () => {
             return this.sortableFieldsCount() > 0;
@@ -1095,7 +1096,7 @@ class AXPEntityMasterListViewModel {
         this.sortedFields = signal([]);
         this.views = computed(() => {
             const views = this.entityDef.interfaces?.master?.list?.views ?? [];
-            return views.map(v => {
+            return views.map((v) => {
                 return new AXPEntityMasterListViewQueryViewModel(this.entityDef, this, v);
             });
         });
@@ -1104,10 +1105,10 @@ class AXPEntityMasterListViewModel {
             .pipe(ofType(AXPEntityDeletedEvent))
             .pipe(takeUntil(this.destroyed))
             .subscribe((event) => {
-            debugger;
+            // debugger
             if (event.payload.entity == this.entityDef.source) {
                 this.selectedItems.set([]);
-                this.events$.next({ action: "refresh" });
+                this.events$.next({ action: 'refresh' });
             }
         });
     }
@@ -1115,16 +1116,16 @@ class AXPEntityMasterListViewModel {
         this.selectedItems.set([]);
     }
     applyInlineFilter(value) {
-        const props = this.entityDef.properties.filter(c => c.options?.filter?.inline?.enabled);
+        const props = this.entityDef.properties.filter((c) => c.options?.filter?.inline?.enabled);
         this.inlineFilters.filters = [];
         if (value) {
-            props.forEach(p => {
+            props.forEach((p) => {
                 this.inlineFilters.filters?.push({
                     field: p.name,
                     operator: {
-                        type: 'contains'
+                        type: 'contains',
                     },
-                    value
+                    value,
                 });
             });
         }
@@ -1133,12 +1134,12 @@ class AXPEntityMasterListViewModel {
     applyFilterAndSort() {
         this.dataSource.clearFilter();
         //
-        this.dataSource.sort(...this.sortedFields().map(s => ({ dir: s.dir, field: s.name })));
+        this.dataSource.sort(...this.sortedFields().map((s) => ({ dir: s.dir, field: s.name })));
         //
-        this.advanceFilters.filters = this.view().conditions.map(f => ({
+        this.advanceFilters.filters = this.view().conditions.map((f) => ({
             field: f.name,
             operator: f.operator,
-            value: f.value
+            value: f.value,
         }));
         //
         const inline = this.inlineFilters.filters?.length ?? 0;
@@ -1154,7 +1155,7 @@ class AXPEntityMasterListViewModel {
                 field: null,
                 logic: 'and',
                 operator: null,
-                filters: [this.inlineFilters, this.advanceFilters]
+                filters: [this.inlineFilters, this.advanceFilters],
             });
         }
         //
@@ -1168,12 +1169,11 @@ class AXPEntityMasterListViewModel {
     }
     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 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;
+            col.visible = !cols.some((c) => c == col.name) && col.visible != false;
             return col;
         });
         this.columns.set(cloned);
@@ -1185,26 +1185,26 @@ class AXPEntityMasterListViewModel {
         this.applyFilterAndSort();
     }
     addSort() {
-        const prop = this.sortableFields().find(c => !this.sortedFields().some(s => s.name == c.name));
+        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));
+        this.sortedFields.set(this.sortedFields().filter((c) => c.name != name));
     }
     applyViewSorts() {
-        const fileds = this.view().sorts.map(c => ({
+        const fileds = this.view().sorts.map((c) => ({
             name: c.name,
             title: c.name,
-            dir: c.dir ?? 'asc'
+            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.view.set(this.views().find((c) => c.name == viewName) ?? this.views()[0]);
             this.applyViewSorts();
             this.applyViewColumns();
             this.applyFilterAndSort();
@@ -1212,14 +1212,12 @@ class AXPEntityMasterListViewModel {
     }
     //******************  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) ||
+        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: this.entityDef.source,
-            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data
+            data: action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data,
         });
     }
     //
@@ -1255,118 +1253,6 @@ const AXPEntityListViewModelResolver = (route, state, service = inject(AXPEntity
     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] = context.getVariable('entity').split(".");
-        const data = context.getVariable('data');
-        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, data),
-                entity,
-            },
-        });
-        context.setOutput('result', false);
-        if (result.data?.save) {
-            context.setOutput('result', true);
-            context.setVariable('data', result.data.item);
-        }
-    }
-    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) {
-        debugger;
-        this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity') }));
-    }
-}
-const AXPCreateEntityWorkflow = {
-    startStepId: 'show-popup',
-    steps: {
-        "show-popup": {
-            action: 'AXPEntityCreatePopupAction',
-            nextSteps: [
-                {
-                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("result") == true' }],
-                    nextStepId: 'show-toast',
-                },
-            ],
-        },
-        "show-toast": {
-            action: 'AXPToastAction',
-            input: {
-                color: 'success',
-                title: 'Entity Created',
-                content: 'New Record has been successfully created.',
-            },
-            nextSteps: [
-                {
-                    conditions: [],
-                    nextStepId: 'dispatch-event',
-                },
-            ],
-        },
-        "dispatch-event": {
-            action: 'AXPEntityCreateSubmittedAction',
-            nextSteps: [
-                {
-                    conditions: [{ type: 'SINGLE', expression: 'context.getVariable("redirect") != false' }],
-                    nextStepId: 'show-entity',
-                },
-            ],
-        },
-        "show-entity": {
-            action: 'AXPShowDetailViewAction',
-        },
-    },
-};
-
-class AXPShowDetailViewAction extends AXPWorkflowAction {
-    constructor() {
-        super(...arguments);
-        this.navigation = inject(AXPWorkflowNavigateAction);
-        this.sessionService = inject(AXPSessionService);
-    }
-    async execute(context) {
-        const [module, entity] = context.getVariable('entity').split(".");
-        const { id } = context.getVariable('data');
-        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: {
-            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 }); }
@@ -1428,79 +1314,97 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     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(', ')" [value]="searchTerm"
-          (onValueChanged)="handleChangeSearchValue($event)" [axAutoFocus]="true"><ax-clear-button></ax-clear-button></ax-search-box>
+      @if(vm.hasInlineFilters()) {
+      <div class="ax-w-full">
+        <ax-search-box
+          [placeholder]="('widget.lookup.search' | translate) + vm.inlineFiltersPlaceholders().join(', ')"
+          [value]="searchTerm"
+          (onValueChanged)="handleChangeSearchValue($event)"
+          [axAutoFocus]="true"
+          ><ax-clear-button></ax-clear-button
+        ></ax-search-box>
       </div>
       }
-      <ax-data-table #grid [showFooter]="false" class="ax-h-[50vh]" [paging]="true" [fetchDataMode]="'manual'"
-        [loading]="{ enabled: true, animation: true }" [dataSource]="vm.dataSource" 
-        (selectedRowsChange)="handleSelectedRowsChange($event)" (onRowClick)="handleRowClick($event)" (onRowDbClick)="handleRowDbClick($event)">
+      <ax-data-table
+        #grid
+        [showFooter]="false"
+        class="ax-h-[50vh]"
+        [paging]="true"
+        [fetchDataMode]="'manual'"
+        [loading]="{ enabled: true, animation: true }"
+        [dataSource]="vm.dataSource"
+        (selectedRowsChange)="handleSelectedRowsChange($event)"
+        (onRowClick)="handleRowClick($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)
-        {
+        @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="Close" (onClick)="handleCloseClick()"> </ax-button>
-      <ax-button look="solid" color="primary" text="Select" (onClick)="handleSelectClick()" [disabled]="focusedRow==null"> </ax-button>
-      @if(!vm.canCreate())
-      {
-        <ax-button look="solid" color="primary" text="Create New" (onClick)="handleCreateNewClick()"> 
+    <ax-footer>
+      <ax-suffix>
+        <ax-button look="solid" color="ghost" text="Close" (onClick)="handleCloseClick()"> </ax-button>
+        <ax-button look="solid" color="primary" text="Select" (onClick)="handleSelectClick()" [disabled]="focusedRow == null"> </ax-button>
+        @if(!vm.canCreate()) {
+        <ax-button look="solid" color="primary" [text]="'Create-New' | translate | async" (onClick)="handleCreateNewClick()">
           <ax-prefix>
-              <ax-icon icon="fa-solid fa-add"></ax-icon>
+            <ax-icon icon="fa-solid fa-add"></ax-icon>
           </ax-prefix>
         </ax-button>
-      }
-    </ax-suffix>
-     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i1.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i4.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: i5.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: i6.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "node", "footerTemplate", "cellTemplate", "headerTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        }
+      </ax-suffix>
+    </ax-footer>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2.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", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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.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(', ')" [value]="searchTerm"
-          (onValueChanged)="handleChangeSearchValue($event)" [axAutoFocus]="true"><ax-clear-button></ax-clear-button></ax-search-box>
+      @if(vm.hasInlineFilters()) {
+      <div class="ax-w-full">
+        <ax-search-box
+          [placeholder]="('widget.lookup.search' | translate) + vm.inlineFiltersPlaceholders().join(', ')"
+          [value]="searchTerm"
+          (onValueChanged)="handleChangeSearchValue($event)"
+          [axAutoFocus]="true"
+          ><ax-clear-button></ax-clear-button
+        ></ax-search-box>
       </div>
       }
-      <ax-data-table #grid [showFooter]="false" class="ax-h-[50vh]" [paging]="true" [fetchDataMode]="'manual'"
-        [loading]="{ enabled: true, animation: true }" [dataSource]="vm.dataSource" 
-        (selectedRowsChange)="handleSelectedRowsChange($event)" (onRowClick)="handleRowClick($event)" (onRowDbClick)="handleRowDbClick($event)">
+      <ax-data-table
+        #grid
+        [showFooter]="false"
+        class="ax-h-[50vh]"
+        [paging]="true"
+        [fetchDataMode]="'manual'"
+        [loading]="{ enabled: true, animation: true }"
+        [dataSource]="vm.dataSource"
+        (selectedRowsChange)="handleSelectedRowsChange($event)"
+        (onRowClick)="handleRowClick($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)
-        {
+        @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="Close" (onClick)="handleCloseClick()"> </ax-button>
-      <ax-button look="solid" color="primary" text="Select" (onClick)="handleSelectClick()" [disabled]="focusedRow==null"> </ax-button>
-      @if(!vm.canCreate())
-      {
-        <ax-button look="solid" color="primary" text="Create New" (onClick)="handleCreateNewClick()"> 
+    <ax-footer>
+      <ax-suffix>
+        <ax-button look="solid" color="ghost" text="Close" (onClick)="handleCloseClick()"> </ax-button>
+        <ax-button look="solid" color="primary" text="Select" (onClick)="handleSelectClick()" [disabled]="focusedRow == null"> </ax-button>
+        @if(!vm.canCreate()) {
+        <ax-button look="solid" color="primary" [text]="'Create-New' | translate | async" (onClick)="handleCreateNewClick()">
           <ax-prefix>
-              <ax-icon icon="fa-solid fa-add"></ax-icon>
+            <ax-icon icon="fa-solid fa-add"></ax-icon>
           </ax-prefix>
         </ax-button>
-      }
-    </ax-suffix>
-     </ax-footer>
+        }
+      </ax-suffix>
+    </ax-footer>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1513,9 +1417,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                         AXDropdownButtonModule,
                         AXDataTableModule,
                         AXSearchBoxModule,
-                        AXPLayoutBuilderModule
+                        AXPLayoutBuilderModule,
+                        AXTranslationModule,
                     ],
-                    inputs: []
+                    inputs: [],
                 }]
         }] });
 
@@ -1626,7 +1531,7 @@ class AXPLookupWidgetSelectorViewModel {
 class AXPLookupWidgetEditComponent extends AXPWidgetBase {
     constructor() {
         super(...arguments);
-        this.textField = "title";
+        this.textField = 'title';
         this.validationRules = [];
         this.injector = inject(Injector);
         this.loader = inject(AXP_ENTITY_DEFINITION_LOADER);
@@ -1634,14 +1539,15 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
         this.popupService = inject(AXPopupService);
         this.builderService = inject(AXPLayoutBuilderService);
         this.destroyRef = inject(DestroyRef);
-        this.displayText = signal("");
+        this.translateService = inject(AXTranslationService);
+        this.displayText = signal('');
         this.selectedItem = signal(null);
         this.searchTerm = signal(null);
         this.isLoading = signal(false);
         this.isOpen = signal(false);
         this.vm = signal(null);
         this.placeholder = computed(() => {
-            return 'Search on ' + this.vm()?.inlineFiltersPlaceholders().join(', ');
+            return this.translateService.translateSync('widget.lookup.search') + this.vm()?.inlineFiltersPlaceholders().join(', ');
         });
     }
     async ngOnInit() {
@@ -1652,18 +1558,15 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
         //
         this.vm.set(new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef, this.filter));
         //
-        this.textField = this.entityDef?.formats.lookup ?? this.entityDef?.properties.find(c => c.name != 'id')?.name ?? "title";
+        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));
+            this.displayText.set(this.formatService.format(this.textField, 'string', value));
         else if (value != null) {
             await this.findByValue();
         }
         //
-        this.builderService
-            .onChanged
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(async (c) => {
+        this.builderService.onChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async (c) => {
             if (c.path == this.path) {
                 if (this.getValue())
                     await this.findByValue();
@@ -1682,14 +1585,16 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
     }
     showSelector() {
         this.isOpen.set(true);
-        this.popupService.open(AXPLookupWidgetSelectorComponent, {
+        this.popupService
+            .open(AXPLookupWidgetSelectorComponent, {
             title: `${this.entityDef?.formats.plural} Lookup`,
             size: (this.vm()?.columns().length ?? 0) > 3 ? 'lg' : 'md',
             data: {
                 vm: new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef, this.filter),
-                searchTerm: this.searchTerm() == this.displayText() ? null : this.searchTerm()
-            }
-        }).then((e) => {
+                searchTerm: this.searchTerm() == this.displayText() ? null : this.searchTerm(),
+            },
+        })
+            .then((e) => {
             this.isOpen.set(false);
             this.textbox.focus();
             if (e.data?.items) {
@@ -1718,7 +1623,7 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
     async handleKeyDown(e) {
         const keyEvent = e.nativeEvent;
         const value = this.searchTerm()?.trim();
-        if ((keyEvent.code == "Enter" || keyEvent.code == "NumpadEnter") && value) {
+        if ((keyEvent.code == 'Enter' || keyEvent.code == 'NumpadEnter') && value) {
             this.isLoading.set(true);
             const result = await this.vm()?.find(value);
             if (result?.total == 1) {
@@ -1734,7 +1639,7 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
         this.searchTerm.set(null);
         this.displayText.set('');
         this.selectedItem.set(item);
-        const text = this.formatService.format(this.textField, "string", item);
+        const text = this.formatService.format(this.textField, 'string', item);
         this.displayText.set(text);
         this.setValue(item.id);
         if (this.expose) {
@@ -1742,8 +1647,8 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
                 this.builderService.setValue(this.expose, item);
             }
             else if (Array.isArray(this.expose)) {
-                this.expose.forEach(i => {
-                    if (typeof i == "string") {
+                this.expose.forEach((i) => {
+                    if (typeof i == 'string') {
                         this.builderService.setValue(i, item);
                     }
                     else {
@@ -1765,48 +1670,54 @@ class AXPLookupWidgetEditComponent extends AXPWidgetBase {
     }
     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: "17.0.0", version: "18.0.2", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { entity: "entity", conditions: "conditions", expose: "expose" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ax-text-box [ngModel]="displayText()" (onValueChanged)="handleValueChange($event)"   [placeholder]="placeholder()" (onKeyUp)="handleKeyDown($event)" (onBlur)="handleOnBlur($event)">
+    <ax-text-box
+      [ngModel]="displayText()"
+      (onValueChanged)="handleValueChange($event)"
+      [placeholder]="placeholder()"
+      (onKeyUp)="handleKeyDown($event)"
+      (onBlur)="handleOnBlur($event)"
+    >
       @for (validation of validationRules; track $index) {
-          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+      <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
       }
       <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
 
       <ax-suffix>
-          <ax-button color="ghost" look="twotone"  [disabled]="isLoading()" (onClick)="handleOnClick($event)">
-            @if(isLoading())
-            {
-              <ax-loading></ax-loading>              
-            }
-            @else {
-              <ax-icon icon="far fa-search">
-              </ax-icon>
-            }
-          </ax-button>
+        <ax-button color="ghost" look="twotone" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
+          @if(isLoading()) {
+          <ax-loading></ax-loading>
+          } @else {
+          <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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5$1.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 }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "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: i5$1.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.0.2", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    <ax-text-box [ngModel]="displayText()" (onValueChanged)="handleValueChange($event)"   [placeholder]="placeholder()" (onKeyUp)="handleKeyDown($event)" (onBlur)="handleOnBlur($event)">
+    <ax-text-box
+      [ngModel]="displayText()"
+      (onValueChanged)="handleValueChange($event)"
+      [placeholder]="placeholder()"
+      (onKeyUp)="handleKeyDown($event)"
+      (onBlur)="handleOnBlur($event)"
+    >
       @for (validation of validationRules; track $index) {
-          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+      <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
       }
       <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
 
       <ax-suffix>
-          <ax-button color="ghost" look="twotone"  [disabled]="isLoading()" (onClick)="handleOnClick($event)">
-            @if(isLoading())
-            {
-              <ax-loading></ax-loading>              
-            }
-            @else {
-              <ax-icon icon="far fa-search">
-              </ax-icon>
-            }
-          </ax-button>
+        <ax-button color="ghost" look="twotone" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
+          @if(isLoading()) {
+          <ax-loading></ax-loading>
+          } @else {
+          <ax-icon icon="far fa-search"> </ax-icon>
+          }
+        </ax-button>
       </ax-suffix>
     </ax-text-box>
   `,
@@ -1821,9 +1732,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                         AXDecoratorModule,
                         AXLoadingModule,
                         AXValidationModule,
-                        AXFormModule
+                        AXFormModule,
                     ],
-                    inputs: ["entity", "conditions", "expose"]
+                    inputs: ['entity', 'conditions', 'expose'],
                 }]
         }], propDecorators: { textbox: [{
                 type: ViewChild,
@@ -1939,6 +1850,119 @@ const AXPLookupWidget = {
     }
 };
 
+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);
+        this.translateService = inject(AXTranslationService);
+    }
+    async execute(context) {
+        const [module, entity] = context.getVariable('entity').split('.');
+        const data = context.getVariable('data');
+        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,
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            data: {
+                vm: await this.factory.create(module, entity, data),
+                entity,
+            },
+        });
+        context.setOutput('result', false);
+        if (result.data?.save) {
+            context.setOutput('result', true);
+            context.setVariable('data', result.data.item);
+        }
+    }
+    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) {
+        // debugger
+        this.dispatch(AXPEntityCreateEvent({ entity: context.getVariable('entity') }));
+    }
+}
+const AXPCreateEntityWorkflow = {
+    startStepId: 'show-popup',
+    steps: {
+        'show-popup': {
+            action: 'AXPEntityCreatePopupAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getOutput("result") == true' }],
+                    nextStepId: 'show-toast',
+                },
+            ],
+        },
+        'show-toast': {
+            action: 'AXPToastAction',
+            input: {
+                color: 'success',
+                title: 'Entity Created',
+                content: 'New Record has been successfully created.',
+            },
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: 'dispatch-event',
+                },
+            ],
+        },
+        'dispatch-event': {
+            action: 'AXPEntityCreateSubmittedAction',
+            nextSteps: [
+                {
+                    conditions: [{ type: 'SINGLE', expression: 'context.getVariable("redirect") != false' }],
+                    nextStepId: 'show-entity',
+                },
+            ],
+        },
+        'show-entity': {
+            action: 'AXPShowDetailViewAction',
+        },
+    },
+};
+
+class AXPShowDetailViewAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.navigation = inject(AXPWorkflowNavigateAction);
+        this.sessionService = inject(AXPSessionService);
+    }
+    async execute(context) {
+        const [module, entity] = context.getVariable('entity').split(".");
+        const { id } = context.getVariable('data');
+        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: {
+            action: 'AXPShowDetailViewAction',
+        },
+    },
+};
+
 class AXPShowListViewAction extends AXPWorkflowAction {
     constructor() {
         super(...arguments);
@@ -1976,7 +2000,7 @@ function routesFacory() {
         {
             path: ':app/m',
             component: config.viewers.root(),
-            //   canActivate: [AXPAuthGuard],
+            canActivate: [AXPAuthGuard],
             children: [
                 {
                     path: ':module',
@@ -2021,7 +2045,7 @@ function routesFacory() {
 }
 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$2.AXPWorkflowModule, i6.AXPLayoutBuilderModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i1$2.AXPWorkflowModule, i7.AXPLayoutBuilderModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, providers: [
             {
                 provide: ROUTES,
@@ -2033,25 +2057,23 @@ class AXPEntityModule {
                 actions: {
                     AXPEntityCreatePopupAction,
                     AXPEntityPerformDeleteAction,
-                    "entity-perform-delete": AXPEntityPerformDeleteAction,
+                    'entity-perform-delete': AXPEntityPerformDeleteAction,
                     AXPEntityModifySectionPopupAction,
                     AXPEntityModifyConfirmedAction,
                     AXPShowDetailViewAction,
                     AXPEntityCreateSubmittedAction,
-                    AXPShowListViewAction
+                    AXPShowListViewAction,
                 },
                 workflows: {
                     'create-entity': AXPCreateEntityWorkflow,
                     'delete-entity': AXPDeleteEntityWorkflow,
                     'modify-entity-section': AXPModifyEntitySectionWorkflow,
                     'open-entity': AXPShowDetailsViewWorkflow,
-                    'show-list-view': AXPShowListViewWorkflow
+                    'show-list-view': AXPShowListViewWorkflow,
                 },
             }),
             AXPLayoutBuilderModule.forChild({
-                widgets: [
-                    AXPLookupWidget,
-                ],
+                widgets: [AXPLookupWidget],
             })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEntityModule, decorators: [{
@@ -2063,25 +2085,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                             actions: {
                                 AXPEntityCreatePopupAction,
                                 AXPEntityPerformDeleteAction,
-                                "entity-perform-delete": AXPEntityPerformDeleteAction,
+                                'entity-perform-delete': AXPEntityPerformDeleteAction,
                                 AXPEntityModifySectionPopupAction,
                                 AXPEntityModifyConfirmedAction,
                                 AXPShowDetailViewAction,
                                 AXPEntityCreateSubmittedAction,
-                                AXPShowListViewAction
+                                AXPShowListViewAction,
                             },
                             workflows: {
                                 'create-entity': AXPCreateEntityWorkflow,
                                 'delete-entity': AXPDeleteEntityWorkflow,
                                 'modify-entity-section': AXPModifyEntitySectionWorkflow,
                                 'open-entity': AXPShowDetailsViewWorkflow,
-                                'show-list-view': AXPShowListViewWorkflow
+                                'show-list-view': AXPShowListViewWorkflow,
                             },
                         }),
                         AXPLayoutBuilderModule.forChild({
-                            widgets: [
-                                AXPLookupWidget,
-                            ],
+                            widgets: [AXPLookupWidget],
                         }),
                     ],
                     exports: [],