@acorex/platform 21.0.0-next.0 → 21.0.0-next.2

package/fesm2022/acorex-platform-themes-shared.mjs

@@ -8,7 +8,7 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { computed, inject, Component, InjectionToken, Injectable, signal, ChangeDetectionStrategy, effect, Input, Injector, NgModule } from '@angular/core';
-import { AXPSettingsService, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
+import { AXPSettingService, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import * as i1$2 from '@acorex/platform/core';
 import { AXPScreenSize, AXPPlatformScope } from '@acorex/platform/core';
 import { HttpClient } from '@angular/common/http';
@@ -37,16 +37,16 @@ import { AXBasePageComponent } from '@acorex/components/page';
 
 var AXPThemeLayoutSetting;
 (function (AXPThemeLayoutSetting) {
-    AXPThemeLayoutSetting["Name"] = "Common:Setting:Layout.Name";
-    AXPThemeLayoutSetting["Layout"] = "Common:Setting:Layout.Layout";
-    AXPThemeLayoutSetting["Font"] = "Common:Setting:Layout.Font.Family";
-    AXPThemeLayoutSetting["FontSize"] = "Common:Setting:Layout.Font.Size";
-    AXPThemeLayoutSetting["Palette"] = "Common:Setting:Layout.Palette";
-    AXPThemeLayoutSetting["Mode"] = "Common:Setting:Layout.Mode";
-    AXPThemeLayoutSetting["SideMenuStatus"] = "Common:Setting:Layout.SideMenu.Status";
-    AXPThemeLayoutSetting["SideMenuWidth"] = "Common:Setting:Layout.SideMenu.Width";
-    AXPThemeLayoutSetting["MenuOrientation"] = "Common:Setting:Layout.RootMenu.Direction";
-    AXPThemeLayoutSetting["MenuBadgeVisible"] = "Common:Setting:Layout.RootMenu.Badge";
+    AXPThemeLayoutSetting["Name"] = "layout:theme:name";
+    AXPThemeLayoutSetting["Layout"] = "layout:theme:layout";
+    AXPThemeLayoutSetting["Font"] = "layout:theme:font:family";
+    AXPThemeLayoutSetting["FontSize"] = "layout:theme:font:size";
+    AXPThemeLayoutSetting["Palette"] = "layout:theme:palette";
+    AXPThemeLayoutSetting["Mode"] = "layout:theme:mode";
+    AXPThemeLayoutSetting["SideMenuStatus"] = "layout:theme:sidemenu:status";
+    AXPThemeLayoutSetting["SideMenuWidth"] = "layout:theme:sidemenu:width";
+    AXPThemeLayoutSetting["MenuOrientation"] = "layout:theme:root-menu:direction";
+    AXPThemeLayoutSetting["MenuBadgeVisible"] = "layout:theme:root-menu:badge";
 })(AXPThemeLayoutSetting || (AXPThemeLayoutSetting = {}));
 
 // Theme Enum
@@ -123,27 +123,27 @@ withComputed(({ currentMode: currentTheme, systemThemeMode: systemTheme, sideMen
     isMenuHorizontal: computed(() => menuOrientation() === AXPMenuOrientation.Horizontal),
 })), 
 // Methods for State Management
-withMethods((store, http = inject(HttpClient), settingsService = inject(AXPSettingsService)) => {
+withMethods((store, http = inject(HttpClient), settingService = inject(AXPSettingService)) => {
     const _applySettings = async () => {
         // Initialize theme and side menu setting from storage
-        const settingThemeMode = (await settingsService.get(AXPThemeLayoutSetting.Mode)) ?? AXPThemeMode.Light;
+        const settingThemeMode = (await settingService.get(AXPThemeLayoutSetting.Mode)) ?? AXPThemeMode.Light;
         patchState(store, { currentMode: settingThemeMode });
         //
-        const settingThemePallete = (await settingsService.get(AXPThemeLayoutSetting.Palette)) ?? 'default';
+        const settingThemePallete = (await settingService.get(AXPThemeLayoutSetting.Palette)) ?? 'default';
         patchState(store, { currentPalette: settingThemePallete });
         //
-        const settingSideMenu = (await settingsService.get(AXPThemeLayoutSetting.SideMenuStatus)) ?? store.sideMenuState();
+        const settingSideMenu = (await settingService.get(AXPThemeLayoutSetting.SideMenuStatus)) ?? store.sideMenuState();
         patchState(store, { sideMenuState: settingSideMenu });
         //
-        const settingMenuOrientation = (await settingsService.get(AXPThemeLayoutSetting.MenuOrientation)) ??
+        const settingMenuOrientation = (await settingService.get(AXPThemeLayoutSetting.MenuOrientation)) ??
             store.menuOrientation();
         patchState(store, { menuOrientation: settingMenuOrientation });
         //
-        const fontFamily = await settingsService.get(AXPThemeLayoutSetting.Font);
-        const fontSize = await settingsService.get(AXPThemeLayoutSetting.FontSize);
+        const fontFamily = await settingService.get(AXPThemeLayoutSetting.Font);
+        const fontSize = await settingService.get(AXPThemeLayoutSetting.FontSize);
         patchState(store, { font: { family: fontFamily, size: fontSize } });
         //
-        const sideMenuWidth = await settingsService.get(AXPThemeLayoutSetting.SideMenuWidth);
+        const sideMenuWidth = await settingService.get(AXPThemeLayoutSetting.SideMenuWidth);
         patchState(store, { sideMenuWidth });
         await _updateHtmlClass();
     };
@@ -246,30 +246,30 @@ withMethods((store, http = inject(HttpClient), settingsService = inject(AXPSetti
     return {
         // Change theme and update HTML class
         changeThemeMode(theme) {
-            settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.Mode, theme);
+            settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.Mode, theme);
             patchState(store, { currentMode: theme });
             _updateHtmlClass();
         },
         // Open side menu
         openSideMenu() {
             patchState(store, { sideMenuState: AXPSideMenuState.Opened });
-            settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, AXPSideMenuState.Opened);
+            settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, AXPSideMenuState.Opened);
         },
         // Close side menu
         closeSideMenu() {
             patchState(store, { sideMenuState: AXPSideMenuState.Closed });
-            settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, AXPSideMenuState.Closed);
+            settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, AXPSideMenuState.Closed);
         },
         // Set side menu width
         setSideMenuWidth(width) {
             patchState(store, { sideMenuWidth: width });
-            settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuWidth, width);
+            settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuWidth, width);
         },
         // Toggle side menu state
         toggleSideMenu() {
             const newSideMenuState = store.sideMenuState() === AXPSideMenuState.Opened ? AXPSideMenuState.Closed : AXPSideMenuState.Opened;
             patchState(store, { sideMenuState: newSideMenuState });
-            settingsService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, newSideMenuState);
+            settingService.scope(AXPPlatformScope.User).set(AXPThemeLayoutSetting.SideMenuStatus, newSideMenuState);
         },
         // Set navigation loading state with a task counter
         setNavigationLoading(value, delay) {
@@ -302,17 +302,17 @@ withMethods((store, http = inject(HttpClient), settingsService = inject(AXPSetti
     };
 }), 
 // Lifecycle Hooks
-withHooks((store, settingsService = inject(AXPSettingsService)) => ({
+withHooks((store, settingService = inject(AXPSettingService)) => ({
     onInit() {
         //
-        settingsService.onChanged.pipe(filter((c) => c.scope == AXPPlatformScope.User)).subscribe(async (changes) => {
+        settingService.onChanged.pipe(filter((c) => c.scope == AXPPlatformScope.User)).subscribe(async (changes) => {
             const keys = Object.values(AXPThemeLayoutSetting);
             if (changes.keys.some((key) => keys.includes(key))) {
                 await store['loadSettings']();
             }
         });
         //
-        settingsService.onLoaded.subscribe(async () => {
+        settingService.onLoaded.subscribe(async () => {
             await store['loadSettings']();
         });
         // Set up event listener for system theme changes