cloud-ide-layout 1.0.178 → 1.0.179

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-Dmny5YH7.mjs → cloud-ide-layout-cloud-ide-layout-BlLjLM3N.mjs}

@@ -4810,10 +4810,23 @@ class CustomRouteReuseStrategy {
         }
     }
     // Clears all stored routes (useful for cleanup)
+    // This method ensures all component instances are destroyed and removed from DOM
     clearAllStoredRoutes() {
-        Object.keys(this.storedRoutes).forEach(pathKey => {
+        const routeKeys = Object.keys(this.storedRoutes);
+        console.log(`🧹 [RouteReuseStrategy] Clearing ${routeKeys.length} stored route(s) to remove components from DOM`);
+        routeKeys.forEach(pathKey => {
             this.clearStoredRoute(pathKey);
         });
+        // Double-check that all routes are cleared
+        const remainingRoutes = Object.keys(this.storedRoutes).length;
+        if (remainingRoutes > 0) {
+            console.warn(`⚠️ [RouteReuseStrategy] ${remainingRoutes} route(s) still remain after clearing. Force clearing...`);
+            // Force clear any remaining routes
+            Object.keys(this.storedRoutes).forEach(pathKey => {
+                delete this.storedRoutes[pathKey];
+            });
+        }
+        console.log(`✅ [RouteReuseStrategy] All stored routes cleared. Components should be removed from DOM.`);
     }
     // Gets the count of stored routes (useful for debugging)
     getStoredRoutesCount() {
@@ -5165,7 +5178,8 @@ class CideLytRequestService {
             // Clear sidedrawer as no tabs are open
             this.sidedrawerService.updateDrawerItems(undefined);
             // Redirect to home screen when all tabs are closed
-            this.router.navigate(['/control-panel']);
+            // Use replaceUrl to prevent back navigation to closed tabs and ensure clean state
+            this.router.navigate(['/control-panel'], { replaceUrl: true });
         }
         this.tabsSignal.set(newTabs);
         // Request wrapper visibility is now controlled by layout configuration
@@ -5174,6 +5188,10 @@ class CideLytRequestService {
     /**
      * Close all tabs and navigate to home
      * This is used when entity changes to ensure all components are destroyed and refreshed
+     * IMPORTANT: This method ensures all tab components are removed from DOM by:
+     * 1. Clearing all stored routes from route reuse strategy (destroys component instances)
+     * 2. Clearing all tabs from TabStateService
+     * 3. Navigating to home to clear router outlet
      */
     closeAllTabs() {
         console.log('🧹 REQUEST SERVICE: Closing all tabs due to entity change');
@@ -5181,35 +5199,26 @@ class CideLytRequestService {
         // Close all floating containers first
         this.floatingContainerService.hideAll();
         console.log('🧹 REQUEST SERVICE: Closed all floating containers');
-        // Clear all tabs from TabStateService
+        // Clear all tabs from TabStateService first
         currentTabs.forEach(tab => {
             this.tabStateService.removeTab(tab.id);
-            // Clear stored routes from route reuse strategy
-            if (this.routeReuseStrategy instanceof CustomRouteReuseStrategy) {
-                let pathKey = tab.route.startsWith('/') ? tab.route.substring(1) : tab.route;
-                if (tab.params && Object.keys(tab.params).length > 0) {
-                    const queryParamsString = Object.keys(tab.params)
-                        .sort()
-                        .map(key => `${key}=${tab.params[key]}`)
-                        .join('&');
-                    pathKey += '?' + queryParamsString;
-                }
-                this.routeReuseStrategy.clearStoredRoute(pathKey);
-                // Also clear without query params
-                const pathKeyWithoutParams = tab.route.startsWith('/') ? tab.route.substring(1) : tab.route;
-                if (pathKeyWithoutParams !== pathKey) {
-                    this.routeReuseStrategy.clearStoredRoute(pathKeyWithoutParams);
-                }
-            }
         });
-        // Clear all tabs
+        // Clear ALL stored routes from route reuse strategy
+        // This ensures all component instances are destroyed and removed from DOM
+        if (this.routeReuseStrategy instanceof CustomRouteReuseStrategy) {
+            console.log('🧹 REQUEST SERVICE: Clearing all stored routes to remove components from DOM');
+            this.routeReuseStrategy.clearAllStoredRoutes();
+            console.log('✅ REQUEST SERVICE: All stored routes cleared, components destroyed');
+        }
+        // Clear all tabs from signals
         this.tabsSignal.set([]);
         this.activeTabIdSignal.set(null);
         this.tabStateService.setActiveTab(null);
         // Clear sidedrawer
         this.sidedrawerService.updateDrawerItems(undefined);
-        // Navigate to home
-        this.router.navigate(['/control-panel']);
+        // Navigate to home - this ensures router outlet is cleared and any remaining components are removed
+        // Use replaceUrl to prevent back navigation to closed tabs
+        this.router.navigate(['/control-panel'], { replaceUrl: true });
         console.log('✅ REQUEST SERVICE: All tabs and floating containers closed, navigated to home');
     }
     // Hide Request
@@ -5364,8 +5373,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-c7SI5coP.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-B08bRsuV.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-BuDfM6ms.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-D4qmt25K.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -7057,7 +7066,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-Cmq9HGPt.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-DeR1T21C.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -7065,7 +7074,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "dashboard-manager",
-        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-VUHtS7Oq.mjs').then(c => c.DashboardManagerComponent),
+        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-DWxN9ReS.mjs').then(c => c.DashboardManagerComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_dashboard_manager"
@@ -8889,4 +8898,4 @@ var floatingEntitySelection_component = /*#__PURE__*/Object.freeze({
  */
 
 export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, RightsService as R, CideLytSidebarService as a, CideLytSidedrawerService as b, CideLytThemeService as c, CloudIdeLayoutService as d, CloudIdeLayoutComponent as e, CideLytSharedService as f, ComponentContextService as g, layoutControlPannelChildRoutes as h, CustomRouteReuseStrategy as i, AppStateService as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, CideLytFloatingEntitySelectionComponent as r, setCSSVariable as s, themeFactory as t, CideLytFloatingEntitySelectionService as u };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-Dmny5YH7.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-BlLjLM3N.mjs.map