@acorex/modules 19.2.4 → 19.2.6

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

@@ -1,12 +1,14 @@
 import * as i1$1 from '@acorex/platform/common';
 import { AXPSettingScope, AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER, AXPComponentSlotModule, AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope, AXP_APP_VERSION_PROVIDER, AXPAppStartUpService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
-import { AXP_ENTITY_DEFINITION_LOADER, AXPEntityService } from '@acorex/platform/layout/entity';
-import * as i2$1 from '@acorex/platform/workflow';
+import { AXP_ENTITY_DEFINITION_LOADER, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN } from '@acorex/platform/layout/entity';
+import * as i2$4 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowService, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, signal, Component, NgModule } from '@angular/core';
+import { inject, Injector, Injectable, signal, Component, NgModule, HostListener, ChangeDetectionStrategy, Input } from '@angular/core';
+import { ROUTES } from '@angular/router';
 import { objectKeyValueTransforms, AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
-import { AXTranslationService } from '@acorex/core/translation';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
 import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
@@ -15,12 +17,26 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i1 from '@acorex/components/dropdown';
 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 { AXPopupService } from '@acorex/components/popup';
+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 * as i1$2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
+import { AXPSimplePageLayout } from '@acorex/platform/themes/default';
+import { AXPThemeLayoutHeaderTemplateComponent, AXPThemeLayoutBlockComponent } from '@acorex/platform/themes/shared';
+import { AXPopupService } from '@acorex/components/popup';
+import * as i3$1 from '@acorex/components/check-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i2$2 from '@acorex/components/label';
+import { AXLabelModule } from '@acorex/components/label';
+import * 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';
 
 class AXMCommonModuleEntityProvider {
@@ -337,7 +353,7 @@ 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-sub-title, 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", "_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,
@@ -432,11 +448,13 @@ const RootConfig = {
         appVersion: {
             name: 'app-version',
             title: `t("appVersion", {scope:"${config.i18n}"})`,
+            titlePlural: `t("appVersionPlural", {scope:"${config.i18n}"})`,
             icon: 'fa-regular fa-code-branch',
         },
         appTerm: {
             name: 'app-term',
             title: `t("appTerm", {scope:"${config.i18n}"})`,
+            titlePlural: `t("appTermPlural", {scope:"${config.i18n}"})`,
             icon: 'fa-light fa-scale-balanced',
         },
     },
@@ -457,14 +475,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 async function appTermEntityEntityFactory(injector) {
     const dataService = injector.get(AXMAppTermService);
+    const i18n = RootConfig.config.i18n;
     const entityDef = {
         module: RootConfig.module.name,
         name: RootConfig.entities.appTerm.name,
         source: '',
         title: RootConfig.entities.appTerm.title,
         formats: {
-            individual: 'Application Term',
-            plural: 'Application Terms',
+            individual: RootConfig.entities.appTerm.title,
+            plural: RootConfig.entities.appTerm.titlePlural,
         },
         relatedEntities: [],
         groups: [
@@ -475,8 +494,8 @@ async function appTermEntityEntityFactory(injector) {
         ],
         properties: [
             {
-                name: 'name',
-                title: 'Name',
+                name: 'type',
+                title: `t("type", { scope: "common" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -492,7 +511,7 @@ async function appTermEntityEntityFactory(injector) {
             },
             {
                 name: 'title',
-                title: 'Title',
+                title: `t("title", { scope: "common" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -508,7 +527,7 @@ async function appTermEntityEntityFactory(injector) {
             },
             {
                 name: 'content',
-                title: 'Content',
+                title: `t("content", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -524,7 +543,7 @@ async function appTermEntityEntityFactory(injector) {
             },
             {
                 name: 'version',
-                title: 'Version',
+                title: `t("version", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'number',
@@ -540,7 +559,7 @@ async function appTermEntityEntityFactory(injector) {
             },
             {
                 name: 'effectiveDate',
-                title: 'Effective Date',
+                title: `t("effectiveDate", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'dateTime',
@@ -554,30 +573,8 @@ async function appTermEntityEntityFactory(injector) {
                     },
                 ],
             },
-            {
-                name: 'isActive',
-                title: 'Is Active',
-                groupId: 'section',
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.checkbox,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-        ],
-        columns: [
-            { name: 'title' },
-            { name: 'content' },
-            { name: 'version' },
-            { name: 'effectiveDate' },
-            { name: 'isActive' },
         ],
+        columns: [{ name: 'title' }, { name: 'content' }, { name: 'version' }, { name: 'effectiveDate' }],
         commands: {
             create: {
                 execute: async (data) => {
@@ -632,21 +629,23 @@ async function appTermEntityEntityFactory(injector) {
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 5,
+                                        colSpan: 12,
+                                        order: 1,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'type',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 5,
+                                        colSpan: 4,
+                                        order: 2,
                                     },
                                 },
                             },
@@ -656,7 +655,8 @@ async function appTermEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 2,
+                                        colSpan: 4,
+                                        order: 3,
                                     },
                                 },
                             },
@@ -667,26 +667,18 @@ async function appTermEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 10,
                                     },
                                 },
                             },
                         },
                         {
                             name: 'effectiveDate',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 8,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'isActive',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 4,
                                     },
                                 },
                             },
@@ -701,21 +693,23 @@ async function appTermEntityEntityFactory(injector) {
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 5,
+                                        colSpan: 12,
+                                        order: 1,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'type',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 5,
+                                        colSpan: 4,
+                                        order: 2,
                                     },
                                 },
                             },
@@ -725,7 +719,8 @@ async function appTermEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 2,
+                                        colSpan: 4,
+                                        order: 3,
                                     },
                                 },
                             },
@@ -736,26 +731,18 @@ async function appTermEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 10,
                                     },
                                 },
                             },
                         },
                         {
                             name: 'effectiveDate',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 8,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'isActive',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 4,
                                     },
                                 },
                             },
@@ -763,7 +750,7 @@ async function appTermEntityEntityFactory(injector) {
                     ],
                 },
                 single: {
-                    title: '{{versionNumber}}',
+                    title: '{{title}}',
                     sections: [
                         {
                             id: 'section',
@@ -771,21 +758,23 @@ async function appTermEntityEntityFactory(injector) {
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 5,
+                                        colSpan: 6,
+                                        order: 1,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'type',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 5,
+                                        colSpan: 6,
+                                        order: 2,
                                     },
                                 },
                             },
@@ -795,7 +784,8 @@ async function appTermEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 2,
+                                        colSpan: 6,
+                                        order: 3,
                                     },
                                 },
                             },
@@ -806,6 +796,7 @@ async function appTermEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 10,
                                     },
                                 },
                             },
@@ -815,17 +806,8 @@ async function appTermEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 8,
-                                    },
-                                },
-                            },
-                        },
-                        {
-                            name: 'isActive',
-                            layout: {
-                                positions: {
-                                    lg: {
-                                        colSpan: 4,
+                                        colSpan: 6,
+                                        order: 4,
                                     },
                                 },
                             },
@@ -881,6 +863,139 @@ async function appTermEntityEntityFactory(injector) {
     return entityDef;
 }
 
+class AXMListTermsComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.service = inject(AXMAppTermService);
+        this.htmlUtil = inject(AXPHtmlUtils);
+        this.i18n = RootConfig.config.i18n;
+        this.pageTitle = RootConfig.entities.appTerm.titlePlural;
+        this.terms = [];
+        this.loaded = signal(false);
+        this.showScrollSide = false;
+    }
+    ngAfterViewInit() {
+        this.checkScroll();
+    }
+    onResize() {
+        this.checkScroll();
+    }
+    checkScroll() {
+        const contentElement = document.getElementById('contentDiv');
+        if (contentElement != null) {
+            this.showScrollSide = contentElement.offsetHeight > window.innerHeight - 140;
+        }
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        const result = await this.service.query({
+            skip: 0,
+            take: 1000,
+        });
+        this.terms = result.items.map((term) => {
+            return {
+                ...term,
+                content: this.htmlUtil.getTextFromHTML(term.content),
+            };
+        });
+        this.loaded.set(true);
+        setTimeout(() => this.checkScroll(), 50);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListTermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXMListTermsComponent, isStandalone: true, selector: "acorex-platform-list-terms", host: { listeners: { "window:resize": "onResize($event)" } }, usesInheritance: true, ngImport: i0, template: "<axp-layout-simple-page>\n  <axp-layout-header>\n    <axp-layout-title> {{ pageTitle | translate : { scope: i18n } | async }} </axp-layout-title>\n\n    <axp-layout-description>Please review the terms and conditions carefully. </axp-layout-description>\n  </axp-layout-header>\n  @if(loaded()){\n  <axp-layout-content id=\"contentDiv\" axOutlineContainer target=\"h2\">\n    <div class=\"ax-flex\">\n      <div class=\"ax-flex ax-flex-col\">\n        @for (term of terms; track term.id) {\n        <div class=\"ax-flex ax-flex-col\">\n          <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n          <p class=\"ax-px-4 ax-text-sm ax-leading-5 ax-text-neutral-700\">\n            {{ term.effectiveDate | format : 'datetime' | async }}\n          </p>\n          <div class=\"ax-pt-3 ax-px-6 ax-text-base/6\" [innerHTML]=\"term.content\"></div>\n        </div>\n        }\n      </div>\n      @if(showScrollSide){\n      <div class=\"ax-hidden lg:ax-block ax-min-w-60 ax-sticky ax-top-0\">\n        <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full\"></ax-side-menu>\n      </div>\n      }\n    </div>\n  </axp-layout-content>\n  }\n</axp-layout-simple-page>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }, { kind: "component", type: AXPSimplePageLayout, selector: "axp-layout-simple-page" }, { kind: "component", type: AXPThemeLayoutHeaderTemplateComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-layout-content,     axp-layout-header-container,    axp-layout-footer-container,    axp-layout-side-container,    axp-layout-sections,    axp-layout-section-container,    axp-layout-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title,     axp-layout-nav-button,     axp-layout-description,     axp-layout-toolbar,    axp-layout-title-bar,    axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "ngmodule", type: AXSideMenuModule }, { kind: "component", type: i4.AXSideMenuComponent, selector: "ax-side-menu", inputs: ["items", "look", "location"], outputs: ["itemsChange"] }, { kind: "directive", type: i4.AXOutlineSideMenuDirective, selector: "[axOutlineSideMenu]", exportAs: ["axOutlineSideMenu"] }, { kind: "ngmodule", type: AXOutlineModule }, { kind: "directive", type: i5.AXOutlineContainerDirective, selector: "[axOutlineContainer]", inputs: ["target", "smoothScroll", "activationOffset", "activateLastAtBottom"], exportAs: ["axOutlineContainer"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMListTermsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acorex-platform-list-terms', imports: [
+                        CommonModule,
+                        AXDecoratorModule,
+                        AXFormatModule,
+                        AXPSimplePageLayout,
+                        AXPThemeLayoutHeaderTemplateComponent,
+                        AXPThemeLayoutBlockComponent,
+                        AXTranslationModule,
+                        AXSideMenuModule,
+                        AXOutlineModule,
+                    ], template: "<axp-layout-simple-page>\n  <axp-layout-header>\n    <axp-layout-title> {{ pageTitle | translate : { scope: i18n } | async }} </axp-layout-title>\n\n    <axp-layout-description>Please review the terms and conditions carefully. </axp-layout-description>\n  </axp-layout-header>\n  @if(loaded()){\n  <axp-layout-content id=\"contentDiv\" axOutlineContainer target=\"h2\">\n    <div class=\"ax-flex\">\n      <div class=\"ax-flex ax-flex-col\">\n        @for (term of terms; track term.id) {\n        <div class=\"ax-flex ax-flex-col\">\n          <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n          <p class=\"ax-px-4 ax-text-sm ax-leading-5 ax-text-neutral-700\">\n            {{ term.effectiveDate | format : 'datetime' | async }}\n          </p>\n          <div class=\"ax-pt-3 ax-px-6 ax-text-base/6\" [innerHTML]=\"term.content\"></div>\n        </div>\n        }\n      </div>\n      @if(showScrollSide){\n      <div class=\"ax-hidden lg:ax-block ax-min-w-60 ax-sticky ax-top-0\">\n        <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full\"></ax-side-menu>\n      </div>\n      }\n    </div>\n  </axp-layout-content>\n  }\n</axp-layout-simple-page>\n" }]
+        }], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+class AXMNotifyAppTermComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        this.isConfirm = false;
+        this.htmlUtil = inject(AXPHtmlUtils);
+        this.i18n = RootConfig.config.i18n;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.safeData = this.htmlUtil.getSafeHTMLfromHTML(this.data.content);
+    }
+    send() {
+        this.close({ data: this.data });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppTermComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMNotifyAppTermComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppTermComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-notify-app', imports: [CommonModule, AXLabelModule, AXCheckBoxModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>\n" }]
+        }] });
+
+class AXMNotifyNewTermPopupAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.popupService = inject(AXPopupService);
+    }
+    async execute(context) {
+        const data = context.getVariable();
+        await this.popupService.open(AXMNotifyAppTermComponent, {
+            title: `${data.title}`,
+            data: { data },
+            closeButton: false,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyNewTermPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyNewTermPopupAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyNewTermPopupAction, decorators: [{
+            type: Injectable
+        }] });
+class AXMTermUpdateSettingAction extends AXPWorkflowAction {
+    constructor() {
+        super(...arguments);
+        this.settingService = inject(AXPSettingService);
+    }
+    async execute(context) {
+        const data = context.getVariable();
+        await this.settingService.scope(AXPSettingScope.User).set(`is-confirm-term-${data.id}`, true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTermUpdateSettingAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTermUpdateSettingAction }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTermUpdateSettingAction, decorators: [{
+            type: Injectable
+        }] });
+const AXMNewTermWorkflow = {
+    startStepId: 'show-popup',
+    steps: {
+        'show-popup': {
+            action: 'AXMNotifyNewTermPopupAction',
+            nextSteps: [
+                {
+                    conditions: [],
+                    nextStepId: 'first-time-add-to-setting',
+                },
+            ],
+        },
+        'first-time-add-to-setting': {
+            action: 'AXMTermUpdateSettingAction',
+        },
+    },
+};
+
 class AXMAppVersionService extends AXMEntityCrudServiceImpl {
 }
 class AXMAppVersionServiceImpl extends AXMEntityCrudServiceImpl {
@@ -896,14 +1011,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 async function appVersionEntityEntityFactory(injector) {
     const dataService = injector.get(AXMAppVersionService);
+    const i18n = RootConfig.config.i18n;
     const entityDef = {
         module: RootConfig.module.name,
         name: RootConfig.entities.appVersion.name,
         source: '',
         title: RootConfig.entities.appVersion.title,
         formats: {
-            individual: 'Application Version',
-            plural: 'Application Versions',
+            individual: RootConfig.entities.appVersion.title,
+            plural: RootConfig.entities.appVersion.title,
         },
         relatedEntities: [],
         groups: [
@@ -915,7 +1031,7 @@ async function appVersionEntityEntityFactory(injector) {
         properties: [
             {
                 name: 'versionNumber',
-                title: 'Version Number',
+                title: `t("versionNumber", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -931,7 +1047,7 @@ async function appVersionEntityEntityFactory(injector) {
             },
             {
                 name: 'changeLog',
-                title: 'Change Log',
+                title: `t("changeLogs", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -948,7 +1064,7 @@ async function appVersionEntityEntityFactory(injector) {
             },
             {
                 name: 'publishDate',
-                title: 'Publish Date',
+                title: `t("publishDate", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'dateTime',
@@ -964,7 +1080,7 @@ async function appVersionEntityEntityFactory(injector) {
             },
             {
                 name: 'showFirstTimePopup',
-                title: 'Show First Time Popup',
+                title: `t("notifyUser", { scope: "${i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'boolean',
@@ -1038,6 +1154,7 @@ async function appVersionEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
+                                        order: 1,
                                         colSpan: 4,
                                     },
                                 },
@@ -1048,6 +1165,7 @@ async function appVersionEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
+                                        order: 2,
                                         colSpan: 4,
                                     },
                                 },
@@ -1059,6 +1177,7 @@ async function appVersionEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 3,
                                     },
                                 },
                             },
@@ -1068,6 +1187,7 @@ async function appVersionEntityEntityFactory(injector) {
                             layout: {
                                 positions: {
                                     lg: {
+                                        order: 10,
                                         colSpan: 12,
                                     },
                                 },
@@ -1088,6 +1208,7 @@ async function appVersionEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 1,
                                     },
                                 },
                             },
@@ -1098,6 +1219,7 @@ async function appVersionEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 2,
                                     },
                                 },
                             },
@@ -1108,6 +1230,7 @@ async function appVersionEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 4,
+                                        order: 3,
                                     },
                                 },
                             },
@@ -1118,6 +1241,7 @@ async function appVersionEntityEntityFactory(injector) {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
+                                        order: 4,
                                     },
                                 },
                             },
@@ -1223,7 +1347,7 @@ async function appVersionEntityEntityFactory(injector) {
     return entityDef;
 }
 
-class AXMAppVersionPopupComponent extends AXBasePageComponent {
+class AXMNotifyAppComponent extends AXBasePageComponent {
     constructor() {
         super(...arguments);
         this.isShowAgain = true;
@@ -1236,17 +1360,81 @@ class AXMAppVersionPopupComponent extends AXBasePageComponent {
     send() {
         this.close({ data: this.data, isShowAgain: !this.isShowAgain });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAppVersionPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMAppVersionPopupComponent, isStandalone: true, selector: "app-test", usesInheritance: true, ngImport: i0, template: "<div [innerHTML]=\"safeData\"></div>\n<label>\n  <input type=\"checkbox\" [(ngModel)]=\"isShowAgain\" />\n  Don't show again\n</label>\n<button (click)=\"send()\">Close</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXMNotifyAppComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAppVersionPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMNotifyAppComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-test', imports: [
+            args: [{ selector: 'axm-notify-app', imports: [CommonModule, AXLabelModule, AXCheckBoxModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], template: "<ax-content class=\"ax-block ax-px-4 ax-py-4\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n" }]
+        }] });
+
+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\" [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,
-                        FormsModule, // Add FormsModule here
-                    ], template: "<div [innerHTML]=\"safeData\"></div>\n<label>\n  <input type=\"checkbox\" [(ngModel)]=\"isShowAgain\" />\n  Don't show again\n</label>\n<button (click)=\"send()\">Close</button>\n" }]
+                        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\" [innerHtml]=\"version.content\"></ax-content>\n    </ax-time-line-item>\n    }\n  </ax-time-line>\n  <ax-footer class=\"ax-flex !ax-justify-end\"\n    ><ax-button [text]=\"'okay' | translate | async\" color=\"primary\" (onClick)=\"this.close()\"></ax-button\n  ></ax-footer>\n</div>\n" }]
         }] });
 
+class AXMAppVersionSlotComponent {
+    constructor() {
+        this.versionProvider = inject(AXP_APP_VERSION_PROVIDER);
+        this.popupService = inject(AXPopupService);
+        this.versionNumber = '';
+    }
+    async ngOnInit() {
+        this.versionNumber = (await this.versionProvider.provider()).version;
+    }
+    openPopup() {
+        this.popupService.open(AXMListVersionComponent, {
+            title: 'Versions',
+            //data: { data },
+        });
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMAppVersionSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <small class="ax-text-sm ax-cursor-pointer" (click)="openPopup()">{{ versionNumber }}</small> `,
+                    standalone: true,
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }] } });
+
 class AXMChangeLogPopupAction extends AXPWorkflowAction {
     constructor() {
         super(...arguments);
@@ -1254,7 +1442,10 @@ class AXMChangeLogPopupAction extends AXPWorkflowAction {
     }
     async execute(context) {
         const data = context.getVariable();
-        const result = await this.popupService.open(AXMAppVersionPopupComponent, { data: { data } });
+        const result = await this.popupService.open(AXMNotifyAppComponent, {
+            title: `New Features in Version ${data.versionNumber}`,
+            data: { data },
+        });
         if (result.data?.isShowAgain) {
             context.setOutput('result', false);
         }
@@ -1303,6 +1494,59 @@ const AXMChangeLogWorkflow = {
     },
 };
 
+class AppTermAndVersionCheck {
+    constructor() {
+        this.versionProvider = inject(AXP_APP_VERSION_PROVIDER);
+        this.settingsService = inject(AXPSettingService);
+        this.workflowService = inject(AXPWorkflowService);
+        this.appVersionService = inject(AXMAppVersionService);
+        this.appTermService = inject(AXMAppTermService);
+        this.appInitService = inject(AXPAppStartUpService);
+        //check new version
+        this.appInitService.registerTask({
+            name: 'Version',
+            statusText: 'Check New Version...',
+            run: async () => {
+                const versions = await this.appVersionService.query();
+                versions.items.forEach(async (v) => {
+                    const current = (await this.versionProvider.provider()).version;
+                    if (v.versionNumber == current) {
+                        const isSee = await this.settingsService
+                            .scope(AXPSettingScope.User)
+                            .get(`is-see-check-version-${v.versionNumber}`);
+                        if (!isSee) {
+                            setTimeout(() => {
+                                this.workflowService.execute('change-log-version', v);
+                            }, 500);
+                        }
+                    }
+                });
+            },
+        });
+        //check new term
+        this.appInitService.registerTask({
+            name: 'Terms',
+            statusText: 'Check New Terms And Conditions...',
+            run: async () => {
+                const terms = await this.appTermService.query();
+                terms.items.forEach(async (t) => {
+                    const isConfirm = await this.settingsService.scope(AXPSettingScope.User).get(`is-confirm-term-${t.id}`);
+                    if (!isConfirm) {
+                        setTimeout(() => {
+                            this.workflowService.execute('new-term', t);
+                        }, 500);
+                    }
+                });
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AppTermAndVersionCheck, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AppTermAndVersionCheck }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AppTermAndVersionCheck, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 class AXMGlobalVariablesService extends AXMEntityCrudServiceImpl {
 }
 class AXMGlobalVariablesServiceImpl extends AXMEntityCrudServiceImpl {
@@ -1323,7 +1567,7 @@ async function globalVariableEntityFactory(injector) {
         module: RootConfig.module.name,
         name: RootConfig.entities.globalVariable.name,
         source: '',
-        title: 'Global Variable',
+        title: RootConfig.entities.globalVariable.title,
         formats: {
             individual: 'Global Variable',
             plural: 'Global Variables',
@@ -1338,7 +1582,7 @@ async function globalVariableEntityFactory(injector) {
         properties: [
             {
                 name: 'name',
-                title: `t("name", { scope: "${i18n}" })`,
+                title: `t("name", { scope: "common" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -1354,7 +1598,7 @@ async function globalVariableEntityFactory(injector) {
             },
             {
                 name: 'title',
-                title: `t("title", { scope: "${i18n}" })`,
+                title: `t("title", { scope: "common" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -1663,54 +1907,25 @@ var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AXMAppTermService: AXMAppTermService,
     AXMAppTermServiceImpl: AXMAppTermServiceImpl,
-    AXMAppVersionPopupComponent: AXMAppVersionPopupComponent,
     AXMAppVersionService: AXMAppVersionService,
     AXMAppVersionServiceImpl: AXMAppVersionServiceImpl,
+    AXMAppVersionSlotComponent: AXMAppVersionSlotComponent,
     AXMChangeLogPopupAction: AXMChangeLogPopupAction,
     AXMChangeLogUpdateSettingAction: AXMChangeLogUpdateSettingAction,
     AXMChangeLogWorkflow: AXMChangeLogWorkflow,
     AXMGlobalVariablesService: AXMGlobalVariablesService,
     AXMGlobalVariablesServiceImpl: AXMGlobalVariablesServiceImpl,
+    AXMListTermsComponent: AXMListTermsComponent,
+    AXMNewTermWorkflow: AXMNewTermWorkflow,
+    AXMNotifyAppComponent: AXMNotifyAppComponent,
+    AXMNotifyNewTermPopupAction: AXMNotifyNewTermPopupAction,
+    AXMTermUpdateSettingAction: AXMTermUpdateSettingAction,
+    AppTermAndVersionCheck: AppTermAndVersionCheck,
     appTermEntityEntityFactory: appTermEntityEntityFactory,
     appVersionEntityEntityFactory: appVersionEntityEntityFactory,
     globalVariableEntityFactory: globalVariableEntityFactory
 });
 
-class AppVersionCheck {
-    constructor() {
-        this.versionProvider = inject(AXP_APP_VERSION_PROVIDER);
-        this.settingsService = inject(AXPSettingService);
-        this.workflowService = inject(AXPWorkflowService);
-        this.appVersionService = inject(AXMAppVersionService);
-        this.appInitService = inject(AXPAppStartUpService);
-        this.appInitService.registerTask({
-            name: 'Version',
-            statusText: 'Check New Version...',
-            run: async () => {
-                const versions = await this.appVersionService.query();
-                versions.items.forEach(async (v) => {
-                    const current = (await this.versionProvider.provider()).version;
-                    if (v.versionNumber == current) {
-                        const isSee = await this.settingsService
-                            .scope(AXPSettingScope.User)
-                            .get(`is-see-check-version-${v.versionNumber}`);
-                        if (!isSee) {
-                            setTimeout(() => {
-                                this.workflowService.execute('change-log-version', v);
-                            }, 500);
-                        }
-                    }
-                });
-            },
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AppVersionCheck, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AppVersionCheck }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AppVersionCheck, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
 class AXMEntityLoader {
     constructor() {
         this.injector = inject(Injector);
@@ -1824,17 +2039,50 @@ 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');
     }
 }
 
+function routesFactory() {
+    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
+    const routes = [
+        {
+            path: ':app',
+            component: config.viewers.root(),
+            children: [
+                {
+                    path: 'list-term',
+                    loadComponent: () => Promise.resolve().then(function () { return index; }).then((c) => c.AXMListTermsComponent),
+                },
+            ],
+        },
+    ];
+    return routes;
+}
 class AXMPlatformManagementModule {
     /**
      * @ignore
      */
     constructor(appVersionCheck) { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, deps: [{ token: AppVersionCheck }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMPlatformManagementCommonModule, i2$1.AXPWorkflowModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, deps: [{ token: AppTermAndVersionCheck }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMPlatformManagementCommonModule, i2$4.AXPWorkflowModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMPlatformManagementModule, providers: [
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFactory,
+            },
             {
                 provide: AXMGlobalVariablesService,
                 useClass: AXMGlobalVariablesServiceImpl,
@@ -1857,15 +2105,18 @@ class AXMPlatformManagementModule {
                 useClass: AXMMenuProvider,
                 multi: true,
             },
-            AppVersionCheck,
+            AppTermAndVersionCheck,
         ], imports: [AXMPlatformManagementCommonModule,
             AXPWorkflowModule.forChild({
                 actions: {
                     AXMChangeLogPopupAction,
                     AXMChangeLogUpdateSettingAction,
+                    AXMNotifyNewTermPopupAction,
+                    AXMTermUpdateSettingAction,
                 },
                 workflows: {
                     'change-log-version': AXMChangeLogWorkflow,
+                    'new-term': AXMNewTermWorkflow,
                 },
             })] }); }
 }
@@ -1878,15 +2129,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             actions: {
                                 AXMChangeLogPopupAction,
                                 AXMChangeLogUpdateSettingAction,
+                                AXMNotifyNewTermPopupAction,
+                                AXMTermUpdateSettingAction,
                             },
                             workflows: {
                                 'change-log-version': AXMChangeLogWorkflow,
+                                'new-term': AXMNewTermWorkflow,
                             },
                         }),
                     ],
                     exports: [],
                     declarations: [],
                     providers: [
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFactory,
+                        },
                         {
                             provide: AXMGlobalVariablesService,
                             useClass: AXMGlobalVariablesServiceImpl,
@@ -1909,14 +2168,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                             useClass: AXMMenuProvider,
                             multi: true,
                         },
-                        AppVersionCheck,
+                        AppTermAndVersionCheck,
                     ],
                 }]
-        }], ctorParameters: () => [{ type: AppVersionCheck }] });
+        }], ctorParameters: () => [{ type: AppTermAndVersionCheck }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXMCommonModuleEntityProvider, AXMPlatformManagementModule, RootConfig };
+export { AXMAppTermService, AXMAppTermServiceImpl, AXMAppVersionService, AXMAppVersionServiceImpl, AXMAppVersionSlotComponent, AXMChangeLogPopupAction, AXMChangeLogUpdateSettingAction, AXMChangeLogWorkflow, AXMCommonModuleEntityProvider, AXMGlobalVariablesService, AXMGlobalVariablesServiceImpl, AXMListTermsComponent, AXMNewTermWorkflow, AXMNotifyAppComponent, AXMNotifyNewTermPopupAction, AXMPlatformManagementModule, AXMTermUpdateSettingAction, AppTermAndVersionCheck, RootConfig, appTermEntityEntityFactory, appVersionEntityEntityFactory, globalVariableEntityFactory };
 //# sourceMappingURL=acorex-modules-platform-management.mjs.map