cloud-ide-layout 1.0.147 → 1.0.149

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-C5PGNAll.mjs → cloud-ide-layout-cloud-ide-layout-Dz4ikvRE.mjs}

@@ -1379,7 +1379,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-DJhoaSJ7.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-CQvX2vCb.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -3830,6 +3830,8 @@ class CideLytSidebarWrapperComponent {
     router = inject(Router);
     userStatusService = inject(CideLytUserStatusService);
     themeService = inject(CideThemeService);
+    // Track previous entity ID to detect changes
+    previousEntityId = null;
     constructor() {
         // React to active module changes using signal effects
         effect(() => {
@@ -3848,6 +3850,26 @@ class CideLytSidebarWrapperComponent {
                 }
             }
         });
+        // React to entity changes and reload sidebar menus
+        effect(() => {
+            const activeEntity = this.appState.activeEntity();
+            const currentEntityId = activeEntity?._id || null;
+            // Skip on initial load (when previousEntityId is null)
+            if (this.previousEntityId === null) {
+                this.previousEntityId = currentEntityId;
+                console.log('🏢 SIDEBAR: Entity change handler initialized with initial entity:', currentEntityId);
+                return;
+            }
+            // Only reload if entity actually changed and no load is in progress
+            if (this.previousEntityId !== currentEntityId && currentEntityId !== null) {
+                console.log('🔄 SIDEBAR: Entity changed from', this.previousEntityId, 'to', currentEntityId, '- reloading sidebar menus');
+                this.previousEntityId = currentEntityId;
+                // Clear current menus first
+                this.core_system_menu.set([]);
+                // Reload sidebar menus for the new entity (this will also reload menus for active module)
+                this.loadSidebarMenus();
+            }
+        });
         // Subscribe to router events to prevent unwanted module changes on navigation
         // Only listen to NavigationEnd events to avoid triggering on every navigation event
         this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event) => {
@@ -3878,6 +3900,18 @@ class CideLytSidebarWrapperComponent {
             this.animateSections.set([true, true, true, true, true]);
         };
         initializeAnimations();
+        // Load sidebar menus on initialization
+        this.loadSidebarMenus();
+        // collecte the width of the sidebar by using the style property
+        const cide_lyt_stack_wrapper_width = parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('--cide-lyt-stack-wrapper-width'));
+        const cide_lyt_sidebar_menu_width = parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('--cide-lyt-sidebar-menu-width'));
+        this.sidebarSetupData.cide_lyt_sidebar_width = (cide_lyt_stack_wrapper_width + cide_lyt_sidebar_menu_width);
+    }
+    /**
+     * Load sidebar menu data
+     * This method is called on initialization and when entity changes
+     */
+    loadSidebarMenus() {
         // Get sidebar menu data with loading state tracking
         // Include entity ID to get menus/rights as per logged in entity
         const activeEntity = this.appState.activeEntity();
@@ -3899,11 +3933,9 @@ class CideLytSidebarWrapperComponent {
                         const foundModule = this.core_system_module().find(m => m._id === activeModule._id);
                         if (foundModule) {
                             console.log('✅ SIDEBAR: Active module found in loaded modules:', foundModule.syme_title);
-                            // The effect should have already triggered, but ensure menus are loaded
-                            if (this.core_system_menu().length === 0) {
-                                console.log('🔄 SIDEBAR: No menus loaded yet, triggering load for active module');
-                                this.loadMenusForModule(activeModule);
-                            }
+                            // Always reload menus when modules are reloaded (e.g., after entity change)
+                            console.log('🔄 SIDEBAR: Reloading menus for active module:', foundModule.syme_title);
+                            this.loadMenusForModule(foundModule);
                         }
                         else {
                             console.log('⚠️ SIDEBAR: Active module not found in loaded modules, setting first as active');
@@ -3926,10 +3958,6 @@ class CideLytSidebarWrapperComponent {
                 this.moduleLoadComplete.set(true); // Set to true even on error to ensure UI is responsive
             }
         });
-        // collecte the width of the sidebar by using the style property
-        const cide_lyt_stack_wrapper_width = parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('--cide-lyt-stack-wrapper-width'));
-        const cide_lyt_sidebar_menu_width = parseInt(window.getComputedStyle(document.documentElement).getPropertyValue('--cide-lyt-sidebar-menu-width'));
-        this.sidebarSetupData.cide_lyt_sidebar_width = (cide_lyt_stack_wrapper_width + cide_lyt_sidebar_menu_width);
     }
     /**
      * Load menus for a specific module
@@ -5003,8 +5031,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-DaSO2tlP.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BFk0pHD9.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-CAOhn-ii.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BEzr2ZTH.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -6407,11 +6435,11 @@ class CideLytSharedWrapperComponent {
         this.componentContextService.close(fallbackRoute, containerId);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytSharedWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: CideLytSharedWrapperComponent, isStandalone: true, selector: "cide-lyt-shared-wrapper", inputs: { shared_wrapper_setup_param: { classPropertyName: "shared_wrapper_setup_param", publicName: "shared_wrapper_setup_param", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb_data: { classPropertyName: "breadcrumb_data", publicName: "breadcrumb_data", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "breadcrumb", first: true, predicate: CideEleBreadcrumbComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-max-w-full tw-overflow-hidden\">\n  <div\n    class=\"tw-sticky tw-w-full tw-max-w-full tw-top-0 tw-z-50 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm\">\n    <div class=\"tw-flex tw-items-center tw-justify-between tw-gap-2 tw-px-3 sm:tw-px-4 tw-py-2 sm:tw-py-0.5 tw-min-w-0 tw-overflow-hidden tw-flex-wrap sm:tw-flex-nowrap\">\n      <div class=\"tw-flex-1 tw-min-w-0 tw-overflow-hidden tw-order-1\">\n        <cide-ele-breadcrumb style=\"modern\" [compact]=\"true\" (homeClick)=\"onBreadcrumbHomeClick()\"></cide-ele-breadcrumb>\n      </div>\n      <div class=\"tw-flex-shrink-0 tw-ml-2 sm:tw-ml-4 tw-order-2\">\n        <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-flex-1 tw-w-full tw-max-w-full tw-overflow-y-auto tw-overflow-x-hidden tw-min-h-0\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [":host{display:block;height:100%;width:100%}:host>div{display:flex;flex-direction:column;height:100%;width:100%}::ng-deep cide-lyt-shared-wrapper{height:100%!important;display:block!important;width:100%!important}@media (max-width: 640px){:host>div>div:first-child{padding-left:.75rem;padding-right:.75rem}::ng-deep [breadcrumb-actions]{flex-shrink:0}::ng-deep cide-ele-breadcrumb{font-size:.625rem}}\n"], dependencies: [{ kind: "component", type: CideEleBreadcrumbComponent, selector: "cide-ele-breadcrumb", inputs: ["items", "style", "separator", "showHomeIcon", "homeIcon", "maxItems", "showDropdownOnOverflow", "dropdownOptions", "clickableItems", "showTooltips", "responsive", "compact", "animated", "loadingInput", "disabled", "contextId", "pageCode"], outputs: ["itemClick", "dropdownOptionClick", "homeClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: CideLytSharedWrapperComponent, isStandalone: true, selector: "cide-lyt-shared-wrapper", inputs: { shared_wrapper_setup_param: { classPropertyName: "shared_wrapper_setup_param", publicName: "shared_wrapper_setup_param", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb_data: { classPropertyName: "breadcrumb_data", publicName: "breadcrumb_data", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "breadcrumb", first: true, predicate: CideEleBreadcrumbComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-max-w-full tw-overflow-hidden\">\n  <div\n    class=\"tw-sticky tw-w-full tw-max-w-full tw-top-0 tw-z-50 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm\">\n    <div class=\"tw-flex tw-items-start sm:tw-items-center tw-justify-between tw-gap-2 tw-px-3 sm:tw-px-4 md:tw-px-6 tw-py-2 sm:tw-py-0.5 tw-min-w-0 tw-overflow-hidden tw-flex-col sm:tw-flex-row\">\n      <!-- Breadcrumb - Full width on mobile/tablet, flex-1 on desktop -->\n      <div class=\"tw-w-full sm:tw-flex-1 tw-min-w-0 tw-overflow-hidden tw-order-1\">\n        <cide-ele-breadcrumb style=\"modern\" [compact]=\"true\" (homeClick)=\"onBreadcrumbHomeClick()\"></cide-ele-breadcrumb>\n      </div>\n      <!-- Breadcrumb Actions - Full width on mobile, auto on tablet/desktop -->\n      <div class=\"tw-w-full sm:tw-w-auto tw-flex-shrink-0 sm:tw-ml-2 md:tw-ml-4 tw-order-2\">\n        <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-flex-1 tw-w-full tw-max-w-full tw-overflow-y-auto tw-overflow-x-hidden tw-min-h-0\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [":host{display:block;height:100%;width:100%}:host>div{display:flex;flex-direction:column;height:100%;width:100%}::ng-deep cide-lyt-shared-wrapper{height:100%!important;display:block!important;width:100%!important}@media (max-width: 479px){:host>div>div:first-child{padding:.5rem}::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.5625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center;gap:.125rem}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 480px) and (max-width: 640px){:host>div>div:first-child{padding:.5rem .75rem}::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 641px) and (max-width: 1024px){:host>div>div:first-child{padding:.5rem 1rem}::ng-deep [breadcrumb-actions]{flex-shrink:0;margin-left:1rem}::ng-deep cide-ele-breadcrumb{font-size:.6875rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 1025px){:host>div>div:first-child{padding-left:1rem;padding-right:1rem}::ng-deep cide-ele-breadcrumb{font-size:.75rem}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:nowrap;align-items:center}}\n"], dependencies: [{ kind: "component", type: CideEleBreadcrumbComponent, selector: "cide-ele-breadcrumb", inputs: ["items", "style", "separator", "showHomeIcon", "homeIcon", "maxItems", "showDropdownOnOverflow", "dropdownOptions", "clickableItems", "showTooltips", "responsive", "compact", "animated", "loadingInput", "disabled", "contextId", "pageCode"], outputs: ["itemClick", "dropdownOptionClick", "homeClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytSharedWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cide-lyt-shared-wrapper', imports: [CideEleBreadcrumbComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-max-w-full tw-overflow-hidden\">\n  <div\n    class=\"tw-sticky tw-w-full tw-max-w-full tw-top-0 tw-z-50 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm\">\n    <div class=\"tw-flex tw-items-center tw-justify-between tw-gap-2 tw-px-3 sm:tw-px-4 tw-py-2 sm:tw-py-0.5 tw-min-w-0 tw-overflow-hidden tw-flex-wrap sm:tw-flex-nowrap\">\n      <div class=\"tw-flex-1 tw-min-w-0 tw-overflow-hidden tw-order-1\">\n        <cide-ele-breadcrumb style=\"modern\" [compact]=\"true\" (homeClick)=\"onBreadcrumbHomeClick()\"></cide-ele-breadcrumb>\n      </div>\n      <div class=\"tw-flex-shrink-0 tw-ml-2 sm:tw-ml-4 tw-order-2\">\n        <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-flex-1 tw-w-full tw-max-w-full tw-overflow-y-auto tw-overflow-x-hidden tw-min-h-0\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [":host{display:block;height:100%;width:100%}:host>div{display:flex;flex-direction:column;height:100%;width:100%}::ng-deep cide-lyt-shared-wrapper{height:100%!important;display:block!important;width:100%!important}@media (max-width: 640px){:host>div>div:first-child{padding-left:.75rem;padding-right:.75rem}::ng-deep [breadcrumb-actions]{flex-shrink:0}::ng-deep cide-ele-breadcrumb{font-size:.625rem}}\n"] }]
+            args: [{ selector: 'cide-lyt-shared-wrapper', imports: [CideEleBreadcrumbComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-max-w-full tw-overflow-hidden\">\n  <div\n    class=\"tw-sticky tw-w-full tw-max-w-full tw-top-0 tw-z-50 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm\">\n    <div class=\"tw-flex tw-items-start sm:tw-items-center tw-justify-between tw-gap-2 tw-px-3 sm:tw-px-4 md:tw-px-6 tw-py-2 sm:tw-py-0.5 tw-min-w-0 tw-overflow-hidden tw-flex-col sm:tw-flex-row\">\n      <!-- Breadcrumb - Full width on mobile/tablet, flex-1 on desktop -->\n      <div class=\"tw-w-full sm:tw-flex-1 tw-min-w-0 tw-overflow-hidden tw-order-1\">\n        <cide-ele-breadcrumb style=\"modern\" [compact]=\"true\" (homeClick)=\"onBreadcrumbHomeClick()\"></cide-ele-breadcrumb>\n      </div>\n      <!-- Breadcrumb Actions - Full width on mobile, auto on tablet/desktop -->\n      <div class=\"tw-w-full sm:tw-w-auto tw-flex-shrink-0 sm:tw-ml-2 md:tw-ml-4 tw-order-2\">\n        <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-flex-1 tw-w-full tw-max-w-full tw-overflow-y-auto tw-overflow-x-hidden tw-min-h-0\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [":host{display:block;height:100%;width:100%}:host>div{display:flex;flex-direction:column;height:100%;width:100%}::ng-deep cide-lyt-shared-wrapper{height:100%!important;display:block!important;width:100%!important}@media (max-width: 479px){:host>div>div:first-child{padding:.5rem}::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.5625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center;gap:.125rem}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 480px) and (max-width: 640px){:host>div>div:first-child{padding:.5rem .75rem}::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 641px) and (max-width: 1024px){:host>div>div:first-child{padding:.5rem 1rem}::ng-deep [breadcrumb-actions]{flex-shrink:0;margin-left:1rem}::ng-deep cide-ele-breadcrumb{font-size:.6875rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 1025px){:host>div>div:first-child{padding-left:1rem;padding-right:1rem}::ng-deep cide-ele-breadcrumb{font-size:.75rem}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:nowrap;align-items:center}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { breadcrumb: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CideEleBreadcrumbComponent), { isSignal: true }] }], shared_wrapper_setup_param: [{ type: i0.Input, args: [{ isSignal: true, alias: "shared_wrapper_setup_param", required: false }] }], breadcrumb_data: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb_data", required: false }] }] } });
 
 /**
@@ -6696,7 +6724,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-DslMllBv.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-DjGZJwD4.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -6704,7 +6732,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "dashboard-manager",
-        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-C07O86cW.mjs').then(c => c.DashboardManagerComponent),
+        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-C_N16ZxI.mjs').then(c => c.DashboardManagerComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_dashboard_manager"
@@ -8271,4 +8299,4 @@ var floatingEntityRightsSharing_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, AppStateService as d, CloudIdeLayoutService as e, CloudIdeLayoutComponent as f, CideLytSharedService as g, ComponentContextService 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-C5PGNAll.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-Dz4ikvRE.mjs.map