@acorex/modules 20.4.2 → 20.5.0-next.0

package/fesm2022/acorex-modules-common.mjs

@@ -2,10 +2,10 @@ import { AXP_PERMISSION_DEFINITION_PROVIDER, AXPSessionService } from '@acorex/p
 import { AXPEntityCommandScope, createQueryView, AXPRefreshEvent, createAllQueryView, AXPEntityQueryType, AXPVersioningService, AXPSettingService, AXPSearchService, AXPLockService, AXPHomePageService, AXPSearchCommandProvider, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
 import * as i1$2 from '@acorex/platform/core';
 import { AXPExpressionEvaluatorService, getSmart, AXPPlatformScope, AXP_EXPRESSION_EVALUATOR_SCOPE_PROVIDER } from '@acorex/platform/core';
+import { ensureListActions, actionExists, AXPEntityDefinitionRegistryService, AXP_ENTITY_ACTION_PLUGIN, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterDeleteAction, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, AXPEntityService } from '@acorex/platform/layout/entity';
 import { AXPWidgetsModule } from '@acorex/platform/layout/widgets';
 import * as i0 from '@angular/core';
 import { inject, Injectable, NgModule, Injector, runInInjectionContext, input, signal, ViewEncapsulation, Component, InjectionToken, HostListener, computed } from '@angular/core';
-import { ensureListActions, actionExists, AXPEntityDefinitionRegistryService, AXP_ENTITY_ACTION_PLUGIN, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterDeleteAction, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex/platform/layout/entity';
 import * as i1 from '@acorex/platform/workflow';
 import { createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule, AXPWorkflowService } from '@acorex/platform/workflow';
 import { AXDialogService } from '@acorex/components/dialog';
@@ -35,8 +35,10 @@ const AXPWidgetsList = {
     Editors: {
         DocumentAttachment: 'document-attachment-editor',
         TagBox: 'tagable-editor',
+        TagEditor: 'tag-editor',
         CheckBox: 'checkbox-editor',
         ColorBox: 'color-editor',
+        ColorPalette: 'color-palette-editor',
         DateTimeBox: 'date-time-editor',
         Direction: 'direction',
         LargeTextBox: 'large-text-editor',
@@ -1803,8 +1805,10 @@ const colorPlugin = {
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsList.Theme.ThemeColorChooser,
-                        options: {},
+                        type: AXPWidgetsList.Editors.ColorPalette,
+                        options: {
+                            swatches: options?.swatches,
+                        },
                     },
                 },
                 validations: [],
@@ -1817,6 +1821,24 @@ const colorPlugin = {
                 },
             });
         }
+        //#region ----   Add Column to List View   ----
+        // Add color column to list view if enabled (default: true)
+        const columnEnabled = options?.column?.enabled ?? true;
+        if (columnEnabled) {
+            const columns = ctx.columns.list() ?? [];
+            if (!columns.some((c) => c.name === 'color')) {
+                ctx.columns.add({
+                    name: 'color',
+                    title: '@general:terms.common.color',
+                    sort: { enabled: false },
+                    options: {
+                        visible: options?.column?.visible ?? true,
+                        width: `${options?.column?.width ?? 120}px`,
+                    },
+                });
+            }
+        }
+        //#endregion
         ctx.interfaces.master.create.update((create) => {
             const next = create ?? { sections: [], properties: [] };
             next.sections = next.sections ?? [];
@@ -1828,7 +1850,7 @@ const colorPlugin = {
                 next.properties.push({
                     name: 'color',
                     layout: {
-                        positions: { lg: { colSpan: options?.colSpan ?? 6 } },
+                        positions: { lg: { colSpan: 6 } },
                     },
                 });
             }
@@ -1845,7 +1867,7 @@ const colorPlugin = {
                 next.properties.push({
                     name: 'color',
                     layout: {
-                        positions: { lg: { colSpan: options?.colSpan ?? 6 } },
+                        positions: { lg: { colSpan: 6 } },
                     },
                 });
             }
@@ -1862,7 +1884,7 @@ const colorPlugin = {
                 next.properties.push({
                     name: 'color',
                     layout: {
-                        positions: { lg: { colSpan: options?.colSpan ?? 6 } },
+                        positions: { lg: { colSpan: 6 } },
                     },
                 });
             }
@@ -3838,6 +3860,24 @@ const iconPlugin = {
                 },
             });
         }
+        //#region ----   Add Column to List View   ----
+        // Add icon column to list view if enabled (default: true)
+        const columnEnabled = options?.column?.enabled ?? true;
+        if (columnEnabled) {
+            const columns = ctx.columns.list() ?? [];
+            if (!columns.some((c) => c.name === 'icon')) {
+                ctx.columns.add({
+                    name: 'icon',
+                    title: '@general:terms.common.icon',
+                    sort: { enabled: false },
+                    options: {
+                        visible: options?.column?.visible ?? true,
+                        width: `${options?.column?.width ?? 120}px`,
+                    },
+                });
+            }
+        }
+        //#endregion
         ctx.interfaces.master.create.update((create) => {
             const next = create ?? { sections: [], properties: [] };
             next.sections = next.sections ?? [];
@@ -3849,7 +3889,7 @@ const iconPlugin = {
                 next.properties.push({
                     name: 'icon',
                     layout: {
-                        positions: { lg: { colSpan: options?.colSpan ?? 6 } },
+                        positions: { lg: { colSpan: 6 } },
                     },
                 });
             }
@@ -3866,7 +3906,7 @@ const iconPlugin = {
                 next.properties.push({
                     name: 'icon',
                     layout: {
-                        positions: { lg: { colSpan: options?.colSpan ?? 6 } },
+                        positions: { lg: { colSpan: 6 } },
                     },
                 });
             }
@@ -3883,7 +3923,7 @@ const iconPlugin = {
                 next.properties.push({
                     name: 'icon',
                     layout: {
-                        positions: { lg: { colSpan: options?.colSpan ?? 6 } },
+                        positions: { lg: { colSpan: 6 } },
                     },
                 });
             }
@@ -4600,18 +4640,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
 
 const config = {
     i18n: 'common',
+    module: 'Common',
 };
 const RootConfig = {
     config,
     module: {
-        module: 'common',
-        name: 'Common',
-        title: `t('module-name', {scope:"${config.i18n}"})`,
+        route: 'common',
+        name: config.module,
+        title: '@common:module-name',
         icon: 'fa-light fa-file-invoice',
     },
     entities: {},
 };
 
+//#region ----   Common Module Entity Provider   ----
+class AXMCommonModuleEntityProvider {
+    constructor() {
+        this.injector = inject(Injector);
+    }
+    preload() {
+        const module = RootConfig.module.name;
+        return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
+            module: module,
+            entity: entity.name,
+        }));
+    }
+    async get(moduleName, entityName) {
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMCommonModuleEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMCommonModuleEntityProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXMCommonModuleEntityProvider, decorators: [{
+            type: Injectable
+        }] });
+
 const AXPCommonMenuKeys = {
     Home: 'app:home',
 };
@@ -4620,6 +4683,7 @@ class AXMMenuProvider {
     constructor() {
         this.sessionService = inject(AXPSessionService);
         this.homePageService = inject(AXPHomePageService);
+        this.entityService = inject(AXPEntityService);
     }
     async provide(context) {
         const scope = RootConfig.config.i18n;
@@ -4763,6 +4827,11 @@ class AXMCommonModule {
                 useClass: AXPTranslateEvaluatorScopeProvider,
                 multi: true,
             },
+            {
+                provide: AXP_ENTITY_DEFINITION_LOADER,
+                useClass: AXMCommonModuleEntityProvider,
+                multi: true,
+            },
         ], imports: [AXMLockSystemModule,
             AXPExtraPropertiesModule,
             AXPCategoryModule,
@@ -4832,6 +4901,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useClass: AXPTranslateEvaluatorScopeProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_ENTITY_DEFINITION_LOADER,
+                            useClass: AXMCommonModuleEntityProvider,
+                            multi: true,
+                        },
                     ],
                 }]
         }] });