@acorex/platform 19.2.20 → 19.3.0-next.0

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

@@ -1,17 +1,16 @@
-import { applySortArray, applyFilterArray, AXPExpressionEvaluatorService } from '@acorex/platform/core';
-import Dexie from 'dexie';
-import * as i1$4 from '@acorex/platform/common';
-import { AXPDataGenerator, resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPSettingScope, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, HostBinding, ChangeDetectionStrategy, Component, DestroyRef, ViewChild, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, computed, signal, Injector, effect, HostBinding, ChangeDetectionStrategy, Component, viewChild, ViewChild, NgModule } from '@angular/core';
+import { castArray, get, cloneDeep, set, merge, isNil, sortBy } from 'lodash-es';
 import * as i2 from '@acorex/components/common';
 import { AXDataSource, AXCommonModule } from '@acorex/components/common';
 import { AXFormatService } from '@acorex/core/format';
+import * as i1$4 from '@acorex/platform/common';
+import { resolveActionLook, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import * as i2$2 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
-import { get, cloneDeep, set, merge, isNil, sortBy } from 'lodash-es';
+import { AXPExpressionEvaluatorService, AXPPlatformScope } from '@acorex/platform/core';
 import * as i7 from '@acorex/platform/layout/builder';
-import { AXPPageStatus, AXPWidgetRegistryService, AXPWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXP_WIDGETS_EDITOR_GROUP } from '@acorex/platform/layout/builder';
+import { AXPPageStatus, AXPWidgetRegistryService, AXPWidgetComponent, AXPLayoutBuilderModule, AXPColumnWidgetComponent, AXPWidgetsCatalog, AXP_WIDGETS_EDITOR_CATEGORY } from '@acorex/platform/layout/builder';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import { Subject, takeUntil } from 'rxjs';
@@ -32,12 +31,8 @@ import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i4 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i6$1 from '@acorex/components/form';
+import * as i4$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i5$1 from '@acorex/components/select-box';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i2$1 from '@acorex/components/text-box';
-import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
 import { AXValidationModule } from '@acorex/core/validation';
 import * as i1$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -47,150 +42,23 @@ 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';
-import { AXP_DISABLED_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_NAME_PROPERTY } from '@acorex/platform/widgets';
+import * as i5$1 from '@acorex/components/tag-box';
+import { AXTagBoxComponent, AXTagBoxModule } from '@acorex/components/tag-box';
+import { AXP_DISABLED_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_NAME_PROPERTY } from '@acorex/platform/widgets';
+import * as i5$2 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i2$1 from '@acorex/components/text-box';
+import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
 import { AXPWidgetPropertyViewerComponent } from '@acorex/platform/layout/designer';
 
-class AXPDexieEntityStorageService extends Dexie {
-    constructor() {
-        super('ACoreXPlatform');
-        this.version(1).stores({
-            'entity-store': '++id, entityName, [entityName+id]',
-        });
-    }
-    get dbName() {
-        return 'ACoreXPlatform';
-    }
-    async initial(entityName, collection) {
-        const exists = await this.table('entity-store').where({ entityName }).count();
-        if (exists === 0) {
-            await this.table('entity-store').bulkAdd(collection.map((item) => ({ ...item, entityName })));
-        }
-        return collection;
-    }
-    async getOne(entityName, id) {
-        return await this.table('entity-store').where({ entityName, id: id }).first();
-    }
-    async updateOne(entityName, id, keyValue) {
-        await this.table('entity-store').where({ entityName, id: id }).modify(keyValue);
-        return await this.getOne(entityName, id);
-    }
-    async deleteOne(entityName, id) {
-        await this.table('entity-store').where({ entityName, id: id }).delete();
-    }
-    async insertOne(entityName, entity) {
-        const uuid = AXPDataGenerator.uuid();
-        await this.table('entity-store').add({ ...entity, id: uuid, entityName });
-        return uuid;
-    }
-    async getAll(entityName) {
-        return await this.table('entity-store').where({ entityName }).toArray();
-    }
-    async query(entityName, request) {
-        let result = await this.table('entity-store').where({ entityName }).toArray();
-        if (request.sort && request.sort.length) {
-            result = applySortArray(result, request.sort);
-        }
-        result = applyFilterArray(result, request.filter ? [request.filter] : []);
-        return Promise.resolve({
-            total: result.length,
-            items: result.slice(request.skip, (request.skip ?? 0) + (request.take ?? 0)),
-        });
-    }
-}
-// export class AXPDexieTableStorageService extends Dexie implements AXPEntityStorageService {
-//   private schemaUpdateLock: Promise<void> = Promise.resolve();
-//   constructor() {
-//     super('ACoreXPlatform');
-//     // Initial empty version
-//     //this.version(1).stores({});
-//   }
-//   // Function to change the schema dynamically
-//   private async changeSchema(schemaChanges: { [tableName: string]: string | null }): Promise<void> {
-//     // Acquire schema update lock to ensure no other operations are performed while schema is changing
-//     this.schemaUpdateLock = this.schemaUpdateLock.then(async () => {
-//       console.log('Attempting schema change with:', schemaChanges);
-//       try {
-//         this.close();
-//         const newDb = new Dexie(this.name);
-//         // Extract current schema in Dexie format
-//         const currentSchema = this.tables.reduce((result, { name, schema }) => {
-//           result[name] = [schema.primKey.src, ...schema.indexes.map((idx) => idx.src)].join(',');
-//           return result;
-//         }, {} as { [tableName: string]: string });
-//         console.log('Current Schema:', currentSchema);
-//         // Define current schema version
-//         newDb.version(this.verno + 10).stores(currentSchema);
-//         // Define new schema version with schema changes
-//         const nextVersion = this.verno + 1;
-//         newDb.version(nextVersion).stores(schemaChanges);
-//         await newDb.open();
-//         // Reassign updated db instance
-//         Object.assign(this, newDb);
-//         console.log(`Schema updated. Current version: ${this.verno}`);
-//       } catch (error) {
-//         console.error('Error during schema change:', error);
-//         throw error;
-//       }
-//     });
-//     // Wait for schema change lock to complete
-//     await this.schemaUpdateLock;
-//   }
-//   private async ensureInitialized(entityName: string): Promise<void> {
-//     if (this.tables.findIndex((table) => table.name === entityName) == -1) {
-//       const schemaChanges: { [tableName: string]: string } = {};
-//       schemaChanges[entityName] = '++id';
-//       await this.changeSchema(schemaChanges);
-//     }
-//   }
-//   get dbName(): string {
-//     return 'ACoreXPlatform';
-//   }
-//   private async getTable<T>(entityName: string) {
-//     await this.ensureInitialized(entityName);
-//     return this.table<T, number>(entityName);
-//   }
-//   async initial<T = any>(entityName: string, collection: T[]): Promise<void> {
-//     const table = await this.getTable<T>(entityName);
-//     const exists = await table.count();
-//     if (exists === 0) {
-//       await table.bulkAdd(collection);
-//     }
-//   }
-//   async getOne<T = any>(entityName: string, id: string): Promise<T> {
-//     const table = await this.getTable<T>(entityName);
-//     return (await table.where({ id: parseInt(id) }).first()) as T;
-//   }
-//   async updateOne(entityName: string, id: string, keyValue: { [key: string]: any }): Promise<void> {
-//     const table = await this.getTable(entityName);
-//     await table.update(parseInt(id), keyValue);
-//   }
-//   async deleteOne(entityName: string, id: string): Promise<void> {
-//     const table = await this.getTable(entityName);
-//     await table.delete(parseInt(id));
-//   }
-//   async insertOne<T = any>(entityName: string, entity: T): Promise<void> {
-//     const table = await this.getTable<T>(entityName);
-//     await table.add(entity);
-//   }
-//   async getAll<T = any>(entityName: string): Promise<T[]> {
-//     const table = await this.getTable<T>(entityName);
-//     return await table.toArray();
-//   }
-// }
-
 const AXP_DATA_SEEDER_TOKEN = new InjectionToken('AXP_DATA_SEEDER_TOKEN');
 class AXPDataSeederService {
     constructor() {
-        this.loader = inject(AXP_DATA_SEEDER_TOKEN, { optional: true });
+        this.loaders = inject(AXP_DATA_SEEDER_TOKEN, { optional: true });
     }
     async seed() {
-        if (Array.isArray(this.loader)) {
-            for (const loader of this.loader) {
-                await loader.seed();
-            }
-        }
-        else {
-            await this.loader?.seed();
+        for (const loader of castArray(this.loaders)) {
+            await loader?.seed();
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPDataSeederService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -645,6 +513,7 @@ class AXPEntityCreateViewElementViewModel {
                 type: widget.type,
                 mode: this.editable() ? 'edit' : 'view',
                 path: this.name(),
+                name: this.name(),
                 children: widget.children,
                 formula: widget.formula,
                 triggers: widget.triggers,
@@ -694,7 +563,7 @@ class AXPEntityMasterCreateViewModel {
             if (typeof value == 'function') {
                 return value();
             }
-            else if (typeof value == 'string' && value.startsWith("{{")) {
+            else if (typeof value == 'string' && value.startsWith('{{')) {
                 return await this.expressionEvaluator.evaluate(value, scope);
             }
             return value;
@@ -719,8 +588,13 @@ class AXPEntityMasterCreateViewModel {
             this.builder.setStatus(AXPPageStatus.Submitting);
             const exec = this.entityDef.commands?.create?.execute;
             const result = await exec(this.context());
-            this.builder.setStatus(AXPPageStatus.Submitted);
-            return result;
+            this.context.update((c) => ({ ...c, ...result }));
+            return new Promise((resolve) => {
+                setTimeout(() => {
+                    this.builder.setStatus(AXPPageStatus.Submitted);
+                    resolve(result);
+                });
+            });
         }
         catch (error) {
             this.builder.setStatus(AXPPageStatus.Error);
@@ -883,23 +757,7 @@ class AXPEntityMasterListViewModel {
         });
         this.primaryRowActions = computed(() => this.allActions().filter((a) => a.scope == AXPEntityCommandScope.Individual && a.priority === 'primary'));
         //****************** Filter ******************//
-        this.simpleFilters = signal({
-            field: null,
-            logic: 'and',
-            operator: null,
-            filters: this.view().conditions.map((f) => ({
-                field: f.name,
-                operator: f.operator,
-                value: f.value,
-            })),
-        });
-        this.lastFiltersApplied = signal(this.simpleFilters());
-        this.inlineFilters = {
-            field: null,
-            logic: 'or',
-            operator: null,
-            filters: [],
-        };
+        this.filterQueries = signal([]);
         //****************** Columns ******************//
         this.allAvailableColumns = () => {
             const { columns = [], properties } = this.entityDef;
@@ -972,7 +830,7 @@ class AXPEntityMasterListViewModel {
     }
     async saveSettings(changesType, data) {
         const updateSettings = (updateFn) => {
-            this.settings.scope(AXPSettingScope.User).update(this.settingEntityKey, updateFn);
+            this.settings.scope(AXPPlatformScope.User).update(this.settingEntityKey, updateFn);
         };
         switch (changesType) {
             case 'columnSizes':
@@ -1048,8 +906,11 @@ class AXPEntityMasterListViewModel {
         }));
         return actions.filter(Boolean);
     }
+    get properties() {
+        return this.entityDef.properties;
+    }
     get filtersDef() {
-        const props = this.entityDef.properties.filter((c) => c.options?.filter?.advance?.enabled);
+        const props = this.entityDef.properties.filter((c) => c.options?.filter?.advance?.enabled || c.options?.filter?.inline?.enabled);
         return props.map((e) => {
             const widgetConfig = this.widgetResolver.resolve(e.schema.interface?.type);
             const type = (e.options?.filter?.advance?.widgetType ||
@@ -1059,11 +920,16 @@ class AXPEntityMasterListViewModel {
                 title: e.title,
                 field: e.name,
                 operator: {
-                    type: 'equal',
+                    type: 'contains',
                 },
                 widget: { ...e.schema.interface, path: e.name, type },
                 filters: [],
                 isParametric: false,
+                icon: widgetConfig?.icon,
+                filterType: {
+                    advance: e.options?.filter?.advance?.enabled ?? false,
+                    inline: e.options?.filter?.inline?.enabled ?? false,
+                },
             };
         });
     }
@@ -1078,66 +944,21 @@ class AXPEntityMasterListViewModel {
             operator: f.operator,
             value: f.value,
         }));
-        // console.log('this.view().conditions: ', this.view().conditions);
-        // console.log('this.filtersDef: ', this.filtersDef);
-        // let viewFilters: AXPFilterQuery[] = [];
-        // await this.filtersDef.forEach((filter) => {
-        //   viewFilters.push({
-        //     field: filter.field,
-        //     operator: filter.operator,
-        //     value: filter.value,
-        //   });
-        // });
-        // await this.view().conditions.map((f) => {
-        //   let viewFilter = viewFilters.find((el) => el.field === f.name) as AXPFilterQuery;
-        //   viewFilter = {
-        //     ...viewFilter,
-        //     value: f.value,
-        //     operator: f.operator,
-        //   };
-        // });
-        // console.log('viewFilters: ', viewFilters);
-        this.simpleFilters.update((prev) => ({ ...prev, filters: viewFilters }));
-        // console.log('this.simpleFilters(): ', this.simpleFilters());
+        this.filterQueries.update((prev) => ({ ...prev, filters: viewFilters }));
     }
     resetFilters() {
         this.applyViewFilters();
     }
-    discardFilters() {
-        this.simpleFilters.set(this.lastFiltersApplied());
-    }
-    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();
-    }
     async applyFilterAndSort() {
         this.dataSource.clearFilter();
         this.dataSource.sort(...this.sortedFields()
             .filter((sf) => sf.dir)
             .map((s) => ({ dir: s.dir, field: s.name })));
-        const allFilters = [
-            this.inlineFilters.filters?.length && this.inlineFilters,
-            this.simpleFilters().filters?.length && this.simpleFilters(),
-        ].filter(Boolean);
-        const cleanedAllFilters = AXPCleanNestedFilters(allFilters);
-        this.lastFiltersApplied.set(this.simpleFilters());
         this.dataSource.filter(this.filterOperatorMiddleware.transformFilter({
             field: null,
             logic: 'and',
             operator: null,
-            filters: cleanedAllFilters,
+            filters: this.filterQueries(),
         }));
         this.dataSource.refresh();
     }
@@ -1430,6 +1251,7 @@ class AXPEntityMasterUpdateElementViewModel {
                 type: widget.type,
                 mode: this.editable() ? 'edit' : 'view',
                 path: this.name(),
+                name: this.name(),
                 children: widget.children,
                 formula: widget.formula,
                 triggers: widget.triggers,
@@ -1848,8 +1670,8 @@ class AXPEntityDataProviderImpl {
     query(request) {
         return this.storageService.query(this.entityName, request);
     }
-    updateOne(id, keyValue) {
-        return this.storageService.updateOne(this.entityName, id, keyValue);
+    updateOne(id, keyValues) {
+        return this.storageService.updateOne(this.entityName, id, keyValues);
     }
     deleteOne(id) {
         return this.storageService.deleteOne(this.entityName, id);
@@ -1970,14 +1792,13 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
                 this.displayItems.set([]);
             }
             else {
-                const items = Array.isArray(value)
-                    ? value.map(async (item) => await this.extractItem(item))
-                    : [await this.extractItem(value)];
-                this.displayItems.set(items);
+                const items = castArray(value).map(async (item) => await this.extractItem(item));
+                this.displayItems.set(await Promise.all(items));
             }
         });
     }
     async extractItem(item) {
+        debugger;
         if (typeof item == 'object') {
             return {
                 id: item[this.valueField()],
@@ -1985,14 +1806,15 @@ class AXPLookupWidgetViewComponent extends AXPWidgetComponent {
             };
         }
         else {
-            const byKey = this.entityDef()?.queries.byKey?.execute;
+            const def = this.entityDef();
+            const byKey = def?.queries.byKey?.execute;
             if (byKey) {
                 this.loading.set(true);
-                const item = await byKey(this.getValue());
+                const fetchedItem = await byKey(item);
                 this.loading.set(false);
                 return {
-                    id: item[this.valueField()],
-                    text: this.formatService.format(this.textField(), 'string', item),
+                    id: fetchedItem[this.valueField()],
+                    text: this.formatService.format(this.displayField(), 'string', fetchedItem),
                 };
             }
             return {
@@ -2049,7 +1871,17 @@ var lookupWidgetView_component = /*#__PURE__*/Object.freeze({
 });
 
 class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.grid = viewChild('grid');
+        this.initialSelectedItems = [];
+        this.selectedItems = signal([]);
+        this.allowSelect = computed(() => this.selectedItems().length > 0);
+    }
     ngAfterViewInit() {
+        if (this.initialSelectedItems.length > 0 && this.grid()) {
+            this.grid()?.selectRows(...this.initialSelectedItems);
+        }
         if (this.searchTerm) {
             this.vm.applyInlineFilter(this.searchTerm);
         }
@@ -2061,10 +1893,28 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
         this.close({ items: [e.data] });
     }
     handleRowClick(e) {
-        this.focusedRow = e.data;
+        if (this.vm.allowMultiple()) {
+            this.selectedItems.set([...this.selectedItems(), e.data]);
+        }
+        else if (this.selectedItems().length > 0) {
+            const selected = this.selectedItems().find((item) => item.id === e.data.id);
+            if (selected) {
+                this.selectedItems.set(this.selectedItems().filter((item) => item.id !== selected.id));
+            }
+            else {
+                this.selectedItems.set([e.data]);
+            }
+        }
+        else if (this.selectedItems().length === 0) {
+            this.selectedItems.set([e.data]);
+        }
+        else {
+            this.selectedItems.set([e.data]);
+        }
     }
     async handleSelectedRowsChange(rows) {
-        //this.vm.selectedItems.set(rows);
+        debugger;
+        this.selectedItems.set(rows);
     }
     handleChangeSearchValue(e) {
         if (e.isUserInteraction) {
@@ -2079,12 +1929,10 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
         this.close();
     }
     handleSelectClick() {
-        if (this.focusedRow) {
-            this.close({ items: [this.focusedRow] });
-        }
+        this.close({ items: this.selectedItems() });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetSelectorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, isSignal: true }], 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">
@@ -2110,8 +1958,9 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
         (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) {
+        @if(vm.allowMultiple()) {
+        <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
           [expandHandler]="$index === 0 && vm.parentKey() ? true : false"
           [caption]="col.title | translate | async"
@@ -2122,19 +1971,13 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
     </div>
     <ax-footer>
       <ax-suffix>
-        <ax-button
-          look="solid"
-          color="ghost"
-          [text]="('close' | translate | async) ?? 'Close...'"
-          (onClick)="handleCloseClick()"
-        >
-        </ax-button>
+        <ax-button look="solid" [text]="('close' | translate | async)!" (onClick)="handleCloseClick()"> </ax-button>
         <ax-button
           look="solid"
           color="primary"
-          [text]="('select' | translate | async) ?? 'Select...'"
+          [text]="('select' | translate | async)!"
           (onClick)="handleSelectClick()"
-          [disabled]="focusedRow == null"
+          [disabled]="allowSelect() === false"
         >
         </ax-button>
         @if(!vm.canCreate()) {
@@ -2151,7 +1994,7 @@ class AXPLookupWidgetSelectorComponent extends AXBasePageComponent {
         }
       </ax-suffix>
     </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.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", "iconOnly", "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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i5.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i7.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.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", "iconOnly", "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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i5.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "parentField", "rowTemplate", "emptyTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i5.AXRowSelectColumnComponent, selector: "ax-select-column", inputs: ["width", "caption", "fixed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i7.AXPWidgetColumnRendererComponent, selector: "axp-widget-column-renderer", inputs: ["caption", "customExpandIcon", "customCollapseIcon", "customWidth", "node", "footerTemplate", "expandHandler", "cellTemplate", "headerTemplate"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetSelectorComponent, decorators: [{
             type: Component,
@@ -2182,8 +2025,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         (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) {
+        @if(vm.allowMultiple()) {
+        <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
           [expandHandler]="$index === 0 && vm.parentKey() ? true : false"
           [caption]="col.title | translate | async"
@@ -2194,19 +2038,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
     </div>
     <ax-footer>
       <ax-suffix>
-        <ax-button
-          look="solid"
-          color="ghost"
-          [text]="('close' | translate | async) ?? 'Close...'"
-          (onClick)="handleCloseClick()"
-        >
-        </ax-button>
+        <ax-button look="solid" [text]="('close' | translate | async)!" (onClick)="handleCloseClick()"> </ax-button>
         <ax-button
           look="solid"
           color="primary"
-          [text]="('select' | translate | async) ?? 'Select...'"
+          [text]="('select' | translate | async)!"
           (onClick)="handleSelectClick()"
-          [disabled]="focusedRow == null"
+          [disabled]="allowSelect() === false"
         >
         </ax-button>
         @if(!vm.canCreate()) {
@@ -2242,11 +2080,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         }] });
 
 class AXPLookupWidgetSelectorViewModel {
-    constructor(injector, entityDef, parentFilters = null, customFilter = null) {
+    constructor(injector, entityDef, options = {
+        parentFilters: null,
+        customFilter: null,
+        sortedFields: [],
+    }) {
         this.injector = injector;
         this.entityDef = entityDef;
-        this.parentFilters = parentFilters;
-        this.customFilter = customFilter;
+        this.options = options;
         this.workflow = this.injector.get(AXPWorkflowService);
         this.filterOperatorMiddleware = this.injector.get(AXPFilterOperatorMiddlewareService);
         this.dataSource = new AXDataSource({
@@ -2267,6 +2108,9 @@ class AXPLookupWidgetSelectorViewModel {
         this.parentKey = computed(() => {
             return this.entityDef.parentKey;
         });
+        this.allowMultiple = computed(() => {
+            return this.options.allowMultiple ?? false;
+        });
         this.inlineFiltersPlaceholders = computed(() => {
             return (this.entityDef?.properties.filter((p) => p.options?.filter?.inline?.enabled).map((c) => c.title ?? c.name) ?? []);
         });
@@ -2324,12 +2168,12 @@ class AXPLookupWidgetSelectorViewModel {
         //
         // Check if inlineFilters or parentFilters have any filters
         const hasInlineFilters = (this.inlineFilters?.filters?.length ?? 0) > 0;
-        const hasParentFilters = (this.parentFilters?.filters?.length ?? 0) > 0;
+        const hasParentFilters = (this.options.parentFilters?.filters?.length ?? 0) > 0;
         // Construct the filters array based on the presence of filters
         const filters = [];
-        console.log(this.customFilter);
-        if (this.customFilter) {
-            const cleanedFilters = AXPCleanNestedFilters([this.customFilter]);
+        console.log(this.options.customFilter);
+        if (this.options.customFilter) {
+            const cleanedFilters = AXPCleanNestedFilters([this.options.customFilter]);
             if (cleanedFilters.length > 0) {
                 filters.push(this.filterOperatorMiddleware.transformFilter(cleanedFilters[0]));
             }
@@ -2337,8 +2181,8 @@ class AXPLookupWidgetSelectorViewModel {
         if (hasInlineFilters) {
             filters.push(this.inlineFilters);
         }
-        if (hasParentFilters && this.parentFilters) {
-            filters.push(this.parentFilters);
+        if (hasParentFilters && this.options.parentFilters) {
+            filters.push(this.options.parentFilters);
         }
         // Apply the filters to the dataSource
         this.dataSource.filter({
@@ -2364,59 +2208,53 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         this.entityResolver = inject(AXPEntityResolver);
         this.formatService = inject(AXFormatService);
         this.popupService = inject(AXPopupService);
-        this.destroyRef = inject(DestroyRef);
         this.translateService = inject(AXTranslationService);
         this.expose = computed(() => this.options()['expose']);
         this.entity = computed(() => this.options()['entity']);
         this.customFilter = computed(() => this.options()['filter']);
+        this.multiple = computed(() => (this.options()['multiple'] ?? false));
         this.textField = computed(() => {
             return (this.entityDef()?.formats.lookup ?? this.entityDef()?.properties.find((c) => c.name != 'id')?.name ?? 'title');
         });
+        this.valueField = computed(() => this.entityDef()?.properties.find((c) => c.name == 'id')?.name ?? 'id');
         this.entityDef = signal(null);
         this.searchTerm = signal(null);
-        this.displayText = signal('');
-        this.selectedItem = signal(null);
+        this.selectedItems = signal([]);
+        this.textbox = viewChild(AXTagBoxComponent);
         this.isLoading = signal(false);
         this.isOpen = signal(false);
         this.vm = signal(null);
         this.placeholder = computed(() => {
-            return (this.translateService.translateSync('widget.lookup.search') + this.vm()?.inlineFiltersPlaceholders().join(', '));
+            return (this.selectedItems().length ? null : this.translateService.translateSync('widget.lookup.search') + this.vm()?.inlineFiltersPlaceholders().join(', '));
         });
-        this.efDisplay = effect(async () => {
-            const value = this.getValue();
-            if (isNil(value)) {
-                this.displayText.set('');
-            }
-            else if (typeof value == 'object' && !Array.isArray(value)) {
-                this.displayText.set(this.formatService.format(this.textField(), 'string', value));
-            }
-            else if (value != null) {
-                await this.findByValue();
-            }
-        });
-        this.efEntity = effect(async () => {
+        this.#efEntity = effect(async () => {
             const [module, entity] = this.entity().split('.');
             this.entityDef.set(await this.entityResolver.get(module, entity));
-            this.vm.set(new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), this.filter));
+            this.vm.set(new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), { parentFilters: this.filter, allowMultiple: this.multiple() }));
+        });
+        this.#efValue = effect(() => {
+            if (this.getValue()) {
+                this.findByValue();
+            }
         });
     }
-    ngOnInit() {
-        super.ngOnInit();
-        //
-        // this.builderService.onContextChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async (c) => {
-        //   if (c.path == this.path) {
-        //     if (this.getValue()) {
-        //       await this.findByValue();
-        //     }
-        //   }
-        // });
-    }
+    #efEntity;
+    #efValue;
     async findByValue() {
         this.isLoading.set(true);
         const byKey = this.entityDef()?.queries.byKey?.execute;
         if (byKey) {
-            const item = await byKey(this.getValue());
-            this.setItems(item);
+            const rawValue = this.getValue();
+            const values = castArray(rawValue);
+            if (this.multiple()) {
+                console.log(values);
+                const items = await Promise.all(values.map(value => byKey(value)));
+                this.setItems(items);
+            }
+            else {
+                const item = await byKey(values[0]);
+                this.setItems(item);
+            }
         }
         this.isLoading.set(false);
     }
@@ -2430,33 +2268,35 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
             title: `${this.translateService.translateSync('widget.lookup.search')} ${this.translateService.translateSync(this.entityDef()?.formats.plural ?? '')}`,
             size: (this.vm()?.columns().length ?? 0) > 3 ? 'lg' : 'md',
             data: {
-                vm: new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), this.filter, this.customFilter()),
-                searchTerm: this.searchTerm() == this.displayText() ? null : this.searchTerm(),
+                vm: new AXPLookupWidgetSelectorViewModel(this.injector, this.entityDef(), {
+                    customFilter: this.customFilter(),
+                    parentFilters: this.filter,
+                    allowMultiple: this.multiple()
+                }),
+                searchTerm: this.searchTerm(),
+                initialSelectedItems: this.selectedItems(),
             },
         })
             .then((e) => {
             this.isOpen.set(false);
-            this.textbox.focus();
+            this.textbox()?.focus();
             if (e.data?.items) {
-                this.setItems(e.data?.items[0]);
+                this.setItems(e.data?.items);
             }
         });
     }
     handleValueChange(e) {
-        this.searchTerm.set(e.value);
+        if (e.isUserInteraction) {
+            this.setValue(e.value);
+        }
     }
     handleOnBlur(e) {
         const com = e.component;
-        const input = com['input'].nativeElement;
+        const input = e.htmlElement.querySelector('input');
         setTimeout(() => {
-            if (this.selectedItem()) {
-                input.value = this.displayText();
-            }
-            else {
-                if (!this.isOpen()) {
-                    input.value = '';
-                    this.searchTerm.set(null);
-                }
+            if (!this.isOpen()) {
+                input.value = '';
+                this.searchTerm.set(null);
             }
         }, 100);
     }
@@ -2475,37 +2315,34 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
             this.isLoading.set(false);
         }
     }
-    setItems(item) {
+    setItems(items) {
+        if (!items) {
+            return;
+        }
+        //
+        items = castArray(items);
         this.searchTerm.set(null);
-        this.displayText.set('');
-        this.selectedItem.set(item);
-        const text = this.formatService.format(this.textField(), 'string', item);
-        this.displayText.set(text);
-        this.setValue(item.id);
+        this.selectedItems.set(items);
+        //
+        const values = items.map(item => get(item, this.valueField()));
+        //
+        this.setValue(values);
+        //
         // extract data from valueField and set context by expose path
         if (this.expose()) {
-            if (typeof this.expose() == 'string') {
-                this.contextService.update(this.expose(), item);
-            }
-            // support multiple expose items
-            else if (Array.isArray(this.expose())) {
-                this.expose().forEach((i) => {
-                    if (typeof i == 'string') {
-                        this.contextService.update(i, item);
-                    }
-                    else {
-                        // extract data from item by source path and set context by target path
-                        const key = get(item, i.source);
-                        this.contextService.update(i.target, key);
-                    }
-                });
-            }
-            // extract data from item by source path and set context by target path
-            else if (typeof this.expose() == 'object') {
-                const i = this.expose();
-                const key = get(item, i.source);
-                this.contextService.update(i.target, key);
-            }
+            const exposeValue = castArray(this.expose());
+            exposeValue.forEach((i) => {
+                if (typeof i == 'string') {
+                    //const values = items.map(item => get(item, this.expose()));
+                    const values = items.map(item => set({}, this.expose(), get(item, this.expose())));
+                    this.contextService.update(i, values);
+                }
+                else {
+                    // extract data from item by source path and set context by target path
+                    const values = items.map(item => set({}, i.source, get(item, i.source)));
+                    this.contextService.update(i.target, values);
+                }
+            });
         }
     }
     handleClearClick() {
@@ -2514,14 +2351,17 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
     clear() {
         this.setValue(null);
         this.searchTerm.set('');
-        this.selectedItem.set(null);
+        this.selectedItems.set([]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ax-text-box
-      [ngModel]="displayText()"
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetEditComponent, isStandalone: true, selector: "axp-lookup-widget-edit", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTagBoxComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ax-tag-box
+      [tags]="selectedItems()"
+      [textField]="textField()"
+      [valueField]="valueField()"
       (onValueChanged)="handleValueChange($event)"
       [placeholder]="placeholder()"
+      [addOnEnter]="false"
       (onKeyUp)="handleKeyDown($event)"
       (onBlur)="handleOnBlur($event)"
     >
@@ -2532,7 +2372,9 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
         [options]="validation.options"
       ></ax-validation-rule>
       }
+      @if(selectedItems().length > 1) {
       <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
+      }
 
       <ax-suffix>
         <ax-button color="ghost" look="blank" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
@@ -2543,18 +2385,23 @@ class AXPLookupWidgetEditComponent extends AXPWidgetComponent {
           }
         </ax-button>
       </ax-suffix>
-    </ax-text-box>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    </ax-tag-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: 
+                //
+                AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i5$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "showRemoveButton", "readonlyField", "allowDuplicateValues", "tags", "inputValue"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "tagsChange", "inputValueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-lookup-widget-edit',
                     template: `
-    <ax-text-box
-      [ngModel]="displayText()"
+    <ax-tag-box
+      [tags]="selectedItems()"
+      [textField]="textField()"
+      [valueField]="valueField()"
       (onValueChanged)="handleValueChange($event)"
       [placeholder]="placeholder()"
+      [addOnEnter]="false"
       (onKeyUp)="handleKeyDown($event)"
       (onBlur)="handleOnBlur($event)"
     >
@@ -2565,7 +2412,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
         [options]="validation.options"
       ></ax-validation-rule>
       }
+      @if(selectedItems().length > 1) {
       <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
+      }
 
       <ax-suffix>
         <ax-button color="ghost" look="blank" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
@@ -2576,61 +2425,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
           }
         </ax-button>
       </ax-suffix>
-    </ax-text-box>
+    </ax-tag-box>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
                         CommonModule,
                         FormsModule,
-                        AXSelectBoxModule,
-                        AXTextBoxModule,
+                        //
                         AXButtonModule,
                         AXDecoratorModule,
                         AXLoadingModule,
                         AXValidationModule,
                         AXFormModule,
+                        AXTagBoxModule
                     ],
                 }]
-        }], propDecorators: { textbox: [{
-                type: ViewChild,
-                args: [AXTextBoxComponent]
-            }] } });
+        }] });
 
 var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AXPLookupWidgetEditComponent: AXPLookupWidgetEditComponent
 });
 
-class AXPLookupWidgetFilterComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLookupWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, FormsModule],
-                    inputs: []
-                }]
-        }] });
-
-var lookupWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLookupWidgetFilterComponent: AXPLookupWidgetFilterComponent
-});
-
 class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.valueField = this.options['valueField'] ?? 'id';
+        this.textField = this.options['textField'] ?? 'title';
+        this.internalValue = computed(() => castArray(this.rawValue).map((item) => this.extractItem(item)));
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                [this.valueField]: item?.[this.valueField],
+                [this.textField]: item?.[this.textField],
+            }
+            : {
+                [this.valueField]: item,
+                [this.textField]: item,
+            };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
-   <ax-badge [look]="'twotone'" [text]="rawValue" color="primary"></ax-badge>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `
+  <div class="ax-flex ax-gap-1">
+   @for (item of internalValue(); track $index) {
+    <ax-badge [text]="item[this.textField]" color="primary"></ax-badge>
+    }
+  </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-   <ax-badge [look]="'twotone'" [text]="rawValue" color="primary"></ax-badge>
+  <div class="ax-flex ax-gap-1">
+   @for (item of internalValue(); track $index) {
+    <ax-badge [text]="item[this.textField]" color="primary"></ax-badge>
+    }
+  </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, AXBadgeModule],
@@ -2643,30 +2495,10 @@ var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
     AXPLookupWidgetColumnComponent: AXPLookupWidgetColumnComponent
 });
 
-class AXPLookupWidgetPrintComponent extends AXPWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXPLookupWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPLookupWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: []
-                }]
-        }] });
-
-var lookupWidgetPrint_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLookupWidgetPrintComponent: AXPLookupWidgetPrintComponent
-});
-
 const AXPLookupWidget = {
     name: 'lookup-editor',
     title: 'Lookup',
-    visible: false,
-    group: AXP_WIDGETS_EDITOR_GROUP,
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
     defaultFilterWidgetName: 'lookup-filter',
     type: 'editor',
     properties: [
@@ -2700,6 +2532,7 @@ const AXPLookupWidget = {
             },
             visible: true,
         },
+        AXP_ALLOW_MULTIPLE_PROPERTY
     ],
     components: {
         view: {
@@ -2708,15 +2541,9 @@ const AXPLookupWidget = {
         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 lookupWidgetEdit_component; }).then((c) => c.AXPLookupWidgetEditComponent),
         },
@@ -2857,9 +2684,9 @@ class AXPTagableBoxWidgetEditComponent extends AXPWidgetComponent {
         </ax-prefix>
       </ax-button>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: 
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: 
                 //  AXTagBoxModule,
-                AXSelectBoxModule }, { kind: "component", type: i5$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXSelectBoxModule }, { kind: "component", type: i5$2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
             type: Component,
@@ -3063,9 +2890,9 @@ var tagableBoxWidgetView_component = /*#__PURE__*/Object.freeze({
 const AXPTagableBoxWidget = {
     name: 'tagable-editor',
     title: 'Tagable Box',
-    icon: 'fa-solid fa-tags',
+    icon: 'fa-light fa-tags',
     description: 'Inputs text with tags',
-    group: AXP_WIDGETS_EDITOR_GROUP,
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
     type: 'editor',
     defaultFilterWidgetName: 'string-filter',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
@@ -3117,7 +2944,7 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPWidgetComponent {
             size: 'md',
             closeButton: true,
             data: {
-                widgets: sortBy(this.widgetRegisteryService.all().filter((c) => c.visible != false), (c) => c.title),
+                widgets: sortBy(this.widgetRegisteryService.all(), (c) => c.title),
             },
         });
         if ((result.data?.widgets ?? []).length) {
@@ -3155,7 +2982,7 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPWidgetComponent {
     <axp-widget-property-viewer [widget]="selectedWidgetNode()!" (onChanged)="handleChangeWidget($event)">
     </axp-widget-property-viewer>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i6$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: 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-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i4$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
@@ -3225,10 +3052,9 @@ var widgetSelectorWidgetView_component = /*#__PURE__*/Object.freeze({
 const AXPWidgetSelectorWidget = {
     name: 'widget-selector',
     title: 'Widget Selector',
-    group: AXP_WIDGETS_EDITOR_GROUP,
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
     type: 'editor',
-    visible: false,
-    icon: 'fa-solid fa-square',
+    icon: 'fa-light fa-square',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
         view: {
@@ -3688,5 +3514,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPDexieEntityStorageService, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityMiddlewareDefault, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPModifyEntitySectionWorkflow, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
+export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityMiddlewareDefault, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPModifyEntitySectionWorkflow, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map