cloud-ide-layout 1.0.82 → 1.0.83

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-CIUW6wrd.mjs → cloud-ide-layout-cloud-ide-layout-D9kKEfS1.mjs}

@@ -1266,7 +1266,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-iUf34flA.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-Bpj32QEt.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1413,6 +1413,12 @@ class CideLytHeaderWrapperComponent {
             icon: 'settings',
             iconColor: 'tw-text-gray-500'
         },
+        {
+            id: 'theme',
+            label: 'Dark Mode',
+            icon: 'dark_mode',
+            iconColor: 'tw-text-gray-500'
+        },
         {
             id: 'help',
             label: 'Help & Support',
@@ -1495,6 +1501,21 @@ class CideLytHeaderWrapperComponent {
         });
     }
     ngOnInit() {
+        // Initialize dark mode from localStorage
+        if (typeof document !== 'undefined' && typeof localStorage !== 'undefined') {
+            const isDarkMode = localStorage.getItem('cide-dark-mode') === 'true';
+            this.darkMode.set(isDarkMode);
+            if (isDarkMode) {
+                const root = document.documentElement;
+                const body = document.body;
+                root.setAttribute('data-theme', 'dark');
+                root.classList.add('dark-mode');
+                body.setAttribute('data-theme', 'dark');
+                body.classList.add('dark-mode');
+            }
+            // Update theme menu item based on current state
+            this.updateThemeMenuItem();
+        }
         this.loadFinancialYears();
         this.loadAcademicYears();
         // Initialize notification dropdown with empty state
@@ -2316,6 +2337,11 @@ class CideLytHeaderWrapperComponent {
             case 'settings':
                 this.navigateToSettings();
                 break;
+            case 'theme':
+                this.toggleTheme();
+                // Update the label dynamically
+                this.updateThemeMenuItem();
+                break;
             case 'help':
                 this.navigateToHelp();
                 break;
@@ -2324,6 +2350,43 @@ class CideLytHeaderWrapperComponent {
                 break;
         }
     }
+    /**
+     * Toggle dark mode theme
+     */
+    toggleTheme() {
+        this.darkMode.set(!this.darkMode());
+        // Apply dark mode to root element (html/body) for global theme switching
+        if (typeof document !== 'undefined') {
+            const root = document.documentElement;
+            const body = document.body;
+            if (this.darkMode()) {
+                root.setAttribute('data-theme', 'dark');
+                root.classList.add('dark-mode');
+                body.setAttribute('data-theme', 'dark');
+                body.classList.add('dark-mode');
+                // Save to localStorage
+                localStorage.setItem('cide-dark-mode', 'true');
+            }
+            else {
+                root.removeAttribute('data-theme');
+                root.classList.remove('dark-mode');
+                body.removeAttribute('data-theme');
+                body.classList.remove('dark-mode');
+                // Remove from localStorage
+                localStorage.removeItem('cide-dark-mode');
+            }
+        }
+    }
+    /**
+     * Update theme menu item label and icon based on current theme
+     */
+    updateThemeMenuItem() {
+        const themeItem = this.profileItems.find(item => item.id === 'theme');
+        if (themeItem) {
+            themeItem.label = this.darkMode() ? 'Light Mode' : 'Dark Mode';
+            themeItem.icon = this.darkMode() ? 'light_mode' : 'dark_mode';
+        }
+    }
     /**
      * Navigate to user profile page
      */
@@ -3639,8 +3702,8 @@ class CideLytSidedrawerWrapperComponent {
     }
     ngOnInit() {
         // Initialize the component map (You'd likely populate this from a config or service)
-        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-Dmi3Zuqb.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BxVKL9uk.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-DPiszVIL.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-8-q9zSW4.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -4163,7 +4226,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-bAq8un4P.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-BD25wOeY.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -5731,4 +5794,4 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, CideLytSidebarService as a, CideLytRequestService as b, CideLytSidedrawerService as c, CideLytThemeService as d, AppStateService as e, CloudIdeLayoutService as f, CloudIdeLayoutComponent as g, CideLytSharedService as h, layoutControlPannelChildRoutes as i, CustomRouteReuseStrategy as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, setCSSVariable as s, themeFactory as t };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-CIUW6wrd.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-D9kKEfS1.mjs.map