@acorex/modules 19.0.0 → 19.0.1

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

@@ -1,8 +1,8 @@
-import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, signal, Component, NgModule } from '@angular/core';
 import * as i1$1 from '@acorex/platform/common';
-import { AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope, AXPSettingsService, AXPDataGenerator, AXP_MENU_PROVIDER, AXPComponentSlotModule } from '@acorex/platform/common';
+import { AXMEntityCrudServiceImpl, AXPDataGenerator, AXPEntityQueryType, AXPEntityCommandScope, AXPSettingsService, AXP_MENU_PROVIDER, AXPComponentSlotModule } from '@acorex/platform/common';
 import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
+import * as i0 from '@angular/core';
+import { Injectable, inject, Injector, signal, Component, NgModule } from '@angular/core';
 import { AXPEntityService, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
@@ -24,69 +24,39 @@ const AXMLocalizationManagementModuleConst = {
     cultureEntity: 'culture',
 };
 
-class AXMLocalizationManagementModuleEntityLoader {
-    constructor() {
-        this.injector = inject(Injector);
-    }
-    async get(moduleName, entityName) {
-        return new Promise(async (resolve) => {
-            switch (entityName) {
-                case AXMLocalizationManagementModuleConst.languageEntity: {
-                    const entity = (await Promise.resolve().then(function () { return language_entity; })).languageEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                case AXMLocalizationManagementModuleConst.timeZoneEntity: {
-                    const entity = (await Promise.resolve().then(function () { return timeZone_entity; })).timeZoneEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                case AXMLocalizationManagementModuleConst.cultureEntity: {
-                    const entity = (await Promise.resolve().then(function () { return culture_entity; })).cultureEntityFactory;
-                    resolve(entity(this.injector));
-                    break;
-                }
-                default:
-                    resolve(null);
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLocalizationManagementModuleEntityLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLocalizationManagementModuleEntityLoader }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLocalizationManagementModuleEntityLoader, decorators: [{
-            type: Injectable
-        }] });
+const LANGUAGE_SOURCE_NAME = 'localization-management.language';
+const TIMEZONE_SOURCE_NAME = 'localization-management.timeZone';
+const CULTURE_SOURCE_NAME = 'localization-management.culture';
 
-class AXMLanguageService extends AXMEntityCrudServiceImpl {
+class AXMCultureService extends AXMEntityCrudServiceImpl {
 }
-class AXMLanguageServiceImpl extends AXMEntityCrudServiceImpl {
+class AXMCultureServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
-        super(`${AXMLocalizationManagementModuleConst.moduleName}.${AXMLocalizationManagementModuleConst.languageEntity}`);
+        super(CULTURE_SOURCE_NAME);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCultureServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCultureServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCultureServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function languageEntityFactory(injector) {
-    const dataService = injector.get(AXMLanguageService);
+async function cultureEntityFactory(injector) {
+    const dataService = injector.get(AXMCultureService);
     const entityDef = {
         module: 'localization-management',
-        name: 'language',
-        source: 'localizationManagement.language',
-        title: 'Language',
+        name: 'culture',
+        source: 'localizationManagement.culture',
+        title: 'Culture',
         formats: {
-            individual: 'Language',
-            plural: 'Languages',
+            individual: 'Culture',
+            plural: 'Cultures',
         },
         relatedEntities: [],
         groups: [
             {
-                id: 'language',
-                title: 'Language',
+                id: 'culture',
+                title: 'Culture',
             },
         ],
         properties: [
@@ -127,7 +97,9 @@ async function languageEntityFactory(injector) {
         commands: {
             create: {
                 execute: async (data) => {
-                    return Promise.resolve(dataService.insertOne(data));
+                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
+                    dataService.insertOne(entity);
+                    return Promise.resolve(entity);
                 },
             },
             delete: {
@@ -305,140 +277,81 @@ async function languageEntityFactory(injector) {
     return entityDef;
 }
 
-var language_entity = /*#__PURE__*/Object.freeze({
+var culture_entity = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    languageEntityFactory: languageEntityFactory
+    cultureEntityFactory: cultureEntityFactory
 });
 
-const LANGUAGE_VARIANT_KEY = 'localization:language';
-// ThemeStore - Manages theme settings and system changes
-const AXPLocalizationStoreService = signalStore({ providedIn: 'root' }, 
-// Initial State
-withState((translationService = inject(AXTranslationService)) => {
-    const state = {
-        language: translationService.getDefaultLang(),
-    };
-    return state;
-}), 
-// Computed Signals
-// withComputed(({ }) => ({
-// })),
-// Methods for State Management
-withMethods((store, settingService = inject(AXPSettingsService), translationService = inject(AXTranslationService)) => {
-    return {
-        changeLanguage(lang) {
-            settingService.set(LANGUAGE_VARIANT_KEY, lang);
-            translationService.setActiveLang(lang);
-            patchState(store, { language: lang });
-        },
-        async loadSetting() {
-            const lang = (await settingService.get(LANGUAGE_VARIANT_KEY)) ?? translationService.getDefaultLang();
-            settingService.set(LANGUAGE_VARIANT_KEY, lang);
-            translationService.setActiveLang(lang);
-            patchState(store, { language: lang });
-        },
-    };
-}));
-
-class AXMLanguageSlotComponent {
+class AXMLocalizationManagementModuleEntityLoader {
     constructor() {
-        this.languageService = inject(AXMLanguageService);
-        this.store = inject(AXPLocalizationStoreService);
-        this.items = signal([]);
+        this.injector = inject(Injector);
     }
-    async ngOnInit() {
-        const items = (await this.languageService.query()).items.map(c => ({ code: c.code, title: c.title }));
-        this.items.set(items);
+    async get(moduleName, entityName) {
+        return new Promise(async (resolve) => {
+            switch (entityName) {
+                case AXMLocalizationManagementModuleConst.languageEntity: {
+                    const entity = (await Promise.resolve().then(function () { return language_entity; })).languageEntityFactory;
+                    resolve(entity(this.injector));
+                    break;
+                }
+                case AXMLocalizationManagementModuleConst.timeZoneEntity: {
+                    const entity = (await Promise.resolve().then(function () { return timeZone_entity; })).timeZoneEntityFactory;
+                    resolve(entity(this.injector));
+                    break;
+                }
+                case AXMLocalizationManagementModuleConst.cultureEntity: {
+                    const entity = (await Promise.resolve().then(function () { return culture_entity; })).cultureEntityFactory;
+                    resolve(entity(this.injector));
+                    break;
+                }
+                default:
+                    resolve(null);
+            }
+        });
     }
-    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 look=\"blank\">\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", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLocalizationManagementModuleEntityLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLocalizationManagementModuleEntityLoader }); }
 }
-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 look=\"blank\">\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>" }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLocalizationManagementModuleEntityLoader, decorators: [{
+            type: Injectable
         }] });
 
-class AXMLocalizationManagementModuleMenuProvider {
-    constructor() {
-        this.entityService = inject(AXPEntityService);
-    }
-    async provide(context) {
-        const scope = AXMLocalizationManagementModuleConst.i18n;
-        const moduleName = AXMLocalizationManagementModuleConst.moduleName;
-        context.addItems([
-            {
-                text: `t('module-name', {scope: "${scope}"})`,
-                icon: 'fa-solid fa-globe-stand',
-                type: 'menu',
-                priority: 9100,
-                data: {
-                // requiredPermission: 'demo.admin.settings',
-                },
-                children: [
-                    {
-                        priority: 9001,
-                        icon: 'fa-solid fa-language',
-                        text: `t('language-definition', {scope: "${scope}"})`,
-                        path: this.entityService.createPath(moduleName, AXMLocalizationManagementModuleConst.languageEntity),
-                    },
-                    {
-                        priority: 9003,
-                        icon: 'fa-solid fa-clock-one-thirty',
-                        text: `t('time-zone', {scope: "${scope}"})`,
-                        path: this.entityService.createPath(moduleName, AXMLocalizationManagementModuleConst.timeZoneEntity),
-                    },
-                    {
-                        priority: 9003,
-                        icon: 'fa-solid fa-mountain-sun',
-                        text: `t('culture', {scope: "${scope}"})`,
-                        path: this.entityService.createPath(moduleName, AXMLocalizationManagementModuleConst.cultureEntity),
-                    },
-                ],
-            },
-        ]);
-    }
-}
-
-const LANGUAGE_SOURCE_NAME = 'localization-management.language';
-const TIMEZONE_SOURCE_NAME = 'localization-management.timeZone';
-const CULTURE_SOURCE_NAME = 'localization-management.culture';
-
-class AXMTimeZoneService extends AXMEntityCrudServiceImpl {
+class AXMLanguageService extends AXMEntityCrudServiceImpl {
 }
-class AXMTimeZoneServiceImpl extends AXMEntityCrudServiceImpl {
+class AXMLanguageServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
-        super(TIMEZONE_SOURCE_NAME);
+        super(`${AXMLocalizationManagementModuleConst.moduleName}.${AXMLocalizationManagementModuleConst.languageEntity}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTimeZoneServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTimeZoneServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTimeZoneServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMLanguageServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function timeZoneEntityFactory(injector) {
-    const dataService = injector.get(AXMTimeZoneService);
+async function languageEntityFactory(injector) {
+    const dataService = injector.get(AXMLanguageService);
     const entityDef = {
         module: 'localization-management',
-        name: 'time-zone',
-        source: 'localizationManagement.timeZone',
-        title: 'Time Zone',
+        name: 'language',
+        source: 'localizationManagement.language',
+        title: 'Language',
         formats: {
-            individual: 'Time Zone',
-            plural: 'Time Zones',
+            individual: 'Language',
+            plural: 'Languages',
         },
         relatedEntities: [],
         groups: [
             {
-                id: 'section',
-                title: 'Time Zone',
+                id: 'language',
+                title: 'Language',
             },
         ],
         properties: [
             {
                 name: 'title',
                 title: 'Title',
-                groupId: 'section',
+                groupId: 'language',
                 schema: {
                     dataType: 'string',
                     interface: {
@@ -452,9 +365,9 @@ async function timeZoneEntityFactory(injector) {
                 ],
             },
             {
-                name: 'name',
-                title: 'Name',
-                groupId: 'section',
+                name: 'code',
+                title: 'Code',
+                groupId: 'language',
                 schema: {
                     dataType: 'string',
                     interface: {
@@ -467,86 +380,28 @@ async function timeZoneEntityFactory(injector) {
                     },
                 ],
             },
-            {
-                name: 'gmtOffset',
-                title: 'GMT Offset',
-                groupId: 'section',
-                schema: {
-                    dataType: 'integer',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'gmtOffsetName',
-                title: 'GMT',
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'abbreviation',
-                title: 'Abbreviation',
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'tzName',
-                title: 'TZ',
-                groupId: 'section',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-        ],
-        columns: [{ name: 'title' }, { name: 'gmtOffsetName' }, { name: 'abbreviation' }, { name: 'tzName' }],
-        commands: {
-            create: {
-                execute: async (data) => {
-                    return Promise.resolve({});
+        ],
+        columns: [{ name: 'title' }, { name: 'code' }],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    return Promise.resolve(dataService.insertOne(data));
                 },
             },
             delete: {
                 execute: async (id) => {
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
             update: {
                 execute: async (data) => {
-                    return Promise.resolve();
+                    return new Promise((resolve) => {
+                        setTimeout(async () => {
+                            await dataService.updateOne(data.id, data);
+                            resolve(data);
+                        }, 1000);
+                    });
                 },
             },
         },
@@ -571,16 +426,15 @@ async function timeZoneEntityFactory(injector) {
         },
         interfaces: {
             master: {
-                single: {
-                    title: '{{title}}',
+                create: {
                     sections: [
                         {
-                            id: 'section',
+                            id: 'language',
                         },
                     ],
                     properties: [
                         {
-                            name: 'name',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -590,7 +444,7 @@ async function timeZoneEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'title',
+                            name: 'code',
                             layout: {
                                 positions: {
                                     lg: {
@@ -599,8 +453,17 @@ async function timeZoneEntityFactory(injector) {
                                 },
                             },
                         },
+                    ],
+                },
+                update: {
+                    sections: [
                         {
-                            name: 'gmtOffset',
+                            id: 'language',
+                        },
+                    ],
+                    properties: [
+                        {
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -610,7 +473,7 @@ async function timeZoneEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'gmtOffsetName',
+                            name: 'code',
                             layout: {
                                 positions: {
                                     lg: {
@@ -619,8 +482,18 @@ async function timeZoneEntityFactory(injector) {
                                 },
                             },
                         },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        {
+                            id: 'language',
+                        },
+                    ],
+                    properties: [
                         {
-                            name: 'abbreviation',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -630,7 +503,7 @@ async function timeZoneEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'tzName',
+                            name: 'code',
                             layout: {
                                 positions: {
                                     lg: {
@@ -644,6 +517,20 @@ async function timeZoneEntityFactory(injector) {
                 },
                 list: {
                     actions: [
+                        {
+                            title: 'Create New',
+                            command: 'create-entity',
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel,
+                        },
+                        {
+                            title: 'Delete Items',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
+                        },
                         {
                             title: 'Details',
                             command: 'open-entity',
@@ -651,6 +538,13 @@ async function timeZoneEntityFactory(injector) {
                             type: 'view',
                             scope: AXPEntityCommandScope.Individual,
                         },
+                        {
+                            title: 'Delete',
+                            command: 'delete-entity',
+                            priority: 'secondary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
                     ],
                     views: [
                         {
@@ -669,47 +563,136 @@ async function timeZoneEntityFactory(injector) {
     return entityDef;
 }
 
-var timeZone_entity = /*#__PURE__*/Object.freeze({
+var language_entity = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    timeZoneEntityFactory: timeZoneEntityFactory
+    languageEntityFactory: languageEntityFactory
 });
 
-class AXMCultureService extends AXMEntityCrudServiceImpl {
+const LANGUAGE_VARIANT_KEY = 'localization:language';
+// ThemeStore - Manages theme settings and system changes
+const AXPLocalizationStoreService = signalStore({ providedIn: 'root' }, 
+// Initial State
+withState((translationService = inject(AXTranslationService)) => {
+    const state = {
+        language: translationService.getDefaultLang(),
+    };
+    return state;
+}), 
+// Computed Signals
+// withComputed(({ }) => ({
+// })),
+// Methods for State Management
+withMethods((store, settingService = inject(AXPSettingsService), translationService = inject(AXTranslationService)) => {
+    return {
+        changeLanguage(lang) {
+            settingService.set(LANGUAGE_VARIANT_KEY, lang);
+            translationService.setActiveLang(lang);
+            patchState(store, { language: lang });
+        },
+        async loadSetting() {
+            const lang = (await settingService.get(LANGUAGE_VARIANT_KEY)) ?? translationService.getDefaultLang();
+            settingService.set(LANGUAGE_VARIANT_KEY, lang);
+            translationService.setActiveLang(lang);
+            patchState(store, { language: lang });
+        },
+    };
+}));
+
+class AXMLanguageSlotComponent {
+    constructor() {
+        this.languageService = inject(AXMLanguageService);
+        this.store = inject(AXPLocalizationStoreService);
+        this.items = signal([]);
+    }
+    async ngOnInit() {
+        const items = (await this.languageService.query()).items.map(c => ({ code: c.code, title: c.title }));
+        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 look=\"blank\">\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", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "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 }] }); }
 }
-class AXMCultureServiceImpl extends AXMEntityCrudServiceImpl {
+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 look=\"blank\">\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 AXMLocalizationManagementModuleMenuProvider {
     constructor() {
-        super(CULTURE_SOURCE_NAME);
+        this.entityService = inject(AXPEntityService);
+    }
+    async provide(context) {
+        const scope = AXMLocalizationManagementModuleConst.i18n;
+        const moduleName = AXMLocalizationManagementModuleConst.moduleName;
+        context.addItems([
+            {
+                text: `t('module-name', {scope: "${scope}"})`,
+                icon: 'fa-solid fa-globe-stand',
+                type: 'menu',
+                priority: 9100,
+                data: {
+                // requiredPermission: 'demo.admin.settings',
+                },
+                children: [
+                    {
+                        priority: 9001,
+                        icon: 'fa-solid fa-language',
+                        text: `t('language-definition', {scope: "${scope}"})`,
+                        path: this.entityService.createPath(moduleName, AXMLocalizationManagementModuleConst.languageEntity),
+                    },
+                    {
+                        priority: 9003,
+                        icon: 'fa-solid fa-clock-one-thirty',
+                        text: `t('time-zone', {scope: "${scope}"})`,
+                        path: this.entityService.createPath(moduleName, AXMLocalizationManagementModuleConst.timeZoneEntity),
+                    },
+                    {
+                        priority: 9003,
+                        icon: 'fa-solid fa-mountain-sun',
+                        text: `t('culture', {scope: "${scope}"})`,
+                        path: this.entityService.createPath(moduleName, AXMLocalizationManagementModuleConst.cultureEntity),
+                    },
+                ],
+            },
+        ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCultureServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCultureServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMCultureServiceImpl, decorators: [{
+
+class AXMTimeZoneService extends AXMEntityCrudServiceImpl {
+}
+class AXMTimeZoneServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(TIMEZONE_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTimeZoneServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTimeZoneServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXMTimeZoneServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
-async function cultureEntityFactory(injector) {
-    const dataService = injector.get(AXMCultureService);
+async function timeZoneEntityFactory(injector) {
+    const dataService = injector.get(AXMTimeZoneService);
     const entityDef = {
         module: 'localization-management',
-        name: 'culture',
-        source: 'localizationManagement.culture',
-        title: 'Culture',
+        name: 'time-zone',
+        source: 'localizationManagement.timeZone',
+        title: 'Time Zone',
         formats: {
-            individual: 'Culture',
-            plural: 'Cultures',
+            individual: 'Time Zone',
+            plural: 'Time Zones',
         },
         relatedEntities: [],
         groups: [
             {
-                id: 'culture',
-                title: 'Culture',
+                id: 'section',
+                title: 'Time Zone',
             },
         ],
         properties: [
             {
                 name: 'title',
                 title: 'Title',
-                groupId: 'language',
+                groupId: 'section',
                 schema: {
                     dataType: 'string',
                     interface: {
@@ -723,9 +706,73 @@ async function cultureEntityFactory(injector) {
                 ],
             },
             {
-                name: 'code',
-                title: 'Code',
-                groupId: 'language',
+                name: 'name',
+                title: 'Name',
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'gmtOffset',
+                title: 'GMT Offset',
+                groupId: 'section',
+                schema: {
+                    dataType: 'integer',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'gmtOffsetName',
+                title: 'GMT',
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'abbreviation',
+                title: 'Abbreviation',
+                groupId: 'section',
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'tzName',
+                title: 'TZ',
+                groupId: 'section',
                 schema: {
                     dataType: 'string',
                     interface: {
@@ -739,29 +786,21 @@ async function cultureEntityFactory(injector) {
                 ],
             },
         ],
-        columns: [{ name: 'title' }, { name: 'code' }],
+        columns: [{ name: 'title' }, { name: 'gmtOffsetName' }, { name: 'abbreviation' }, { name: 'tzName' }],
         commands: {
             create: {
                 execute: async (data) => {
-                    const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.insertOne(entity);
-                    return Promise.resolve(entity);
+                    return Promise.resolve({});
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
             update: {
                 execute: async (data) => {
-                    return new Promise((resolve) => {
-                        setTimeout(async () => {
-                            await dataService.updateOne(data.id, data);
-                            resolve(data);
-                        }, 1000);
-                    });
+                    return Promise.resolve();
                 },
             },
         },
@@ -786,15 +825,16 @@ async function cultureEntityFactory(injector) {
         },
         interfaces: {
             master: {
-                create: {
+                single: {
+                    title: '{{title}}',
                     sections: [
                         {
-                            id: 'language',
+                            id: 'section',
                         },
                     ],
                     properties: [
                         {
-                            name: 'title',
+                            name: 'name',
                             layout: {
                                 positions: {
                                     lg: {
@@ -804,7 +844,7 @@ async function cultureEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'code',
+                            name: 'title',
                             layout: {
                                 positions: {
                                     lg: {
@@ -813,17 +853,8 @@ async function cultureEntityFactory(injector) {
                                 },
                             },
                         },
-                    ],
-                },
-                update: {
-                    sections: [
-                        {
-                            id: 'language',
-                        },
-                    ],
-                    properties: [
                         {
-                            name: 'title',
+                            name: 'gmtOffset',
                             layout: {
                                 positions: {
                                     lg: {
@@ -833,7 +864,7 @@ async function cultureEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'code',
+                            name: 'gmtOffsetName',
                             layout: {
                                 positions: {
                                     lg: {
@@ -842,18 +873,8 @@ async function cultureEntityFactory(injector) {
                                 },
                             },
                         },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [
-                        {
-                            id: 'language',
-                        },
-                    ],
-                    properties: [
                         {
-                            name: 'title',
+                            name: 'abbreviation',
                             layout: {
                                 positions: {
                                     lg: {
@@ -863,7 +884,7 @@ async function cultureEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'code',
+                            name: 'tzName',
                             layout: {
                                 positions: {
                                     lg: {
@@ -877,20 +898,6 @@ async function cultureEntityFactory(injector) {
                 },
                 list: {
                     actions: [
-                        {
-                            title: 'Create New',
-                            command: 'create-entity',
-                            priority: 'primary',
-                            type: 'create',
-                            scope: AXPEntityCommandScope.TypeLevel,
-                        },
-                        {
-                            title: 'Delete Items',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
                         {
                             title: 'Details',
                             command: 'open-entity',
@@ -898,13 +905,6 @@ async function cultureEntityFactory(injector) {
                             type: 'view',
                             scope: AXPEntityCommandScope.Individual,
                         },
-                        {
-                            title: 'Delete',
-                            command: 'delete-entity',
-                            priority: 'secondary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
                     ],
                     views: [
                         {
@@ -923,9 +923,9 @@ async function cultureEntityFactory(injector) {
     return entityDef;
 }
 
-var culture_entity = /*#__PURE__*/Object.freeze({
+var timeZone_entity = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    cultureEntityFactory: cultureEntityFactory
+    timeZoneEntityFactory: timeZoneEntityFactory
 });
 
 class AXMLocalizationManagementModule {
@@ -1019,5 +1019,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMCultureService, AXMCultureServiceImpl, AXMLanguageService, AXMLanguageServiceImpl, AXMLocalizationManagementModule, AXMLocalizationManagementModuleEntityLoader, AXMLocalizationManagementModuleMenuProvider, AXMTimeZoneService, AXMTimeZoneServiceImpl, CULTURE_SOURCE_NAME, LANGUAGE_SOURCE_NAME, TIMEZONE_SOURCE_NAME, cultureEntityFactory, languageEntityFactory, timeZoneEntityFactory };
+export { AXMCultureService, AXMCultureServiceImpl, AXMLanguageService, AXMLanguageServiceImpl, AXMLocalizationManagementModule, AXMLocalizationManagementModuleConst, AXMLocalizationManagementModuleEntityLoader, AXMLocalizationManagementModuleMenuProvider, AXMTimeZoneService, AXMTimeZoneServiceImpl, CULTURE_SOURCE_NAME, LANGUAGE_SOURCE_NAME, TIMEZONE_SOURCE_NAME, cultureEntityFactory, languageEntityFactory, timeZoneEntityFactory };
 //# sourceMappingURL=acorex-modules-localization-management.mjs.map