@acorex/modules 19.2.6 → 19.2.7

package/fesm2022/acorex-modules-platform-management.mjs

@@ -1,12 +1,12 @@
 import * as i1$1 from '@acorex/platform/common';
-import { AXPSettingScope, AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER, AXPComponentSlotModule, AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope, AXP_APP_VERSION_PROVIDER, AXPAppStartUpService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
-import { AXP_ENTITY_DEFINITION_LOADER, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN } from '@acorex/platform/layout/entity';
+import { AXPSettingScope, AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER, AXPComponentSlotModule, AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope, AXP_APP_VERSION_PROVIDER, AXPAppStartUpService, AXPFileStorageService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { AXP_ENTITY_DEFINITION_LOADER, AXPEntityDefinitionRegistryService, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN } from '@acorex/platform/layout/entity';
 import * as i2$4 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowService, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
 import { inject, Injector, Injectable, signal, Component, NgModule, HostListener, ChangeDetectionStrategy, Input } from '@angular/core';
 import { ROUTES } from '@angular/router';
-import { objectKeyValueTransforms, AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
+import { objectKeyValueTransforms, AXPWidgetsCatalog, AXP_WIDGET_DATASOURCE_PROVIDER } from '@acorex/platform/layout/builder';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
@@ -34,9 +34,12 @@ import * as i3$1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i2$2 from '@acorex/components/label';
 import { AXLabelModule } from '@acorex/components/label';
+import { AXSafePipe } from '@acorex/core/pipes';
 import * as i2$3 from '@acorex/components/time-line';
 import { AXTimeLineModule } from '@acorex/components/time-line';
 import { AXDateTimeModule } from '@acorex/core/date-time';
+import { upperFirst, camelCase } from 'lodash-es';
+import { AXDataSource, convertArrayToDataSource } from '@acorex/components/common';
 import { AXPSessionService } from '@acorex/platform/auth';
 
 class AXMCommonModuleEntityProvider {
@@ -122,7 +125,7 @@ class AXMRegionalSettingProvider {
     }
     async provide(context) {
         context
-            .addGroup('regional-settings', 'Regional Settings', 'Configure regional and language preferences.', 'fa-solid fa-earth-americas')
+            .addGroup('regional-settings', 'Regional Settings', 'Configure regional and language preferences.', 'fa-light fa-earth-americas')
             // Date & Time Section
             .addSection('date-time', 'Date & Time', 'Configure date and time settings.')
             .addSetting({
@@ -449,7 +452,7 @@ const RootConfig = {
             name: 'app-version',
             title: `t("appVersion", {scope:"${config.i18n}"})`,
             titlePlural: `t("appVersionPlural", {scope:"${config.i18n}"})`,
-            icon: 'fa-regular fa-code-branch',
+            icon: 'fa-light fa-code-branch',
         },
         appTerm: {
             name: 'app-term',
@@ -457,6 +460,18 @@ const RootConfig = {
             titlePlural: `t("appTermPlural", {scope:"${config.i18n}"})`,
             icon: 'fa-light fa-scale-balanced',
         },
+        promotion: {
+            name: 'promotion',
+            title: `t("promotion", {scope:"${config.i18n}"})`,
+            titlePlural: `t("promotionPlural", {scope:"${config.i18n}"})`,
+            icon: 'fa-light fa-billboard',
+        },
+        dataSource: {
+            name: 'data-source',
+            title: `t("dataSource", {scope:"${config.i18n}"})`,
+            titlePlural: `t("dataSourcePlural", {scope:"${config.i18n}"})`,
+            icon: 'fa-light fa-database',
+        },
     },
 };
 
@@ -613,7 +628,6 @@ async function appTermEntityEntityFactory(injector) {
             list: {
                 execute: async (e) => {
                     const x = await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
-                    console.log(x);
                     return x;
                 },
                 type: AXPEntityQueryType.List,
@@ -902,7 +916,7 @@ class AXMListTermsComponent extends AXBasePageComponent {
         setTimeout(() => this.checkScroll(), 50);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListTermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMListTermsComponent, isStandalone: true, selector: "acorex-platform-list-terms", host: { listeners: { "window:resize": "onResize($event)" } }, usesInheritance: true, ngImport: i0, template: "<axp-layout-simple-page>\n  <axp-layout-header>\n    <axp-layout-title> {{ pageTitle | translate : { scope: i18n } | async }} </axp-layout-title>\n\n    <axp-layout-description>Please review the terms and conditions carefully. </axp-layout-description>\n  </axp-layout-header>\n  @if(loaded()){\n  <axp-layout-content id=\"contentDiv\" axOutlineContainer target=\"h2\">\n    <div class=\"ax-flex\">\n      <div class=\"ax-flex ax-flex-col\">\n        @for (term of terms; track term.id) {\n        <div class=\"ax-flex ax-flex-col\">\n          <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n          <p class=\"ax-px-4 ax-text-sm ax-leading-5 ax-text-neutral-700\">\n            {{ term.effectiveDate | format : 'datetime' | async }}\n          </p>\n          <div class=\"ax-pt-3 ax-px-6 ax-text-base/6\" [innerHTML]=\"term.content\"></div>\n        </div>\n        }\n      </div>\n      @if(showScrollSide){\n      <div class=\"ax-hidden lg:ax-block ax-min-w-60 ax-sticky ax-top-0\">\n        <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full\"></ax-side-menu>\n      </div>\n      }\n    </div>\n  </axp-layout-content>\n  }\n</axp-layout-simple-page>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }, { kind: "component", type: AXPSimplePageLayout, selector: "axp-layout-simple-page" }, { kind: "component", type: AXPThemeLayoutHeaderTemplateComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-layout-content,     axp-layout-header-container,    axp-layout-footer-container,    axp-layout-side-container,    axp-layout-sections,    axp-layout-section-container,    axp-layout-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-toolbar,    axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXSideMenuModule }, { kind: "component", type: i4.AXSideMenuComponent, selector: "ax-side-menu", inputs: ["items", "look", "location"], outputs: ["itemsChange"] }, { kind: "directive", type: i4.AXOutlineSideMenuDirective, selector: "[axOutlineSideMenu]", exportAs: ["axOutlineSideMenu"] }, { kind: "ngmodule", type: AXOutlineModule }, { kind: "directive", type: i5.AXOutlineContainerDirective, selector: "[axOutlineContainer]", inputs: ["target", "smoothScroll", "activationOffset", "activateLastAtBottom"], exportAs: ["axOutlineContainer"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMListTermsComponent, isStandalone: true, selector: "acorex-platform-list-terms", host: { listeners: { "window:resize": "onResize($event)" } }, usesInheritance: true, ngImport: i0, template: "<axp-layout-simple-page>\n  <axp-layout-header>\n    <axp-layout-title> {{ pageTitle | translate : { scope: i18n } | async }} </axp-layout-title>\n\n    <axp-layout-description>Please review the terms and conditions carefully. </axp-layout-description>\n  </axp-layout-header>\n  @if(loaded()){\n  <axp-layout-content id=\"contentDiv\" axOutlineContainer target=\"h2\">\n    <div class=\"ax-flex\">\n      <div class=\"ax-flex ax-flex-col\">\n        @for (term of terms; track term.id) {\n        <div class=\"ax-flex ax-flex-col\">\n          <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n          <p class=\"ax-px-4 ax-text-sm ax-leading-5 ax-text-neutral-700\">\n            {{ term.effectiveDate | format : 'datetime' | async }}\n          </p>\n          <div class=\"ax-pt-3 ax-pb-6 ax-px-4 ax-text-base/6\" [innerHTML]=\"term.content\"></div>\n        </div>\n        }\n      </div>\n      @if(showScrollSide){\n      <div class=\"ax-hidden lg:ax-block ax-min-w-60 ax-sticky ax-top-0\">\n        <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full\"></ax-side-menu>\n      </div>\n      }\n    </div>\n  </axp-layout-content>\n  }\n</axp-layout-simple-page>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }, { kind: "component", type: AXPSimplePageLayout, selector: "axp-layout-simple-page" }, { kind: "component", type: AXPThemeLayoutHeaderTemplateComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-layout-content,     axp-layout-header-container,    axp-layout-side-container,    axp-layout-sections,    axp-layout-section-container,    axp-layout-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-toolbar,    axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXSideMenuModule }, { kind: "component", type: i4.AXSideMenuComponent, selector: "ax-side-menu", inputs: ["items", "look", "location"], outputs: ["itemsChange"] }, { kind: "directive", type: i4.AXOutlineSideMenuDirective, selector: "[axOutlineSideMenu]", exportAs: ["axOutlineSideMenu"] }, { kind: "ngmodule", type: AXOutlineModule }, { kind: "directive", type: i5.AXOutlineContainerDirective, selector: "[axOutlineContainer]", inputs: ["target", "smoothScroll", "activationOffset", "activateLastAtBottom"], exportAs: ["axOutlineContainer"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListTermsComponent, decorators: [{
             type: Component,
@@ -916,7 +930,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXTranslationModule,
                         AXSideMenuModule,
                         AXOutlineModule,
-                    ], template: "<axp-layout-simple-page>\n  <axp-layout-header>\n    <axp-layout-title> {{ pageTitle | translate : { scope: i18n } | async }} </axp-layout-title>\n\n    <axp-layout-description>Please review the terms and conditions carefully. </axp-layout-description>\n  </axp-layout-header>\n  @if(loaded()){\n  <axp-layout-content id=\"contentDiv\" axOutlineContainer target=\"h2\">\n    <div class=\"ax-flex\">\n      <div class=\"ax-flex ax-flex-col\">\n        @for (term of terms; track term.id) {\n        <div class=\"ax-flex ax-flex-col\">\n          <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n          <p class=\"ax-px-4 ax-text-sm ax-leading-5 ax-text-neutral-700\">\n            {{ term.effectiveDate | format : 'datetime' | async }}\n          </p>\n          <div class=\"ax-pt-3 ax-px-6 ax-text-base/6\" [innerHTML]=\"term.content\"></div>\n        </div>\n        }\n      </div>\n      @if(showScrollSide){\n      <div class=\"ax-hidden lg:ax-block ax-min-w-60 ax-sticky ax-top-0\">\n        <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full\"></ax-side-menu>\n      </div>\n      }\n    </div>\n  </axp-layout-content>\n  }\n</axp-layout-simple-page>\n" }]
+                    ], template: "<axp-layout-simple-page>\n  <axp-layout-header>\n    <axp-layout-title> {{ pageTitle | translate : { scope: i18n } | async }} </axp-layout-title>\n\n    <axp-layout-description>Please review the terms and conditions carefully. </axp-layout-description>\n  </axp-layout-header>\n  @if(loaded()){\n  <axp-layout-content id=\"contentDiv\" axOutlineContainer target=\"h2\">\n    <div class=\"ax-flex\">\n      <div class=\"ax-flex ax-flex-col\">\n        @for (term of terms; track term.id) {\n        <div class=\"ax-flex ax-flex-col\">\n          <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n          <p class=\"ax-px-4 ax-text-sm ax-leading-5 ax-text-neutral-700\">\n            {{ term.effectiveDate | format : 'datetime' | async }}\n          </p>\n          <div class=\"ax-pt-3 ax-pb-6 ax-px-4 ax-text-base/6\" [innerHTML]=\"term.content\"></div>\n        </div>\n        }\n      </div>\n      @if(showScrollSide){\n      <div class=\"ax-hidden lg:ax-block ax-min-w-60 ax-sticky ax-top-0\">\n        <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full\"></ax-side-menu>\n      </div>\n      }\n    </div>\n  </axp-layout-content>\n  }\n</axp-layout-simple-page>\n" }]
         }], propDecorators: { onResize: [{
                 type: HostListener,
                 args: ['window:resize', ['$event']]
@@ -929,19 +943,23 @@ class AXMNotifyAppTermComponent extends AXBasePageComponent {
         this.htmlUtil = inject(AXPHtmlUtils);
         this.i18n = RootConfig.config.i18n;
     }
-    ngOnInit() {
-        super.ngOnInit();
-        this.safeData = this.htmlUtil.getSafeHTMLfromHTML(this.data.content);
-    }
     send() {
         this.close({ data: this.data });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppTermComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMNotifyAppTermComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: 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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMNotifyAppTermComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "@for (item of data; track $index) {\n<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-font-bold\">{{ item.title }}</ax-content>\n<ax-content class=\"ax-block ax-px-4 ax-pb-4 ax-text-base/6\" [innerHTML]=\"item.content | safe : 'html'\"></ax-content>\n}\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: 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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppTermComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-notify-app', imports: [CommonModule, AXLabelModule, AXCheckBoxModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>\n" }]
+            args: [{ selector: 'axm-notify-app', imports: [
+                        CommonModule,
+                        AXLabelModule,
+                        AXCheckBoxModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        AXTranslationModule,
+                        AXSafePipe,
+                    ], template: "@for (item of data; track $index) {\n<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-font-bold\">{{ item.title }}</ax-content>\n<ax-content class=\"ax-block ax-px-4 ax-pb-4 ax-text-base/6\" [innerHTML]=\"item.content | safe : 'html'\"></ax-content>\n}\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>\n" }]
         }] });
 
 class AXMNotifyNewTermPopupAction extends AXPWorkflowAction {
@@ -952,7 +970,7 @@ class AXMNotifyNewTermPopupAction extends AXPWorkflowAction {
     async execute(context) {
         const data = context.getVariable();
         await this.popupService.open(AXMNotifyAppTermComponent, {
-            title: `${data.title}`,
+            title: 'New Terms And Conditions',
             data: { data },
             closeButton: false,
         });
@@ -969,8 +987,10 @@ class AXMTermUpdateSettingAction extends AXPWorkflowAction {
         this.settingService = inject(AXPSettingService);
     }
     async execute(context) {
-        const data = context.getVariable();
-        await this.settingService.scope(AXPSettingScope.User).set(`is-confirm-term-${data.id}`, true);
+        const dataList = context.getVariable();
+        for (const data of dataList) {
+            await this.settingService.scope(AXPSettingScope.User).set(`is-confirm-term-${data.id}`, true);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTermUpdateSettingAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTermUpdateSettingAction }); }
@@ -1134,7 +1154,6 @@ async function appVersionEntityEntityFactory(injector) {
             list: {
                 execute: async (e) => {
                     const x = await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
-                    console.log(x);
                     return x;
                 },
                 type: AXPEntityQueryType.List,
@@ -1361,11 +1380,11 @@ class AXMNotifyAppComponent extends AXBasePageComponent {
         this.close({ data: this.data, isShowAgain: !this.isShowAgain });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMNotifyAppComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: 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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMNotifyAppComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-text-base/6\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.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: 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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-notify-app', imports: [CommonModule, AXLabelModule, AXCheckBoxModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n" }]
+            args: [{ selector: 'axm-notify-app', imports: [CommonModule, AXLabelModule, AXCheckBoxModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], template: "<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-text-base/6\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n" }]
         }] });
 
 class AXMListVersionComponent extends AXBasePageComponent {
@@ -1392,7 +1411,7 @@ class AXMListVersionComponent extends AXBasePageComponent {
         this.versions.set(mappedItems);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListVersionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMListVersionComponent, isStandalone: true, selector: "axm-list-version", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-px-12 ax-min-h-96\">\n  <ax-time-line>\n    @for(version of versions();track version.id){\n    <ax-time-line-item [text]=\"version.title\" [isCollapsed]=\"$index == 0 ? false : true\">\n      <ax-icon class=\"fa-solid fa-flag-checkered\"></ax-icon>\n      <ax-content class=\"ax-px-8 ax-py-2\" [innerHtml]=\"version.content\"></ax-content>\n    </ax-time-line-item>\n    }\n  </ax-time-line>\n  <ax-footer class=\"ax-flex !ax-justify-end\"\n    ><ax-button [text]=\"'okay' | translate | async\" color=\"primary\" (onClick)=\"this.close()\"></ax-button\n  ></ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTimeLineModule }, { kind: "component", type: i2$3.AXTimeLineComponent, selector: "ax-time-line", inputs: ["mode"] }, { kind: "component", type: i2$3.AXTimeLineItemComponent, selector: "ax-time-line-item", inputs: ["text", "isActive", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { 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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMListVersionComponent, isStandalone: true, selector: "axm-list-version", usesInheritance: true, ngImport: i0, template: "<div class=\"ax-px-12 ax-min-h-96\">\n  <ax-time-line>\n    @for(version of versions();track version.id){\n    <ax-time-line-item [text]=\"version.title\" [isCollapsed]=\"$index == 0 ? false : true\">\n      <ax-icon class=\"fa-solid fa-flag-checkered\"></ax-icon>\n      <ax-content class=\"ax-px-8 ax-py-2 ax-text-base/6\" [innerHtml]=\"version.content\"></ax-content>\n    </ax-time-line-item>\n    }\n  </ax-time-line>\n  <ax-footer class=\"ax-flex !ax-justify-end\"\n    ><ax-button [text]=\"'okay' | translate | async\" color=\"primary\" (onClick)=\"this.close()\"></ax-button\n  ></ax-footer>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXTimeLineModule }, { kind: "component", type: i2$3.AXTimeLineComponent, selector: "ax-time-line", inputs: ["mode"] }, { kind: "component", type: i2$3.AXTimeLineItemComponent, selector: "ax-time-line-item", inputs: ["text", "isActive", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.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: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { 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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListVersionComponent, decorators: [{
             type: Component,
@@ -1404,7 +1423,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         AXDateTimeModule,
                         AXButtonModule,
                         AXTranslationModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-px-12 ax-min-h-96\">\n  <ax-time-line>\n    @for(version of versions();track version.id){\n    <ax-time-line-item [text]=\"version.title\" [isCollapsed]=\"$index == 0 ? false : true\">\n      <ax-icon class=\"fa-solid fa-flag-checkered\"></ax-icon>\n      <ax-content class=\"ax-px-8 ax-py-2\" [innerHtml]=\"version.content\"></ax-content>\n    </ax-time-line-item>\n    }\n  </ax-time-line>\n  <ax-footer class=\"ax-flex !ax-justify-end\"\n    ><ax-button [text]=\"'okay' | translate | async\" color=\"primary\" (onClick)=\"this.close()\"></ax-button\n  ></ax-footer>\n</div>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-px-12 ax-min-h-96\">\n  <ax-time-line>\n    @for(version of versions();track version.id){\n    <ax-time-line-item [text]=\"version.title\" [isCollapsed]=\"$index == 0 ? false : true\">\n      <ax-icon class=\"fa-solid fa-flag-checkered\"></ax-icon>\n      <ax-content class=\"ax-px-8 ax-py-2 ax-text-base/6\" [innerHtml]=\"version.content\"></ax-content>\n    </ax-time-line-item>\n    }\n  </ax-time-line>\n  <ax-footer class=\"ax-flex !ax-justify-end\"\n    ><ax-button [text]=\"'okay' | translate | async\" color=\"primary\" (onClick)=\"this.close()\"></ax-button\n  ></ax-footer>\n</div>\n" }]
         }] });
 
 class AXMAppVersionSlotComponent {
@@ -1528,15 +1547,19 @@ class AppTermAndVersionCheck {
             name: 'Terms',
             statusText: 'Check New Terms And Conditions...',
             run: async () => {
+                const filterTerms = [];
                 const terms = await this.appTermService.query();
-                terms.items.forEach(async (t) => {
-                    const isConfirm = await this.settingsService.scope(AXPSettingScope.User).get(`is-confirm-term-${t.id}`);
+                for (const term of terms.items) {
+                    const isConfirm = await this.settingsService.scope(AXPSettingScope.User).get(`is-confirm-term-${term.id}`);
                     if (!isConfirm) {
-                        setTimeout(() => {
-                            this.workflowService.execute('new-term', t);
-                        }, 500);
+                        filterTerms.push(term);
                     }
-                });
+                }
+                if (filterTerms.length > 0) {
+                    setTimeout(() => {
+                        this.workflowService.execute('new-term', filterTerms);
+                    }, 500);
+                }
             },
         });
     }
@@ -1547,91 +1570,266 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-class AXMGlobalVariablesService extends AXMEntityCrudServiceImpl {
+const AXM_COLUMN_DEF_WIDGET = [
+    {
+        type: 'grid-row-layout',
+        mode: 'view',
+        children: [
+            {
+                type: 'grid-item-layout',
+                mode: 'view',
+                options: { colSpan: 4 },
+                children: [
+                    {
+                        type: 'text-editor',
+                        mode: 'edit',
+                        path: 'name',
+                        options: {
+                            placeholder: 'Name',
+                            defaultValue: 'test',
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                mode: 'view',
+                options: { colSpan: 4 },
+                children: [
+                    {
+                        type: 'text-editor',
+                        mode: 'edit',
+                        path: 'title',
+                        options: {
+                            placeholder: 'Title',
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 4 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'select-editor',
+                        mode: 'edit',
+                        path: 'type',
+                        options: {
+                            placeholder: 'Type',
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: Object.entries(AXPWidgetsCatalog).map(([key, value]) => {
+                                return {
+                                    title: upperFirst(camelCase(key)),
+                                    name: value
+                                };
+                            }),
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+];
+// export const AXM_COLUMN_DEF_WIDGET = [
+//   {
+//     type: 'grid-row-layout',
+//     //  name: 'grid-row-layout1',
+//     mode: 'view',
+//     path: '',
+//     children: [
+//       {
+//         type: 'grid-item-layout',
+//         mode: 'view',
+//         //   path: '',
+//         options: { colSpan: 4 },
+//         // name: 'grid-item-layout1',
+//         children: [
+//           {
+//             type: 'text-editor',
+//             //name: 'text-editor1',
+//             mode: 'edit',
+//             path: 'name',
+//             options: {
+//               placeholder: 'Name',
+//               defaultValue: 'test',
+//             },
+//           },
+//         ],
+//       },
+//       {
+//         type: 'grid-item-layout',
+//         mode: 'view',
+//         //   path: '',
+//         options: { colSpan: 4 },
+//         //name: 'grid-item-layout2',
+//         children: [
+//           {
+//             type: 'text-editor',
+//             // name: 'text-editor2',
+//             mode: 'edit',
+//             path: 'title',
+//             options: {
+//               placeholder: 'Title',
+//             },
+//           },
+//         ],
+//       },
+//       {
+//         type: 'grid-item-layout',
+//         options: { colSpan: 4 },
+//         mode: 'view',
+//         // path: '',
+//         //  name: 'grid-item-layout3',
+//         children: [
+//           {
+//             type: 'select-editor',
+//             //name: 'select-editor1',
+//             mode: 'edit',
+//             path: 'type',
+//             options: {
+//               placeholder: 'Type',
+//               valueField: 'name',
+//               textField: 'title',
+//               dataSource: [
+//                 { title: 'text', name: AXPWidgetsCatalog.text },
+//                 { title: 'Check Box', name: AXPWidgetsCatalog.checkbox },
+//                 { title: 'Gallery', name: AXPWidgetsCatalog.gallery },
+//               ],
+//               direction: 'horizontal',
+//               multiple: false,
+//             },
+//           },
+//         ],
+//       },
+//     ],
+//   },
+// ];
+
+class AXMDataSourceService extends AXMEntityCrudServiceImpl {
 }
-class AXMGlobalVariablesServiceImpl extends AXMEntityCrudServiceImpl {
+class AXMDataSourceServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.globalVariable.name}`);
+        super(`${RootConfig.module.name}.${RootConfig.entities.dataSource.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMGlobalVariablesServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMGlobalVariablesServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDataSourceServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDataSourceServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMGlobalVariablesServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMDataSourceServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function globalVariableEntityFactory(injector) {
-    const dataService = injector.get(AXMGlobalVariablesService);
+async function dataSourceEntityFactory(injector) {
+    const dataService = injector.get(AXMDataSourceService);
     const i18n = RootConfig.config.i18n;
+    const entitiesService = injector.get(AXPEntityDefinitionRegistryService);
+    const translationService = injector.get(AXTranslationService);
     const entityDef = {
         module: RootConfig.module.name,
-        name: RootConfig.entities.globalVariable.name,
+        name: RootConfig.entities.dataSource.name,
         source: '',
-        title: RootConfig.entities.globalVariable.title,
+        title: RootConfig.entities.dataSource.title,
         formats: {
-            individual: 'Global Variable',
-            plural: 'Global Variables',
+            individual: RootConfig.entities.dataSource.title,
+            plural: RootConfig.entities.dataSource.titlePlural
         },
         relatedEntities: [],
         groups: [
             {
-                id: 'section',
-                title: 'Global Variable',
-            },
+                id: 'dataSource',
+                title: RootConfig.entities.dataSource.title
+            }
         ],
         properties: [
             {
                 name: 'name',
                 title: `t("name", { scope: "common" })`,
-                groupId: 'section',
+                groupId: 'dataSource',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
+                        type: AXPWidgetsCatalog.text
+                    }
                 },
                 validations: [
                     {
-                        rule: 'required',
-                    },
-                ],
+                        rule: 'required'
+                    }
+                ]
             },
             {
                 name: 'title',
                 title: `t("title", { scope: "common" })`,
-                groupId: 'section',
+                groupId: 'dataSource',
                 schema: {
                     dataType: 'string',
                     interface: {
                         type: AXPWidgetsCatalog.text,
-                    },
+                        options: {}
+                    }
                 },
                 validations: [
                     {
-                        rule: 'required',
-                    },
-                ],
+                        rule: 'required'
+                    }
+                ]
             },
             {
-                name: 'value',
-                title: `t("value", { scope: "${i18n}" })`,
-                groupId: 'section',
+                name: 'columns',
+                title: `t("columns", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
                 schema: {
-                    dataType: 'string',
+                    defaultValue: [
+                        {
+                            name: 'name',
+                            title: 'Name',
+                            type: {
+                                title: 'Text',
+                                name: 'text-editor'
+                            }
+                        },
+                        {
+                            name: 'title',
+                            title: 'Title',
+                            type: {
+                                title: 'Text',
+                                name: 'text-editor'
+                            }
+                        }
+                    ],
+                    dataType: 'object',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
+                        type: AXPWidgetsCatalog.repeaterLayout,
+                        children: AXM_COLUMN_DEF_WIDGET
+                    }
+                }
+            },
+            {
+                name: 'samples',
+                title: `t("samples", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.table,
+                        options: {
+                            columns: '{{context.eval("columns")}}',
+                        }
+                    }
                 },
                 validations: [
                     {
-                        rule: 'required',
-                    },
-                ],
+                        rule: 'required'
+                    }
+                ]
             },
             {
-                name: 'dataType',
-                title: `t("dataType", { scope: "${i18n}" })`,
-                groupId: 'section',
+                name: 'sourceType',
+                title: `t("sourceType", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
                 schema: {
                     dataType: 'string',
                     interface: {
@@ -1639,176 +1837,1038 @@ async function globalVariableEntityFactory(injector) {
                         options: {
                             valueField: 'name',
                             textField: 'title',
-                            dataSource: [
-                                { title: 'String', name: 'String' },
-                                { title: 'Integer', name: 'integer' },
-                                { title: 'Date Time', name: 'dateTime' },
-                                { title: 'Boolean', name: 'boolean' },
-                                { title: 'Function', name: 'function' },
-                                { title: 'Custom', name: 'custom' },
-                            ],
-                            direction: 'horizontal',
-                            multiple: false,
-                        },
-                    },
+                            dataSource: [{
+                                    name: 'external_api',
+                                    title: 'External Api'
+                                }, {
+                                    name: 'entity',
+                                    title: 'Entity'
+                                }, {
+                                    name: 'static',
+                                    title: 'Static'
+                                }],
+                            multiple: false
+                        }
+                    }
                 },
                 validations: [
                     {
-                        rule: 'required',
-                    },
-                ],
+                        rule: 'required'
+                    }
+                ]
+            },
+            {
+                name: 'sourceStatic',
+                title: `t("sourceStatic", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.table,
+                        options: {
+                            //TODO problem selectBox!
+                            visibility: '{{context.eval("sourceType")?.name == "static" }}',
+                            columns: '{{context.eval("columns")}}',
+                        }
+                    }
+                },
+                validations: [
+                    {
+                        rule: 'required'
+                    }
+                ]
             },
+            {
+                name: 'sourceEntity',
+                title: `t("sourceEntity", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            //TODO problem selectBox!
+                            visibility: '{{context.eval("sourceType")?.name == "entity" }}',
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: new AXDataSource({
+                                load: async (e) => {
+                                    // First, retrieve all entities (make sure this returns a promise or an array)
+                                    const entities = entitiesService.getAll();
+                                    // Map each entity to a promise that performs the translation
+                                    const translatedEntities = await Promise.all(entities.map(async (entity) => ({
+                                        ...entity,
+                                        name: `${entity.module}.${entity.name}`,
+                                        title: await translationService.translateAsync(entity.title),
+                                    })));
+                                    return {
+                                        total: translatedEntities.length,
+                                        items: translatedEntities
+                                    };
+                                },
+                                pageSize: 1000
+                            })
+                        },
+                        triggers: [
+                            {
+                                event: "{{ events.context('sourceEntity') }}",
+                                action: `{{ context.set('columns', context.eval('sourceEntity').properties.map(function (item) { return { name: item.name, title: item.title, type: {title:item.schema.interface.type , name:item.schema.interface.type} , options : item.schema.interface.options }; })); }}`,
+                            },
+                        ]
+                    }
+                },
+                validations: [
+                // {
+                //   rule: 'required'
+                // }
+                ]
+            }
         ],
-        columns: [{ name: 'title' }, { name: 'dataType' }, { name: 'value' }],
+        columns: [{ name: 'name' }, { name: 'title' }, { name: 'columns' }],
         commands: {
             create: {
                 execute: async (data) => {
-                    return Promise.resolve({ id: await dataService.insertOne(data) });
-                },
+                    console.log(data);
+                    const res = await dataService.insertOne(data);
+                    return { id: res };
+                }
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.deleteOne(id);
-                    return Promise.resolve();
-                },
+                    return await dataService.deleteOne(id);
+                }
             },
             update: {
                 execute: async (data) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            await dataService.updateOne(data.id, data);
-                            resolve(data);
-                        }, 1000);
-                    });
-                },
-            },
+                    return await dataService.updateOne(data.id, data);
+                }
+            }
         },
         queries: {
             byKey: {
                 execute: async (id) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            const entity = await dataService.getOne(id);
-                            resolve(entity);
-                        }, 500);
-                    });
+                    return await dataService.getOne(id);
                 },
-                type: AXPEntityQueryType.Single,
+                type: AXPEntityQueryType.Single
             },
             list: {
                 execute: async (e) => {
-                    const x = await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
-                    console.log(x);
-                    return x;
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
                 },
-                type: AXPEntityQueryType.List,
-            },
+                type: AXPEntityQueryType.List
+            }
         },
         interfaces: {
             master: {
                 create: {
                     sections: [
                         {
-                            id: 'section',
-                        },
+                            id: 'dataSource'
+                        }
                     ],
                     properties: [
                         {
-                            name: 'title',
+                            name: 'name',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                    },
-                                },
-                            },
+                                        order: 1
+                                    }
+                                }
+                            }
                         },
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                    },
-                                },
-                            },
+                                        order: 2
+                                    }
+                                }
+                            }
                         },
                         {
-                            name: 'value',
+                            name: 'columns',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
+                                        colSpan: 12,
+                                        order: 5
+                                    }
+                                }
+                            }
                         },
                         {
-                            name: 'dataType',
+                            name: 'samples',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 6
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            name: 'sourceType',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                    },
-                                },
-                            },
+                                        order: 3
+                                    }
+                                }
+                            }
                         },
-                    ],
+                        {
+                            name: 'sourceStatic',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4
+                                    }
+                                }
+                            }
+                        }, {
+                            name: 'sourceEntity',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4
+                                    }
+                                }
+                            }
+                        }
+                    ]
                 },
                 update: {
                     sections: [
                         {
-                            id: 'section',
-                        },
+                            id: 'dataSource'
+                        }
                     ],
                     properties: [
                         {
-                            name: 'title',
+                            name: 'name',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                    },
-                                },
-                            },
+                                        order: 1
+                                    }
+                                }
+                            }
                         },
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                    },
-                                },
-                            },
+                                        order: 2
+                                    }
+                                }
+                            }
                         },
                         {
-                            name: 'value',
+                            name: 'columns',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
-                                    },
-                                },
+                                        colSpan: 12,
+                                        order: 3
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            name: 'samples',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 4
+                                    }
+                                }
+                            }
+                        }
+                    ]
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'dataSource'
+                        }
+                    ],
+                    properties: [
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            name: 'columns',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 3
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            name: 'samples',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 4
+                                    }
+                                }
+                            }
+                        }
+                    ],
+                    actions: []
+                },
+                list: {
+                    actions: [
+                        {
+                            title: `t("create", { scope: "common" })`,
+                            command: 'create-entity',
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel
+                        },
+                        {
+                            title: 't("deleteItems", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected
+                        },
+                        {
+                            title: 't("detail", { scope: "common" })',
+                            command: 'open-entity',
+                            priority: 'primary',
+                            type: 'view',
+                            scope: AXPEntityCommandScope.Individual
+                        },
+                        {
+                            title: 't("delete", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual
+                        }
+                    ],
+                    views: [
+                        {
+                            name: 'all',
+                            title: 't("all", { scope: "common" })',
+                            fixed: true,
+                            columns: [],
+                            conditions: [],
+                            sorts: []
+                        }
+                    ]
+                }
+            }
+        }
+    };
+    return entityDef;
+}
+
+class AXMGlobalVariablesService extends AXMEntityCrudServiceImpl {
+}
+class AXMGlobalVariablesServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.globalVariable.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMGlobalVariablesServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMGlobalVariablesServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMGlobalVariablesServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function globalVariableEntityFactory(injector) {
+    const dataService = injector.get(AXMGlobalVariablesService);
+    const i18n = RootConfig.config.i18n;
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.globalVariable.name,
+        source: '',
+        title: RootConfig.entities.globalVariable.title,
+        formats: {
+            individual: 'Global Variable',
+            plural: 'Global Variables',
+        },
+        relatedEntities: [],
+        groups: [
+            {
+                id: 'section',
+                title: 'Global Variable',
+            },
+        ],
+        properties: [
+            {
+                name: 'name',
+                title: `t("name", { scope: "common" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'value',
+                title: `t("value", { scope: "${i18n}" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'dataType',
+                title: `t("dataType", { scope: "${i18n}" })`,
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                { title: 'String', name: 'String' },
+                                { title: 'Integer', name: 'integer' },
+                                { title: 'Date Time', name: 'dateTime' },
+                                { title: 'Boolean', name: 'boolean' },
+                                { title: 'Function', name: 'function' },
+                                { title: 'Custom', name: 'custom' },
+                            ],
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+        ],
+        columns: [{ name: 'title' }, { name: 'dataType' }, { name: 'value' }],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    return Promise.resolve({ id: await dataService.insertOne(data) });
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    await await dataService.deleteOne(id);
+                    return Promise.resolve();
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    return new Promise((resolve) => {
+                        setTimeout(async () => {
+                            await dataService.updateOne(data.id, data);
+                            resolve(data);
+                        }, 1000);
+                    });
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return new Promise((resolve) => {
+                        setTimeout(async () => {
+                            const entity = await dataService.getOne(id);
+                            resolve(entity);
+                        }, 500);
+                    });
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    const x = await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                    console.log(x);
+                    return x;
+                },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [
+                        {
+                            id: 'section',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'value',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'dataType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                update: {
+                    sections: [
+                        {
+                            id: 'section',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'value',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'dataType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'section',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'name',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'value',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'dataType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                    actions: [],
+                },
+                list: {
+                    actions: [
+                        {
+                            title: `t("create", { scope: "common" })`,
+                            command: 'create-entity',
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel,
+                        },
+                        {
+                            title: 't("deleteItems", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
+                        },
+                        {
+                            title: 't("deleteItems", { scope: "common" })',
+                            command: 'open-entity',
+                            priority: 'secondary',
+                            type: 'view',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                        {
+                            title: 't("delete", { scope: "common" })',
+                            command: 'delete-entity',
+                            priority: 'secondary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                    ],
+                    views: [
+                        {
+                            name: 'all',
+                            title: 't("allItem", { scope: "common" })',
+                            fixed: true,
+                            columns: [],
+                            conditions: [],
+                            sorts: [],
+                        },
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+class AXMAppPromotionService extends AXMEntityCrudServiceImpl {
+}
+class AXMPromotionServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.promotion.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMPromotionSlotComponent {
+    constructor() {
+        this.notificationChannelService = inject(AXMAppPromotionService);
+        this.listData = signal([]);
+        this.fileStorage = inject(AXPFileStorageService);
+    }
+    async ngOnInit() {
+        const channels = await this.notificationChannelService.query({
+            skip: 0,
+            take: 10000,
+            // filter: {
+            //   field: 'type',
+            //   operator: { type: 'equal' },
+            //   value: 'promotion',
+            // },
+        });
+        const filteredItems = channels.items.filter((x) => x.placement?.name == this.location);
+        const mappedItems = await Promise.all(filteredItems.map(async (item) => {
+            if (item.imageId != null) {
+                const image = await this.fileStorage.getInfo(item.imageId);
+                return {
+                    ...item,
+                    image: image,
+                };
+            }
+            else {
+                return item;
+            }
+        }));
+        this.listData.set(mappedItems);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMPromotionSlotComponent, isStandalone: true, selector: "acorex-platform-promotion-slot", ngImport: i0, template: "@for (item of listData(); track item.id) { @if (item.contentType?.name == 'media') {\n<img\n  [src]=\"item.image?.url ?? ''\"\n  class=\"ax-h-24 ax-m-1 ax-w-full ax-border ax-bg-primary {{\n    item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none'\n  }}\"\n/>\n} @if(item.contentType?.name == 'text'){\n<div class=\"ax-m-1 ax-px-6 ax-p-4 ax-border ax-bg-primary ax-rounded-lg\">\n  <h1 class=\"ax-text-base/6\" [innerHTML]=\"item.body | safe : 'html'\"></h1>\n</div>\n\n} }\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionSlotComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acorex-platform-promotion-slot', imports: [CommonModule, AXSafePipe], template: "@for (item of listData(); track item.id) { @if (item.contentType?.name == 'media') {\n<img\n  [src]=\"item.image?.url ?? ''\"\n  class=\"ax-h-24 ax-m-1 ax-w-full ax-border ax-bg-primary {{\n    item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none'\n  }}\"\n/>\n} @if(item.contentType?.name == 'text'){\n<div class=\"ax-m-1 ax-px-6 ax-p-4 ax-border ax-bg-primary ax-rounded-lg\">\n  <h1 class=\"ax-text-base/6\" [innerHTML]=\"item.body | safe : 'html'\"></h1>\n</div>\n\n} }\n" }]
+        }] });
+
+async function promotionEntityFactory(injector) {
+    const dataService = injector.get(AXMAppPromotionService);
+    const i18n = RootConfig.config.i18n;
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.promotion.name,
+        source: '',
+        title: RootConfig.entities.promotion.title,
+        formats: {
+            individual: RootConfig.entities.promotion.title,
+            plural: RootConfig.entities.promotion.titlePlural,
+        },
+        relatedEntities: [],
+        groups: [
+            {
+                id: 'promotion',
+                title: 'Promotion',
+            },
+        ],
+        properties: [
+            {
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'body',
+                title: `t("body", { scope: "${i18n}" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.richText,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'imageId',
+                title: `t("body", { scope: "${i18n}" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.file,
+                        options: {
+                            multiple: false,
+                        },
+                    },
+                },
+            },
+            {
+                name: 'contentType',
+                title: `t("contentType", { scope: "${i18n}" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                { title: 'Media', name: 'media' },
+                                { title: 'Text', name: 'text' },
+                            ],
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'shape',
+                title: `t("shape", { scope: "${i18n}" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                { title: 'Circle', name: 'circle' },
+                                { title: 'Square', name: 'square' },
+                            ],
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'placement',
+                title: `t("placement", { scope: "${i18n}" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                { title: 'Side Menu Footer', name: 'side-menu-footer' },
+                                { title: 'Side Menu Header', name: 'side-menu-header' },
+                            ],
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+        ],
+        columns: [{ name: 'title' }, { name: 'body' }, { name: 'contentType' }, { name: 'shape' }, { name: 'placement' }],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    console.log(data);
+                    const res = await dataService.insertOne(data);
+                    return { id: res };
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    return await dataService.deleteOne(id);
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    return await dataService.updateOne(data.id, data);
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return await dataService.getOne(id);
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [
+                        {
+                            id: 'promotion',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
                             },
                         },
                         {
-                            name: 'dataType',
+                            name: 'body',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'imageId',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'contentType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'shape',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 3,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'placement',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                     ],
                 },
-                single: {
-                    title: '{{title}}',
+                update: {
                     sections: [
                         {
-                            id: 'section',
+                            id: 'promotion',
                         },
                     ],
                     properties: [
@@ -1818,32 +2878,88 @@ async function globalVariableEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
+                                        order: 1,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'name',
+                            name: 'body',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'imageId',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'contentType',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
+                                        order: 2,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'value',
+                            name: 'shape',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
+                                        order: 3,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'dataType',
+                            name: 'placement',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'promotion',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'body',
                             layout: {
                                 positions: {
                                     lg: {
@@ -1852,6 +2968,50 @@ async function globalVariableEntityFactory(injector) {
                                 },
                             },
                         },
+                        {
+                            name: 'imageId',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 2,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'contentType',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 4,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'shape',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 5,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'placement',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 4,
+                                        order: 6,
+                                    },
+                                },
+                            },
+                        },
                     ],
                     actions: [],
                 },
@@ -1872,16 +3032,16 @@ async function globalVariableEntityFactory(injector) {
                             scope: AXPEntityCommandScope.Selected,
                         },
                         {
-                            title: 't("deleteItems", { scope: "common" })',
+                            title: 't("detail", { scope: "common" })',
                             command: 'open-entity',
-                            priority: 'secondary',
+                            priority: 'primary',
                             type: 'view',
                             scope: AXPEntityCommandScope.Individual,
                         },
                         {
                             title: 't("delete", { scope: "common" })',
                             command: 'delete-entity',
-                            priority: 'secondary',
+                            priority: 'primary',
                             type: 'delete',
                             scope: AXPEntityCommandScope.Individual,
                         },
@@ -1889,7 +3049,7 @@ async function globalVariableEntityFactory(injector) {
                     views: [
                         {
                             name: 'all',
-                            title: 't("allItem", { scope: "common" })',
+                            title: 't("all", { scope: "common" })',
                             fixed: true,
                             columns: [],
                             conditions: [],
@@ -1905,6 +3065,7 @@ async function globalVariableEntityFactory(injector) {
 
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    AXMAppPromotionService: AXMAppPromotionService,
     AXMAppTermService: AXMAppTermService,
     AXMAppTermServiceImpl: AXMAppTermServiceImpl,
     AXMAppVersionService: AXMAppVersionService,
@@ -1913,17 +3074,23 @@ var index = /*#__PURE__*/Object.freeze({
     AXMChangeLogPopupAction: AXMChangeLogPopupAction,
     AXMChangeLogUpdateSettingAction: AXMChangeLogUpdateSettingAction,
     AXMChangeLogWorkflow: AXMChangeLogWorkflow,
+    AXMDataSourceService: AXMDataSourceService,
+    AXMDataSourceServiceImpl: AXMDataSourceServiceImpl,
     AXMGlobalVariablesService: AXMGlobalVariablesService,
     AXMGlobalVariablesServiceImpl: AXMGlobalVariablesServiceImpl,
     AXMListTermsComponent: AXMListTermsComponent,
     AXMNewTermWorkflow: AXMNewTermWorkflow,
     AXMNotifyAppComponent: AXMNotifyAppComponent,
     AXMNotifyNewTermPopupAction: AXMNotifyNewTermPopupAction,
+    AXMPromotionServiceImpl: AXMPromotionServiceImpl,
+    AXMPromotionSlotComponent: AXMPromotionSlotComponent,
     AXMTermUpdateSettingAction: AXMTermUpdateSettingAction,
     AppTermAndVersionCheck: AppTermAndVersionCheck,
     appTermEntityEntityFactory: appTermEntityEntityFactory,
     appVersionEntityEntityFactory: appVersionEntityEntityFactory,
-    globalVariableEntityFactory: globalVariableEntityFactory
+    dataSourceEntityFactory: dataSourceEntityFactory,
+    globalVariableEntityFactory: globalVariableEntityFactory,
+    promotionEntityFactory: promotionEntityFactory
 });
 
 class AXMEntityLoader {
@@ -1956,6 +3123,16 @@ class AXMEntityLoader {
                         resolve(entity(this.injector));
                         break;
                     }
+                    case RootConfig.entities.promotion.name: {
+                        const entity = (await Promise.resolve().then(function () { return index; })).promotionEntityFactory;
+                        resolve(entity(this.injector));
+                        break;
+                    }
+                    case RootConfig.entities.dataSource.name: {
+                        const entity = (await Promise.resolve().then(function () { return index; })).dataSourceEntityFactory;
+                        resolve(entity(this.injector));
+                        break;
+                    }
                     default:
                         resolve(null);
                 }
@@ -2036,6 +3213,24 @@ class AXMMenuProvider {
                         // requiredPermission: '',
                         },
                     },
+                    {
+                        priority: 9005,
+                        text: RootConfig.entities.promotion.title,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.promotion.name),
+                        icon: RootConfig.entities.promotion.icon,
+                        data: {
+                        // requiredPermission: '',
+                        },
+                    },
+                    {
+                        priority: 9004,
+                        text: RootConfig.entities.dataSource.title,
+                        path: this.entityService.createPath(RootConfig.module.name, RootConfig.entities.dataSource.name),
+                        icon: RootConfig.entities.dataSource.icon,
+                        data: {
+                        // requiredPermission: '',
+                        },
+                    },
                 ],
             },
         ]);
@@ -2054,6 +3249,31 @@ class AXMMenuProvider {
     }
 }
 
+class AXMDynamicDataSourceProvider {
+    constructor() {
+        this.dataSourceService = inject(AXMDataSourceService);
+    }
+    async items() {
+        return (await this.dataSourceService.query({
+            skip: 0,
+            take: 1000,
+        })).items.map((item) => {
+            return {
+                ...item,
+                source: () => {
+                    console.log(item);
+                    if (item.sourceType.name == 'static') {
+                        return convertArrayToDataSource(item.sourceStatic);
+                    }
+                    else {
+                        return convertArrayToDataSource([]);
+                    }
+                },
+            };
+        });
+    }
+}
+
 function routesFactory() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     const routes = [
@@ -2076,7 +3296,7 @@ class AXMPlatformManagementModule {
      */
     constructor(appVersionCheck) { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, deps: [{ token: AppTermAndVersionCheck }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMPlatformManagementCommonModule, i2$4.AXPWorkflowModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMPlatformManagementCommonModule, i2$4.AXPWorkflowModule, i1$1.AXPComponentSlotModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, providers: [
             {
                 provide: ROUTES,
@@ -2095,6 +3315,14 @@ class AXMPlatformManagementModule {
                 provide: AXMAppTermService,
                 useClass: AXMAppTermServiceImpl,
             },
+            {
+                provide: AXMAppPromotionService,
+                useClass: AXMPromotionServiceImpl,
+            },
+            {
+                provide: AXMDataSourceService,
+                useClass: AXMDataSourceServiceImpl,
+            },
             {
                 provide: AXP_ENTITY_DEFINITION_LOADER,
                 useClass: AXMEntityLoader,
@@ -2105,6 +3333,11 @@ class AXMPlatformManagementModule {
                 useClass: AXMMenuProvider,
                 multi: true,
             },
+            {
+                provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                useClass: AXMDynamicDataSourceProvider,
+                multi: true,
+            },
             AppTermAndVersionCheck,
         ], imports: [AXMPlatformManagementCommonModule,
             AXPWorkflowModule.forChild({
@@ -2118,6 +3351,27 @@ class AXMPlatformManagementModule {
                     'change-log-version': AXMChangeLogWorkflow,
                     'new-term': AXMNewTermWorkflow,
                 },
+            }),
+            AXPComponentSlotModule.forChild({
+                'side-menu-footer': [
+                    {
+                        name: 'side-menu-footer',
+                        component: AXMPromotionSlotComponent,
+                        options: {
+                            location: 'side-menu-footer',
+                        },
+                    },
+                ],
+                'side-menu-header': [
+                    {
+                        name: 'side-menu-header',
+                        component: AXMPromotionSlotComponent,
+                        priority: 2,
+                        options: {
+                            location: 'side-menu-header',
+                        },
+                    },
+                ],
             })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, decorators: [{
@@ -2137,6 +3391,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                                 'new-term': AXMNewTermWorkflow,
                             },
                         }),
+                        AXPComponentSlotModule.forChild({
+                            'side-menu-footer': [
+                                {
+                                    name: 'side-menu-footer',
+                                    component: AXMPromotionSlotComponent,
+                                    options: {
+                                        location: 'side-menu-footer',
+                                    },
+                                },
+                            ],
+                            'side-menu-header': [
+                                {
+                                    name: 'side-menu-header',
+                                    component: AXMPromotionSlotComponent,
+                                    priority: 2,
+                                    options: {
+                                        location: 'side-menu-header',
+                                    },
+                                },
+                            ],
+                        }),
                     ],
                     exports: [],
                     declarations: [],
@@ -2158,6 +3433,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             provide: AXMAppTermService,
                             useClass: AXMAppTermServiceImpl,
                         },
+                        {
+                            provide: AXMAppPromotionService,
+                            useClass: AXMPromotionServiceImpl,
+                        },
+                        {
+                            provide: AXMDataSourceService,
+                            useClass: AXMDataSourceServiceImpl,
+                        },
                         {
                             provide: AXP_ENTITY_DEFINITION_LOADER,
                             useClass: AXMEntityLoader,
@@ -2168,6 +3451,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useClass: AXMMenuProvider,
                             multi: true,
                         },
+                        {
+                            provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                            useClass: AXMDynamicDataSourceProvider,
+                            multi: true,
+                        },
                         AppTermAndVersionCheck,
                     ],
                 }]
@@ -2177,5 +3465,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMAppTermService, AXMAppTermServiceImpl, AXMAppVersionService, AXMAppVersionServiceImpl, AXMAppVersionSlotComponent, AXMChangeLogPopupAction, AXMChangeLogUpdateSettingAction, AXMChangeLogWorkflow, AXMCommonModuleEntityProvider, AXMGlobalVariablesService, AXMGlobalVariablesServiceImpl, AXMListTermsComponent, AXMNewTermWorkflow, AXMNotifyAppComponent, AXMNotifyNewTermPopupAction, AXMPlatformManagementModule, AXMTermUpdateSettingAction, AppTermAndVersionCheck, RootConfig, appTermEntityEntityFactory, appVersionEntityEntityFactory, globalVariableEntityFactory };
+export { AXMAppPromotionService, AXMAppTermService, AXMAppTermServiceImpl, AXMAppVersionService, AXMAppVersionServiceImpl, AXMAppVersionSlotComponent, AXMChangeLogPopupAction, AXMChangeLogUpdateSettingAction, AXMChangeLogWorkflow, AXMCommonModuleEntityProvider, AXMDataSourceService, AXMDataSourceServiceImpl, AXMGlobalVariablesService, AXMGlobalVariablesServiceImpl, AXMListTermsComponent, AXMNewTermWorkflow, AXMNotifyAppComponent, AXMNotifyNewTermPopupAction, AXMPlatformManagementModule, AXMPromotionServiceImpl, AXMPromotionSlotComponent, AXMTermUpdateSettingAction, AppTermAndVersionCheck, RootConfig, appTermEntityEntityFactory, appVersionEntityEntityFactory, dataSourceEntityFactory, globalVariableEntityFactory, promotionEntityFactory };
 //# sourceMappingURL=acorex-modules-platform-management.mjs.map