@acorex/modules 19.2.11 → 19.2.15

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

@@ -1,10 +1,10 @@
 import * as i1$1 from '@acorex/platform/common';
-import { AXPRegionalService, AXPSettingScope, AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER, AXPComponentSlotModule, AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope, createAllQueryView, AXP_APP_VERSION_PROVIDER, AXPAppStartUpService, createQueryView, AXPFileStorageService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
-import { AXP_ENTITY_DEFINITION_LOADER, AXPEntityDefinitionRegistryService, AXPEntityService, AXPEntityResolver, AXP_ENTITY_CONFIG_TOKEN } from '@acorex/platform/layout/entity';
-import * as i2$4 from '@acorex/platform/workflow';
+import { AXPRegionalService, AXPSettingScope, AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER, AXPComponentSlotModule, AXPEntityQueryType, AXPEntityCommandScope, createAllQueryView, AXP_APP_VERSION_PROVIDER, AXPAppStartUpService, createQueryView, AXPFileStorageService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { AXP_ENTITY_DEFINITION_LOADER, AXMEntityCrudServiceImpl, AXPEntityDefinitionRegistryService, AXPEntityResolver, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN } from '@acorex/platform/layout/entity';
+import * as i2$3 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 { inject, Injector, Injectable, signal, Component, NgModule, HostListener, Input } from '@angular/core';
 import { ROUTES } from '@angular/router';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
@@ -19,14 +19,15 @@ import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXPopoverModule } from '@acorex/components/popover';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { AXDataSource, convertArrayToDataSource } from '@acorex/components/common';
+import { applyQueryArray, AXPHtmlUtils } from '@acorex/platform/core';
 import * as i5 from '@acorex/cdk/outline';
 import { AXOutlineModule } from '@acorex/cdk/outline';
 import { AXBasePageComponent } from '@acorex/components/page';
 import * as i4 from '@acorex/components/side-menu';
 import { AXSideMenuModule } from '@acorex/components/side-menu';
 import * as i2$1 from '@acorex/core/format';
-import { AXFormatModule, AXFormatService } from '@acorex/core/format';
-import { AXPHtmlUtils } from '@acorex/platform/core';
+import { AXFormatModule } from '@acorex/core/format';
 import { AXPSimplePageLayout } from '@acorex/platform/themes/default';
 import { AXPThemeLayoutHeaderTemplateComponent, AXPThemeLayoutBlockComponent } from '@acorex/platform/themes/shared';
 import { AXPopupService } from '@acorex/components/popup';
@@ -35,13 +36,10 @@ 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 { AXPSessionService } from '@acorex/platform/auth';
-import { AXDataSource, convertArrayToDataSource } from '@acorex/components/common';
 import { upperFirst, camelCase } from 'lodash-es';
 import get from 'lodash-es/get';
+import { firstValueFrom } from 'rxjs';
 
 class AXMCommonModuleEntityProvider {
     constructor() {
@@ -99,7 +97,7 @@ class AXMRegionalSettingProvider {
                 type: AXPWidgetsCatalog.select,
                 options: {
                     valueField: 'code',
-                    dataSource: this.regionalService.getTimeZones(),
+                    dataSource: await this.regionalService.getTimeZones(),
                 },
             },
             description: 'Set the default time zone for the application.',
@@ -128,7 +126,8 @@ class AXMRegionalSettingProvider {
             title: 'Regional Format',
             scope: 'U',
             isInherited: true,
-            defaultValue: await this.translationService.getDefaultLang(),
+            //defaultValue: await this.translationService.getDefaultLang(),
+            defaultValue: 'en-AU',
             valueTransforms: objectKeyValueTransforms('locale'),
             widget: {
                 type: AXPWidgetsCatalog.select,
@@ -159,7 +158,10 @@ class AXMRegionalSettingProvider {
                 triggers: [
                     {
                         event: `{{ events.context('${AXPRegionalSetting.Regional}') }}`,
-                        action: `{{ console.log(widget.find('${AXPRegionalSetting.Regional}').output('selectedItems')[0]) }}`,
+                        action: [
+                            `{{ console.log(widget.find('${AXPRegionalSetting.Regional}').output('item')) }}`,
+                            `{{ widget.setValue(widget.find('${AXPRegionalSetting.Regional}').output('item').calendar) }}`,
+                        ],
                     },
                 ],
             },
@@ -232,6 +234,7 @@ class AXMRegionalSettingProvider {
                 type: AXPWidgetsCatalog.select,
                 options: {
                     valueField: 'value',
+                    textField: 'text',
                     dataSource: [
                         { text: '12-hour (hh:mm AM/PM)', value: 'hh:mm a' },
                         { text: '24-hour (HH:mm)', value: 'HH:mm' },
@@ -250,6 +253,7 @@ class AXMRegionalSettingProvider {
                 type: AXPWidgetsCatalog.select,
                 options: {
                     valueField: 'value',
+                    textField: 'text',
                     dataSource: [
                         { text: '12-hour (hh:mm:ss AM/PM)', value: 'hh:mm:ss a' },
                         { text: '24-hour (HH:mm:ss)', value: 'HH:mm:ss' },
@@ -315,13 +319,224 @@ class AXMLanguageSlotComponent {
         this.items.set(items);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMLanguageSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-button color=\"primary\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item [text]=\"lang.title\" [selected]=\"store.language()===lang.code\"\n        (onClick)=\"store.changeLanguage(lang.code)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>", dependencies: [{ kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { 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: AXPopoverModule }, { 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: "component", type: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMLanguageSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-button color=\"primary\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item [text]=\"lang.title\" [selected]=\"store.language()===lang.code\"\n        (onClick)=\"store.changeLanguage(lang.code)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>", dependencies: [{ kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { 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: AXPopoverModule }, { 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: "component", type: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageSlotComponent, decorators: [{
             type: Component,
             args: [{ imports: [AXDropdownModule, AXDecoratorModule, AXPopoverModule, AXButtonModule, CommonModule], template: "<ax-button color=\"primary\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item [text]=\"lang.title\" [selected]=\"store.language()===lang.code\"\n        (onClick)=\"store.changeLanguage(lang.code)\">\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>" }]
         }] });
 
+class AXPRegionalWidgetDataSourceProvider {
+    constructor() {
+        this.regionalService = inject(AXPRegionalService);
+        //#region Country
+        this.country = {
+            name: "countries",
+            title: "Countries",
+            textField: 'title',
+            valueField: 'code',
+            columns: [
+                {
+                    name: 'code',
+                    title: "Code"
+                },
+                {
+                    name: 'title',
+                    title: "Title"
+                },
+                {
+                    name: 'timezone',
+                    title: "Timezone"
+                }
+            ],
+            source: async () => {
+                const list = await this.regionalService.getCountries();
+                return new AXDataSource({
+                    pageSize: 20,
+                    key: 'code',
+                    load: (e) => {
+                        return applyQueryArray(list, e);
+                    },
+                    byKey: async (key) => {
+                        return list.find(c => c.code == key);
+                    }
+                });
+            },
+            samples: [
+                { code: 'US', title: 'United States', timezone: 'GMT-5' },
+                { code: 'CA', title: 'Canada', timezone: 'GMT-6' },
+                { code: 'GB', title: 'United Kingdom', timezone: 'GMT+0' }
+            ]
+        };
+        //#endregion
+        //#region Cities
+        this.cities = {
+            name: "cities",
+            title: "Cities",
+            textField: 'title',
+            valueField: 'code',
+            columns: [
+                {
+                    name: 'code',
+                    title: "Code"
+                },
+                {
+                    name: 'title',
+                    title: "Title"
+                },
+                {
+                    name: 'timezone',
+                    title: "Timezone"
+                }
+            ],
+            source: async () => {
+                const list = await this.regionalService.getCities();
+                return new AXDataSource({
+                    pageSize: 20,
+                    key: 'code',
+                    load: (e) => {
+                        return applyQueryArray(list, e);
+                    },
+                    byKey: async (key) => {
+                        return list.find(c => c.code == key);
+                    }
+                });
+            },
+            samples: [
+                { code: 'NYC', title: 'New York', timezone: 'GMT-5' },
+                { code: 'TOR', title: 'Toronto', timezone: 'GMT-5' },
+                { code: 'LDN', title: 'London', timezone: 'GMT+0' }
+            ]
+        };
+        //#endregion
+        //#region Provinces
+        this.provinces = {
+            name: "provinces",
+            title: "Provinces",
+            textField: 'title',
+            valueField: 'code',
+            columns: [
+                {
+                    name: 'code',
+                    title: "Code"
+                },
+                {
+                    name: 'title',
+                    title: "Title"
+                },
+                {
+                    name: 'timezone',
+                    title: "Timezone"
+                }
+            ],
+            source: async () => {
+                const list = await this.regionalService.getProvinces();
+                return new AXDataSource({
+                    pageSize: 20,
+                    key: 'code',
+                    load: (e) => {
+                        return applyQueryArray(list, e);
+                    },
+                    byKey: async (key) => {
+                        return list.find(p => p.code == key);
+                    }
+                });
+            },
+            samples: [
+                { code: 'CA', title: 'California', timezone: 'GMT-8' },
+                { code: 'ON', title: 'Ontario', timezone: 'GMT-5' },
+                { code: 'ENG', title: 'England', timezone: 'GMT+0' }
+            ]
+        };
+        //#endregion
+        //#region Currencies
+        this.currencies = {
+            name: "currencies",
+            title: "Currencies",
+            textField: 'title',
+            valueField: 'code',
+            columns: [
+                {
+                    name: 'code',
+                    title: "Code"
+                },
+                {
+                    name: 'title',
+                    title: "Title"
+                },
+                {
+                    name: 'symbol',
+                    title: "Symbol"
+                },
+            ],
+            source: async () => {
+                const list = await this.regionalService.getCurrencies();
+                return new AXDataSource({
+                    pageSize: 20,
+                    key: 'code',
+                    load: (e) => {
+                        return applyQueryArray(list, e);
+                    },
+                    byKey: async (key) => {
+                        return list.find(c => c.code == key);
+                    }
+                });
+            },
+            samples: [
+                { code: 'USD', title: 'United States Dollar', symbol: '$' },
+                { code: 'CAD', title: 'Canadian Dollar', symbol: 'CA$' },
+                { code: 'GBP', title: 'British Pound', symbol: '£' }
+            ]
+        };
+        //#endregion
+        //#region Languages
+        this.languages = {
+            name: "languages",
+            title: "Languages",
+            textField: 'title',
+            valueField: 'code',
+            columns: [
+                {
+                    name: 'code',
+                    title: "Code"
+                },
+                {
+                    name: 'title',
+                    title: "Title"
+                },
+            ],
+            source: async () => {
+                const list = await this.regionalService.getLanguages();
+                return new AXDataSource({
+                    pageSize: 20,
+                    key: 'code',
+                    load: (e) => {
+                        return applyQueryArray(list, e);
+                    },
+                    byKey: async (key) => {
+                        return list.find(l => l.code == key);
+                    }
+                });
+            },
+            samples: [
+                { code: 'EN', title: 'English', nativeName: 'English' },
+                { code: 'FR', title: 'French', nativeName: 'Français' },
+                { code: 'ES', title: 'Spanish', nativeName: 'Español' }
+            ]
+        };
+    }
+    //#endregion
+    async items() {
+        return [
+            this.country,
+            this.cities,
+            this.provinces,
+            this.currencies,
+            this.languages
+        ];
+    }
+}
+
 class AXMPlatformManagementCommonModule {
     constructor(appInitService, injector) {
         const service = injector.get(AXPRegionalStoreService);
@@ -346,6 +561,11 @@ class AXMPlatformManagementCommonModule {
                 useClass: AXMRegionalSettingProvider,
                 multi: true
             },
+            {
+                provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                useClass: AXPRegionalWidgetDataSourceProvider,
+                multi: true
+            },
         ], imports: [AXPComponentSlotModule.forChild({
                 'header-end': [
                     {
@@ -381,6 +601,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useClass: AXMRegionalSettingProvider,
                             multi: true
                         },
+                        {
+                            provide: AXP_WIDGET_DATASOURCE_PROVIDER,
+                            useClass: AXPRegionalWidgetDataSourceProvider,
+                            multi: true
+                        },
                     ],
                 }]
         }], ctorParameters: () => [{ type: i1$1.AXPAppStartUpService }, { type: i0.Injector }] });
@@ -397,6 +622,12 @@ const RootConfig = {
         icon: 'fa-light fa-cogs',
     },
     entities: {
+        sample: {
+            name: 'Sample',
+            title: `t("sample", { scope: "${config.i18n}" })`,
+            titlePlural: `t("samplePlural", { scope: "${config.i18n}" })`,
+            icon: 'fa-light fa-default',
+        },
         localizationManagement: {
             name: 'Localization Management',
             title: `t("localization-management", {scope:"${config.i18n}"})`,
@@ -916,7 +1147,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    <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\" [scrollableElementId]=\"'simple-page-content'\"\n    [activationOffset]=\"150\">\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>", 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", "scrollableElementId"], 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    <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\" [scrollableElementId]=\"'simple-page-content'\"\n    [activationOffset]=\"150\">\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>", 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-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", "scrollableElementId"], exportAs: ["axOutlineContainer"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListTermsComponent, decorators: [{
             type: Component,
@@ -1412,59 +1643,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             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 color=\"primary\" (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n" }]
         }] });
 
-class AXMListVersionComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.appVersionService = inject(AXMAppVersionService);
-        this.formatService = inject(AXFormatService);
-        this.htmlUtil = inject(AXPHtmlUtils);
-        this.versions = signal([]);
-    }
-    async ngOnInit() {
-        const result = await this.appVersionService.query({
-            take: 1000,
-            skip: 0,
-        });
-        const mappedItems = result.items.map((item) => ({
-            id: item.id,
-            //TODO to translate
-            title: `Version ${item.versionNumber} Published  at ${this.formatService.format(item.publishDate, 'datetime', {
-                format: 'date',
-            })}`,
-            content: this.htmlUtil.getSafeHTMLfromHTML(item.changeLog) ?? '',
-        }));
-        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 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,
-            args: [{ selector: 'axm-list-version', imports: [
-                        CommonModule,
-                        AXTimeLineModule,
-                        AXDecoratorModule,
-                        AXFormatModule,
-                        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 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" }]
-        }] });
+var notifyApp_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMNotifyAppComponent: AXMNotifyAppComponent
+});
 
 class AXMAppVersionSlotComponent {
     constructor() {
         this.versionProvider = inject(AXP_APP_VERSION_PROVIDER);
-        this.popupService = inject(AXPopupService);
+        this.workflowService = inject(AXPWorkflowService);
         this.versionNumber = '';
     }
     async ngOnInit() {
         this.versionNumber = (await this.versionProvider.provider()).version;
     }
     openPopup() {
-        this.popupService.open(AXMListVersionComponent, {
-            title: 'Versions',
-            //data: { data },
-        });
+        this.workflowService.execute('show-release-notes');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAppVersionSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMAppVersionSlotComponent, isStandalone: true, selector: "ng-component", inputs: { text: "text" }, ngImport: i0, template: ` <small class="ax-text-sm ax-cursor-pointer" (click)="openPopup()">{{ versionNumber }}</small> `, isInline: true }); }
@@ -1486,7 +1680,8 @@ class AXMChangeLogPopupAction extends AXPWorkflowAction {
     }
     async execute(context) {
         const data = context.getVariable();
-        const result = await this.popupService.open(AXMNotifyAppComponent, {
+        const comp = (await Promise.resolve().then(function () { return notifyApp_component; })).AXMNotifyAppComponent;
+        const result = await this.popupService.open(comp, {
             title: `New Features in Version ${data.versionNumber}`,
             data: { data },
         });
@@ -1520,7 +1715,7 @@ class AXMChangeLogUpdateSettingAction extends AXPWorkflowAction {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMChangeLogUpdateSettingAction, decorators: [{
             type: Injectable
         }] });
-const AXMChangeLogWorkflow = {
+const AXMWhatsNewWorkflow = {
     startStepId: 'show-popup',
     steps: {
         'show-popup': {
@@ -1568,7 +1763,7 @@ class AppTermAndVersionCheck {
                                         .get(`is-see-check-version-${v.versionNumber}`);
                                     if (!isSee) {
                                         setTimeout(() => {
-                                            this.workflowService.execute('change-log-version', v);
+                                            this.workflowService.execute('show-what-is-new', v);
                                         }, 300);
                                     }
                                 }
@@ -2866,105 +3061,57 @@ async function globalVariableEntityFactory(injector) {
     return entityDef;
 }
 
-class AXMAppPromotionService extends AXMEntityCrudServiceImpl {
+class AXMMetaDataDefinitionService extends AXMEntityCrudServiceImpl {
 }
-class AXMPromotionServiceImpl extends AXMEntityCrudServiceImpl {
+class AXMPMetaDataDefinitionServiceImpl extends AXMMetaDataDefinitionService {
     constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.promotion.name}`);
+        super(`${RootConfig.module.name}.${RootConfig.entities.metaDataDefinition.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl, 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 [src]=\"item.image?.url ?? ''\" class=\"ax-w-full ax-p-3 ax-border  {{\n    item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none'\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 [src]=\"item.image?.url ?? ''\" class=\"ax-w-full ax-p-3 ax-border  {{\n    item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none'\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;
+async function metaDataDefinitionFactory(injector) {
+    const dataService = injector.get(AXMMetaDataDefinitionService);
     const entityDef = {
         module: RootConfig.module.name,
-        name: RootConfig.entities.promotion.name,
+        name: RootConfig.entities.metaDataDefinition.name,
         source: '',
-        title: RootConfig.entities.promotion.title,
+        title: RootConfig.entities.metaDataDefinition.title,
         formats: {
-            individual: RootConfig.entities.promotion.title,
-            plural: RootConfig.entities.promotion.titlePlural,
+            individual: RootConfig.entities.metaDataDefinition.title,
+            plural: RootConfig.entities.metaDataDefinition.titlePlural,
             searchResult: {
                 title: '{{ title }}',
                 description: RootConfig.module.title,
-            }
+            },
         },
         relatedEntities: [],
         groups: [
             {
-                id: 'promotion',
-                title: 'Promotion',
+                id: 'section',
+                title: RootConfig.entities.metaDataDefinition.title,
             },
         ],
         properties: [
             {
-                name: 'title',
-                title: `t("title", { scope: "common" })`,
-                groupId: 'promotion',
+                name: 'name',
+                title: 't("name", { scope: "common" })',
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                },
                 schema: {
                     dataType: 'string',
                     interface: {
                         type: AXPWidgetsCatalog.text,
                     },
                 },
-                options: {
-                    sort: {
-                        enabled: true,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                        inline: {
-                            enabled: true,
-                        },
-                    }
-                },
                 validations: [
                     {
                         rule: 'required',
@@ -2972,13 +3119,13 @@ async function promotionEntityFactory(injector) {
                 ],
             },
             {
-                name: 'body',
-                title: `t("body", { scope: "${i18n}" })`,
-                groupId: 'promotion',
+                name: 'title',
+                title: 't("title", { scope: "common" })',
+                groupId: 'section',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.richText,
+                        type: AXPWidgetsCatalog.text,
                     },
                 },
                 validations: [
@@ -2988,51 +3135,17 @@ async function promotionEntityFactory(injector) {
                 ],
             },
             {
-                name: 'imageId',
-                title: `t("body", { scope: "${i18n}" })`,
-                groupId: 'promotion',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.file,
-                        options: {
-                            multiple: false,
-                            accept: '.png,.jpg,.jpeg,.svg,.gif',
-                            refType: 'entity',
-                            refId: `${RootConfig.module.name}.${RootConfig.entities.promotion.name}`,
-                        },
-                    },
-                },
-            },
-            {
-                name: 'contentType',
-                title: `t("contentType", { scope: "${i18n}" })`,
-                groupId: 'promotion',
+                name: 'interface',
+                title: 't("interface", { scope: "common" })',
+                groupId: 'section',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.select,
+                        type: AXPWidgetsCatalog.templateDesigner,
                         options: {
-                            valueField: 'name',
-                            textField: 'title',
-                            dataSource: [
-                                { title: 'Media', name: 'media' },
-                                { title: 'Text', name: 'text' },
-                            ],
-                            direction: 'horizontal',
-                            multiple: false,
-                        },
-                    },
-                },
-                options: {
-                    sort: {
-                        enabled: true,
+                            embedded: true
+                        }
                     },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                    }
                 },
                 validations: [
                     {
@@ -3040,107 +3153,11 @@ async function promotionEntityFactory(injector) {
                     },
                 ],
             },
-            // {
-            //   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,
-            //         accept: '',
-            //       },
-            //     },
-            //   },
-            //   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',
-                                    options: AXM_COLUMN_DEF_WIDGET
-                                },
-                                {
-                                    title: 'Side Menu Header',
-                                    name: 'side-menu-header',
-                                    options: [
-                                        {
-                                            type: 'text-editor',
-                                            mode: 'edit',
-                                            path: 'name',
-                                            options: {
-                                                placeholder: 'Name',
-                                                defaultValue: 'test',
-                                            },
-                                        },
-                                    ]
-                                },
-                            ],
-                            direction: 'horizontal',
-                            multiple: false,
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            // {
-            //   name: "metadaata",
-            //   title: "Meta Data",
-            //   groupId: 'promotion',
-            //   schema: {
-            //     dataType: 'object',
-            //     interface: {
-            //       type: AXPWidgetsCatalog.text,
-            //       // children: "{{ context.eval('placement').options }}" as any,
-            //     },
-            //   }
-            //},
-            {
-                name: 'metadata',
-                title: `Meta Data`,
-                groupId: 'promotion',
-                schema: {
-                    dataType: 'object',
-                    interface: {
-                        type: AXPWidgetsCatalog.blockLayout,
-                        children: "{{ context.eval('placement')?.options ?? [] }}",
-                    },
-                }
-            },
         ],
-        columns: [{ name: 'title' }, { name: 'placement' }],
+        columns: [{ name: 'name' }, { name: 'title' }],
         commands: {
             create: {
                 execute: async (data) => {
-                    console.log(data);
                     const res = await dataService.insertOne(data);
                     return { id: res };
                 },
@@ -3175,83 +3192,36 @@ async function promotionEntityFactory(injector) {
                 create: {
                     sections: [
                         {
-                            id: 'promotion',
+                            id: 'section',
                         },
                     ],
                     properties: [
                         {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 1,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            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',
+                            name: 'name',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 3,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'placement',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'metadata',
+                            name: 'interface',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
-                                        order: 10,
                                     },
                                 },
                             },
@@ -3261,83 +3231,36 @@ async function promotionEntityFactory(injector) {
                 update: {
                     sections: [
                         {
-                            id: 'promotion',
+                            id: 'section',
                         },
                     ],
                     properties: [
                         {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                        order: 1,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            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',
+                            name: 'name',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 3,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'placement',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'metadata',
+                            name: 'interface',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
-                                        order: 10,
                                     },
                                 },
                             },
@@ -3348,70 +3271,43 @@ async function promotionEntityFactory(injector) {
                     title: '{{title}}',
                     sections: [
                         {
-                            id: 'promotion',
-                        },
-                    ],
-                    properties: [
-                        {
-                            name: 'title',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'body',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'imageId',
+                            id: 'section',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
-                                        order: 2,
                                     },
                                 },
                             },
                         },
+                    ],
+                    properties: [
                         {
-                            name: 'contentType',
+                            name: 'name',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 4,
-                                        order: 4,
+                                        colSpan: 6,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'shape',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 4,
-                                        order: 5,
+                                        colSpan: 6,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'placement',
+                            name: 'interface',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 4,
-                                        order: 6,
+                                        colSpan: 12,
                                     },
                                 },
                             },
@@ -3438,50 +3334,19 @@ async function promotionEntityFactory(injector) {
                         {
                             title: 't("detail", { scope: "common" })',
                             command: 'open-entity',
-                            priority: 'primary',
+                            priority: 'secondary',
                             type: 'view',
                             scope: AXPEntityCommandScope.Individual,
                         },
                         {
                             title: 't("delete", { scope: "common" })',
                             command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: 't("entity.modify", { scope: "common" })',
-                            command: 'quick-modify-entity',
                             priority: 'secondary',
-                            type: 'update',
+                            type: 'delete',
                             scope: AXPEntityCommandScope.Individual,
                         },
                     ],
-                    views: [
-                        createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] }),
-                        createQueryView('media', `t("media", { scope: "${i18n}" })`, true, {
-                            conditions: [
-                                {
-                                    name: 'contentType.name',
-                                    operator: {
-                                        type: 'equal',
-                                    },
-                                    value: 'media',
-                                }
-                            ]
-                        }),
-                        createQueryView('text', `t("text", { scope: "${i18n}" })`, true, {
-                            conditions: [
-                                {
-                                    name: 'contentType.name',
-                                    operator: {
-                                        type: 'equal',
-                                    },
-                                    value: 'text',
-                                }
-                            ]
-                        }),
-                    ],
+                    views: [createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] })],
                 },
             },
         },
@@ -3489,55 +3354,119 @@ async function promotionEntityFactory(injector) {
     return entityDef;
 }
 
-class AXMPlatformManagementMetaDataDefinitionEntityService extends AXMEntityCrudServiceImpl {
+class AXMAppPromotionService extends AXMEntityCrudServiceImpl {
 }
-class AXMPlatformManagementMetaDataDefinitionEntityServiceImpl extends AXMPlatformManagementMetaDataDefinitionEntityService {
+class AXMPromotionServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.metaDataDefinition}`);
+        super(`${RootConfig.module.name}.${RootConfig.entities.promotion.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementMetaDataDefinitionEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementMetaDataDefinitionEntityServiceImpl }); }
+    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: AXMPlatformManagementMetaDataDefinitionEntityServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPromotionServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function metaDataDefinitionFactory(injector) {
-    const dataService = injector.get(AXMPlatformManagementMetaDataDefinitionEntityService);
+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 [src]=\"item.image?.url ?? ''\" class=\"ax-w-full ax-p-3 ax-border  {{\n    item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none'\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 [src]=\"item.image?.url ?? ''\" class=\"ax-w-full ax-p-3 ax-border  {{\n    item.shape?.name == 'circle' ? 'ax-rounded-full' : 'ax-rounded-none'\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.metaDataDefinition.name,
+        name: RootConfig.entities.promotion.name,
         source: '',
-        title: RootConfig.entities.metaDataDefinition.title,
+        title: RootConfig.entities.promotion.title,
         formats: {
-            individual: RootConfig.entities.metaDataDefinition.title,
-            plural: RootConfig.entities.metaDataDefinition.titlePlural,
+            individual: RootConfig.entities.promotion.title,
+            plural: RootConfig.entities.promotion.titlePlural,
             searchResult: {
                 title: '{{ title }}',
                 description: RootConfig.module.title,
-            },
+            }
         },
         relatedEntities: [],
         groups: [
             {
-                id: 'section',
-                title: RootConfig.entities.metaDataDefinition.title,
+                id: 'promotion',
+                title: 'Promotion',
             },
         ],
         properties: [
             {
-                name: 'name',
-                title: 't("name", { scope: "common" })',
-                groupId: 'section',
+                name: 'title',
+                title: `t("title", { scope: "common" })`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
                 options: {
                     sort: {
                         enabled: true,
                     },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                        inline: {
+                            enabled: true,
+                        },
+                    }
                 },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'body',
+                title: `t("body", { scope: "${i18n}" })`,
+                groupId: 'promotion',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
+                        type: AXPWidgetsCatalog.richText,
                     },
                 },
                 validations: [
@@ -3547,14 +3476,51 @@ async function metaDataDefinitionFactory(injector) {
                 ],
             },
             {
-                name: 'title',
-                title: 't("title", { scope: "common" })',
-                groupId: 'section',
+                name: 'imageId',
+                title: `t("body", { scope: "${i18n}" })`,
+                groupId: 'promotion',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
+                        type: AXPWidgetsCatalog.file,
+                        options: {
+                            multiple: false,
+                            accept: '.png,.jpg,.jpeg,.svg,.gif',
+                            refType: 'entity',
+                            refId: `${RootConfig.module.name}.${RootConfig.entities.promotion.name}`,
+                        },
+                    },
+                },
+            },
+            {
+                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,
+                        },
+                    },
+                },
+                options: {
+                    sort: {
+                        enabled: true,
                     },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                    }
                 },
                 validations: [
                     {
@@ -3562,14 +3528,69 @@ async function metaDataDefinitionFactory(injector) {
                     },
                 ],
             },
+            // {
+            //   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,
+            //         accept: '',
+            //       },
+            //     },
+            //   },
+            //   validations: [
+            //     {
+            //       rule: 'required',
+            //     },
+            //   ],
+            // },
             {
-                name: 'define',
-                title: 't("define", { scope: "common" })',
-                groupId: 'section',
+                name: 'placement',
+                title: `t("placement", { scope: "${i18n}" })`,
+                groupId: 'promotion',
                 schema: {
                     dataType: 'string',
                     interface: {
-                        type: AXPWidgetsCatalog.text,
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                {
+                                    title: 'Side Menu Footer',
+                                    name: 'side-menu-footer',
+                                    options: AXM_COLUMN_DEF_WIDGET
+                                },
+                                {
+                                    title: 'Side Menu Header',
+                                    name: 'side-menu-header',
+                                    options: [
+                                        {
+                                            type: 'text-editor',
+                                            mode: 'edit',
+                                            path: 'name',
+                                            options: {
+                                                placeholder: 'Name',
+                                                defaultValue: 'test',
+                                            },
+                                        },
+                                    ]
+                                },
+                            ],
+                            direction: 'horizontal',
+                            multiple: false,
+                        },
                     },
                 },
                 validations: [
@@ -3578,11 +3599,36 @@ async function metaDataDefinitionFactory(injector) {
                     },
                 ],
             },
+            // {
+            //   name: "metadaata",
+            //   title: "Meta Data",
+            //   groupId: 'promotion',
+            //   schema: {
+            //     dataType: 'object',
+            //     interface: {
+            //       type: AXPWidgetsCatalog.text,
+            //       // children: "{{ context.eval('placement').options }}" as any,
+            //     },
+            //   }
+            //},
+            {
+                name: 'metadata',
+                title: `Meta Data`,
+                groupId: 'promotion',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.blockLayout,
+                        children: "{{ context.eval('placement')?.options ?? [] }}",
+                    },
+                }
+            },
         ],
-        columns: [{ name: 'name' }, { name: 'title' }],
+        columns: [{ name: 'title' }, { name: 'placement' }],
         commands: {
             create: {
                 execute: async (data) => {
+                    console.log(data);
                     const res = await dataService.insertOne(data);
                     return { id: res };
                 },
@@ -3617,59 +3663,183 @@ async function metaDataDefinitionFactory(injector) {
                 create: {
                     sections: [
                         {
-                            id: 'section',
+                            id: 'promotion',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            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,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            name: 'metadata',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 12,
+                                        order: 10,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+                update: {
+                    sections: [
+                        {
+                            id: 'promotion',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
+                            layout: {
+                                positions: {
+                                    lg: {
+                                        colSpan: 6,
+                                        order: 1,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            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,
+                                    },
+                                },
+                            },
                         },
-                    ],
-                    properties: [
                         {
-                            name: 'name',
+                            name: 'shape',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
+                                        order: 3,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'placement',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'define',
+                            name: 'metadata',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 10,
                                     },
                                 },
                             },
                         },
                     ],
                 },
-                update: {
+                single: {
+                    title: '{{title}}',
                     sections: [
                         {
-                            id: 'section',
+                            id: 'promotion',
                         },
                     ],
                     properties: [
-                        {
-                            name: 'name',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 6,
-                                    },
-                                },
-                            },
-                        },
                         {
                             name: 'title',
                             layout: {
@@ -3681,58 +3851,55 @@ async function metaDataDefinitionFactory(injector) {
                             },
                         },
                         {
-                            name: 'define',
+                            name: 'body',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 12,
+                                        colSpan: 6,
                                     },
                                 },
                             },
                         },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [
                         {
-                            id: 'section',
+                            name: 'imageId',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 2,
                                     },
                                 },
                             },
                         },
-                    ],
-                    properties: [
                         {
-                            name: 'name',
+                            name: 'contentType',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
+                                        colSpan: 4,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'shape',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
+                                        colSpan: 4,
+                                        order: 5,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'define',
+                            name: 'placement',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 12,
+                                        colSpan: 4,
+                                        order: 6,
                                     },
                                 },
                             },
@@ -3759,19 +3926,50 @@ async function metaDataDefinitionFactory(injector) {
                         {
                             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,
                         },
+                        {
+                            title: 't("entity.modify", { scope: "common" })',
+                            command: 'quick-modify-entity',
+                            priority: 'secondary',
+                            type: 'update',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                    ],
+                    views: [
+                        createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] }),
+                        createQueryView('media', `t("media", { scope: "${i18n}" })`, true, {
+                            conditions: [
+                                {
+                                    name: 'contentType.name',
+                                    operator: {
+                                        type: 'equal',
+                                    },
+                                    value: 'media',
+                                }
+                            ]
+                        }),
+                        createQueryView('text', `t("text", { scope: "${i18n}" })`, true, {
+                            conditions: [
+                                {
+                                    name: 'contentType.name',
+                                    operator: {
+                                        type: 'equal',
+                                    },
+                                    value: 'text',
+                                }
+                            ]
+                        }),
                     ],
-                    views: [createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] })],
                 },
             },
         },
@@ -3779,31 +3977,6 @@ async function metaDataDefinitionFactory(injector) {
     return entityDef;
 }
 
-class AXMPlatformManagementMetaDataDefinitionEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementMetaDataDefinitionEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementMetaDataDefinitionEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementMetaDataDefinitionEntityModule, providers: [
-            {
-                provide: AXMPlatformManagementMetaDataDefinitionEntityService,
-                useClass: AXMPlatformManagementMetaDataDefinitionEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementMetaDataDefinitionEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMPlatformManagementMetaDataDefinitionEntityService,
-                            useClass: AXMPlatformManagementMetaDataDefinitionEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AXMAppPromotionService: AXMAppPromotionService,
@@ -3814,21 +3987,20 @@ var index = /*#__PURE__*/Object.freeze({
     AXMAppVersionSlotComponent: AXMAppVersionSlotComponent,
     AXMChangeLogPopupAction: AXMChangeLogPopupAction,
     AXMChangeLogUpdateSettingAction: AXMChangeLogUpdateSettingAction,
-    AXMChangeLogWorkflow: AXMChangeLogWorkflow,
     AXMDataSourceService: AXMDataSourceService,
     AXMDataSourceServiceImpl: AXMDataSourceServiceImpl,
     AXMGlobalVariablesService: AXMGlobalVariablesService,
     AXMGlobalVariablesServiceImpl: AXMGlobalVariablesServiceImpl,
     AXMListTermsComponent: AXMListTermsComponent,
+    AXMMetaDataDefinitionService: AXMMetaDataDefinitionService,
     AXMNewTermWorkflow: AXMNewTermWorkflow,
     AXMNotifyAppComponent: AXMNotifyAppComponent,
     AXMNotifyNewTermPopupAction: AXMNotifyNewTermPopupAction,
-    AXMPlatformManagementMetaDataDefinitionEntityModule: AXMPlatformManagementMetaDataDefinitionEntityModule,
-    AXMPlatformManagementMetaDataDefinitionEntityService: AXMPlatformManagementMetaDataDefinitionEntityService,
-    AXMPlatformManagementMetaDataDefinitionEntityServiceImpl: AXMPlatformManagementMetaDataDefinitionEntityServiceImpl,
+    AXMPMetaDataDefinitionServiceImpl: AXMPMetaDataDefinitionServiceImpl,
     AXMPromotionServiceImpl: AXMPromotionServiceImpl,
     AXMPromotionSlotComponent: AXMPromotionSlotComponent,
     AXMTermUpdateSettingAction: AXMTermUpdateSettingAction,
+    AXMWhatsNewWorkflow: AXMWhatsNewWorkflow,
     AppTermAndVersionCheck: AppTermAndVersionCheck,
     appTermEntityEntityFactory: appTermEntityEntityFactory,
     appVersionEntityEntityFactory: appVersionEntityEntityFactory,
@@ -3838,6 +4010,83 @@ var index = /*#__PURE__*/Object.freeze({
     promotionEntityFactory: promotionEntityFactory
 });
 
+class AXMShowReleaseNotesPopupAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.popupService = inject(AXPopupService);
+    }
+    async execute(context) {
+        const scope = RootConfig.config.i18n;
+        const comp = await (await import('./acorex-modules-platform-management-list-version.component-CoZBz85x.mjs')).AXMListVersionComponent;
+        this.popupService.open(comp, {
+            title: `t('release-notes',{scope: "${scope}"})`,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMShowReleaseNotesPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMShowReleaseNotesPopupAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMShowReleaseNotesPopupAction, decorators: [{
+            type: Injectable
+        }] });
+const AXMShowReleaseNotesWorkflow = {
+    startStepId: 'show-popup',
+    steps: {
+        'show-popup': {
+            action: 'AXMShowReleaseNotesPopupAction',
+        },
+    },
+};
+
+class AXMDynamicDataSourceProvider {
+    constructor() {
+        this.dataSourceService = inject(AXMDataSourceService);
+        this.entityResolverService = inject(AXPEntityResolver);
+    }
+    async items() {
+        const dataSources = await this.dataSourceService.query({
+            skip: 0,
+            take: 1000,
+        });
+        const mapFn = (item) => {
+            return {
+                ...item,
+                valueField: get(item, 'valueField.name'),
+                textField: get(item, 'textField.name'),
+                source: async () => {
+                    if (item.sourceType.name == 'static') {
+                        return convertArrayToDataSource(item.sourceStatic);
+                    }
+                    // Entity
+                    else if (item.sourceType.name == 'entity') {
+                        const [module, entityName] = item.sourceEntity.split('.');
+                        const entity = await this.entityResolverService.get(module, entityName);
+                        const exFn = entity?.queries.list?.execute;
+                        if (exFn && typeof exFn == 'function') {
+                            return new AXDataSource({
+                                key: 'id',
+                                pageSize: 10,
+                                load: async (e) => {
+                                    try {
+                                        const result = await exFn(e);
+                                        return result;
+                                    }
+                                    catch (error) {
+                                        throw error;
+                                    }
+                                }
+                            });
+                        }
+                    }
+                    //
+                    return convertArrayToDataSource([]);
+                },
+            };
+        };
+        const mapped = dataSources.items.map((item) => mapFn(item));
+        return mapped;
+    }
+}
+
 class AXMEntityLoader {
     constructor() {
         this.injector = inject(Injector);
@@ -3905,6 +4154,62 @@ class AXMMenuProvider {
     async provide(context) {
         const scope = RootConfig.config.i18n;
         const appName = this.sessionService.application?.name;
+        //
+        context.addItems([
+            {
+                name: 'app-help',
+                text: `t('help',{scope: "${scope}"})`,
+                icon: 'fa-light  fa-circle-question',
+                priority: 100000,
+                children: [
+                    {
+                        name: 'app-help-center',
+                        text: `t('help-center',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-book-open',
+                        priority: 100001,
+                    },
+                    {
+                        name: 'app-help-tutorials',
+                        text: `t('tutorials',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-clapperboard-play',
+                        priority: 100002,
+                    },
+                    {
+                        name: 'app-release-notes',
+                        text: `t('release-notes',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-memo-pad',
+                        command: {
+                            name: 'show-release-notes'
+                        },
+                        priority: 100003,
+                    },
+                    {
+                        text: 'break',
+                        type: 'break',
+                        priority: 100030,
+                    },
+                    {
+                        name: 'app-terms',
+                        text: `t('terms-conditions',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-circle-info',
+                        path: `/platform/terms`,
+                        priority: 100031,
+                    },
+                    {
+                        name: 'app-about',
+                        text: `t('about',{scope: "${scope}"})`,
+                        icon: 'fa-light fa-circle-info',
+                        priority: 100032
+                    },
+                ]
+            },
+        ]);
+        //
+        const isAuthorized = await firstValueFrom(this.sessionService.isAuthorized$);
+        if (!isAuthorized) {
+            return;
+        }
+        //
         context.addItems([
             {
                 name: 'administration-group',
@@ -3993,68 +4298,6 @@ class AXMMenuProvider {
                 ],
             },
         ]);
-        //
-        context.find('edit-profile').insert([
-            {
-                name: 'app-term-help',
-                text: RootConfig.entities.appTerm.title,
-                icon: 'fa-light fa-bell',
-                path: `/${appName}/list-term`,
-                data: {
-                // requiredPermission: '',
-                },
-            },
-        ], 'after');
-    }
-}
-
-class AXMDynamicDataSourceProvider {
-    constructor() {
-        this.dataSourceService = inject(AXMDataSourceService);
-        this.entityResolverService = inject(AXPEntityResolver);
-    }
-    async items() {
-        const dataSources = await this.dataSourceService.query({
-            skip: 0,
-            take: 1000,
-        });
-        const mapFn = (item) => {
-            return {
-                ...item,
-                valueField: get(item, 'valueField.name'),
-                textField: get(item, 'textField.name'),
-                source: async () => {
-                    if (item.sourceType.name == 'static') {
-                        return convertArrayToDataSource(item.sourceStatic);
-                    }
-                    // Entity
-                    else if (item.sourceType.name == 'entity') {
-                        const [module, entityName] = item.sourceEntity.split('.');
-                        const entity = await this.entityResolverService.get(module, entityName);
-                        const exFn = entity?.queries.list?.execute;
-                        if (exFn && typeof exFn == 'function') {
-                            return new AXDataSource({
-                                key: 'id',
-                                pageSize: 10,
-                                load: async (e) => {
-                                    try {
-                                        const result = await exFn(e);
-                                        return result;
-                                    }
-                                    catch (error) {
-                                        throw error;
-                                    }
-                                }
-                            });
-                        }
-                    }
-                    //
-                    return convertArrayToDataSource([]);
-                },
-            };
-        };
-        const mapped = dataSources.items.map((item) => mapFn(item));
-        return mapped;
     }
 }
 
@@ -4066,7 +4309,7 @@ function routesFactory() {
             component: config.viewers.root(),
             children: [
                 {
-                    path: 'list-term',
+                    path: 'terms',
                     loadComponent: () => Promise.resolve().then(function () { return index; }).then((c) => c.AXMListTermsComponent),
                 },
             ],
@@ -4080,8 +4323,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: [AXMPlatformManagementMetaDataDefinitionEntityModule,
-            AXMPlatformManagementCommonModule, i2$4.AXPWorkflowModule, i1$1.AXPComponentSlotModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMPlatformManagementCommonModule, i2$3.AXPWorkflowModule, i1$1.AXPComponentSlotModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, providers: [
             {
                 provide: ROUTES,
@@ -4108,6 +4350,10 @@ class AXMPlatformManagementModule {
                 provide: AXMDataSourceService,
                 useClass: AXMDataSourceServiceImpl,
             },
+            {
+                provide: AXMMetaDataDefinitionService,
+                useClass: AXMPMetaDataDefinitionServiceImpl,
+            },
             {
                 provide: AXP_ENTITY_DEFINITION_LOADER,
                 useClass: AXMEntityLoader,
@@ -4124,17 +4370,20 @@ class AXMPlatformManagementModule {
                 multi: true,
             },
             AppTermAndVersionCheck,
-        ], imports: [AXMPlatformManagementMetaDataDefinitionEntityModule,
-            AXMPlatformManagementCommonModule,
+        ], imports: [AXMPlatformManagementCommonModule,
             AXPWorkflowModule.forChild({
                 actions: {
                     AXMChangeLogPopupAction,
                     AXMChangeLogUpdateSettingAction,
+                    //
                     AXMNotifyNewTermPopupAction,
                     AXMTermUpdateSettingAction,
+                    //
+                    AXMShowReleaseNotesPopupAction,
                 },
                 workflows: {
-                    'change-log-version': AXMChangeLogWorkflow,
+                    'show-what-is-new': AXMWhatsNewWorkflow,
+                    'show-release-notes': AXMShowReleaseNotesWorkflow,
                     'new-term': AXMNewTermWorkflow,
                 },
             }),
@@ -4163,17 +4412,21 @@ class AXMPlatformManagementModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [AXMPlatformManagementMetaDataDefinitionEntityModule,
+                    imports: [
                         AXMPlatformManagementCommonModule,
                         AXPWorkflowModule.forChild({
                             actions: {
                                 AXMChangeLogPopupAction,
                                 AXMChangeLogUpdateSettingAction,
+                                //
                                 AXMNotifyNewTermPopupAction,
                                 AXMTermUpdateSettingAction,
+                                //
+                                AXMShowReleaseNotesPopupAction,
                             },
                             workflows: {
-                                'change-log-version': AXMChangeLogWorkflow,
+                                'show-what-is-new': AXMWhatsNewWorkflow,
+                                'show-release-notes': AXMShowReleaseNotesWorkflow,
                                 'new-term': AXMNewTermWorkflow,
                             },
                         }),
@@ -4227,6 +4480,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             provide: AXMDataSourceService,
                             useClass: AXMDataSourceServiceImpl,
                         },
+                        {
+                            provide: AXMMetaDataDefinitionService,
+                            useClass: AXMPMetaDataDefinitionServiceImpl,
+                        },
                         {
                             provide: AXP_ENTITY_DEFINITION_LOADER,
                             useClass: AXMEntityLoader,
@@ -4251,5 +4508,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMAppPromotionService, AXMAppTermService, AXMAppTermServiceImpl, AXMAppVersionService, AXMAppVersionServiceImpl, AXMAppVersionSlotComponent, AXMChangeLogPopupAction, AXMChangeLogUpdateSettingAction, AXMChangeLogWorkflow, AXMCommonModuleEntityProvider, AXMDataSourceService, AXMDataSourceServiceImpl, AXMGlobalVariablesService, AXMGlobalVariablesServiceImpl, AXMListTermsComponent, AXMNewTermWorkflow, AXMNotifyAppComponent, AXMNotifyNewTermPopupAction, AXMPlatformManagementMetaDataDefinitionEntityModule, AXMPlatformManagementMetaDataDefinitionEntityService, AXMPlatformManagementMetaDataDefinitionEntityServiceImpl, AXMPlatformManagementModule, AXMPromotionServiceImpl, AXMPromotionSlotComponent, AXMTermUpdateSettingAction, AXPRegionalStoreService, AppTermAndVersionCheck, RootConfig, appTermEntityEntityFactory, appVersionEntityEntityFactory, dataSourceEntityFactory, globalVariableEntityFactory, metaDataDefinitionFactory, promotionEntityFactory };
+export { AXMAppPromotionService, AXMAppTermService, AXMAppTermServiceImpl, AXMAppVersionService, AXMAppVersionServiceImpl, AXMAppVersionSlotComponent, AXMChangeLogPopupAction, AXMChangeLogUpdateSettingAction, AXMCommonModuleEntityProvider, AXMDataSourceService, AXMDataSourceServiceImpl, AXMGlobalVariablesService, AXMGlobalVariablesServiceImpl, AXMListTermsComponent, AXMMetaDataDefinitionService, AXMNewTermWorkflow, AXMNotifyAppComponent, AXMNotifyNewTermPopupAction, AXMPMetaDataDefinitionServiceImpl, AXMPlatformManagementModule, AXMPromotionServiceImpl, AXMPromotionSlotComponent, AXMTermUpdateSettingAction, AXMWhatsNewWorkflow, AXPRegionalStoreService, AppTermAndVersionCheck, RootConfig, appTermEntityEntityFactory, appVersionEntityEntityFactory, dataSourceEntityFactory, globalVariableEntityFactory, metaDataDefinitionFactory, promotionEntityFactory };
 //# sourceMappingURL=acorex-modules-platform-management.mjs.map