cloud-ide-layout 1.0.93 → 1.0.94

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-BJ08Dx73.mjs → cloud-ide-layout-cloud-ide-layout-D46EBbU_.mjs}

@@ -7,7 +7,7 @@ import { map, filter, tap, catchError, shareReplay, take, distinctUntilChanged }
 import * as i2 from '@angular/router';
 import { Router, NavigationEnd, RouteReuseStrategy, RouterModule } from '@angular/router';
 import { Title } from '@angular/platform-browser';
-import { CideEleFileManagerService, CideElementsService, CideEleFloatingContainerService, WebSocketNotificationService, NotificationApiService, CideInputComponent, CideIconComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleResizerDirective, TooltipDirective, CideSpinnerComponent, CideEleSkeletonLoaderComponent, CideEleFloatingContainerManagerComponent, CideEleGlobalNotificationsComponent, CideEleBreadcrumbComponent, CideEleButtonComponent } from 'cloud-ide-element';
+import { CideEleFileManagerService, CideElementsService, CideEleFloatingContainerService, CideThemeService, WebSocketNotificationService, NotificationApiService, CideInputComponent, CideIconComponent, CideEleDropdownComponent, CideEleFileImageDirective, CideEleResizerDirective, TooltipDirective, CideSpinnerComponent, CideEleSkeletonLoaderComponent, CideEleFloatingContainerManagerComponent, CideEleGlobalNotificationsComponent, CideEleBreadcrumbComponent, CideEleButtonComponent } from 'cloud-ide-element';
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass, NgFor, NgIf, isPlatformBrowser } from '@angular/common';
 import { FINANCIAL_YEAR_SERVICE_TOKEN, ACADEMIC_YEAR_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, authGuard, ENTITY_SERVICE_TOKEN } from 'cloud-ide-shared';
@@ -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-Dd5VHZDh.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-CuU4517x.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1359,6 +1359,8 @@ class CideLytHeaderWrapperComponent {
     financialYearService = inject(FINANCIAL_YEAR_SERVICE_TOKEN);
     academicYearService = inject(ACADEMIC_YEAR_SERVICE_TOKEN);
     destroyRef = inject(DestroyRef);
+    // Inject theme service for independent theme management
+    themeService = inject(CideThemeService);
     // Signals for year data
     financialYears = signal([], ...(ngDevMode ? [{ debugName: "financialYears" }] : []));
     academicYears = signal([], ...(ngDevMode ? [{ debugName: "academicYears" }] : []));
@@ -1504,21 +1506,16 @@ 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');
-            }
+        // Subscribe to theme service for reactive theme updates
+        this.themeService.getEffectiveTheme$()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(theme => {
+            this.darkMode.set(theme === 'dark');
             // Update theme menu item based on current state
             this.updateThemeMenuItem();
-        }
+        });
+        // Set initial darkMode state from theme service
+        this.darkMode.set(this.themeService.isDarkMode());
         this.loadFinancialYears();
         this.loadAcademicYears();
         // Initialize notification dropdown with empty state
@@ -2485,28 +2482,10 @@ class CideLytHeaderWrapperComponent {
      * 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');
-            }
-        }
+        // Use the CIDE Element Library theme service for theme management
+        // The service handles DOM manipulation, localStorage, and theme application
+        this.themeService.toggleTheme();
+        // Note: darkMode signal is automatically updated via the subscription in ngOnInit
     }
     /**
      * Update theme menu item label and icon based on current theme
@@ -2867,6 +2846,7 @@ class CideLytSidebarWrapperComponent {
     appState = inject(AppStateHelperService);
     router = inject(Router);
     userStatusService = inject(CideLytUserStatusService);
+    themeService = inject(CideThemeService);
     constructor() {
         // React to active module changes using signal effects
         effect(() => {
@@ -3115,28 +3095,11 @@ class CideLytSidebarWrapperComponent {
         }
     }
     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');
-            }
-        }
+        // Use the CIDE Element Library theme service for theme management
+        // The service handles DOM manipulation, localStorage, and theme application
+        this.themeService.toggleTheme();
+        // Update local darkMode signal
+        this.darkMode.set(this.themeService.isDarkMode());
     }
     toggleOptions() {
         this.showOptions.set(!this.showOptions());
@@ -3917,8 +3880,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-Dv8lU855.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BJ-GMbja.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-D-qC2FCM.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-DtB7gIrr.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -4441,7 +4404,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-CwiJfD6i.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-Cbk5odwJ.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -6009,4 +5972,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-BJ08Dx73.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-D46EBbU_.mjs.map