cloud-ide-layout 1.0.28 → 1.0.29

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-CJzTf7P-.mjs → cloud-ide-layout-cloud-ide-layout-fFpax85Q.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, computed, effect, Component, ElementRef, HostListener, ChangeDetectionStrategy, ViewContainerRef, ViewChild, ViewChildren, input, InjectionToken, PLATFORM_ID, output } from '@angular/core';
+import { Injectable, inject, signal, computed, effect, Component, ElementRef, HostListener, ChangeDetectionStrategy, ViewContainerRef, ViewChild, ViewChildren, viewChild, input, InjectionToken, PLATFORM_ID, output } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { cidePath, hostManagerRoutesUrl, coreRoutesUrl, commonRoutesUrl, designConfigRoutesUrl, generateStringFromObject } from 'cloud-ide-lms-model';
 import { Observable, throwError, of, BehaviorSubject, interval, take as take$1, firstValueFrom } from 'rxjs';
@@ -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-BLGbmXaB.mjs');
+            const module = await import('./cloud-ide-layout-floating-entity-selection.component-Bc0v8QwM.mjs');
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -2741,8 +2741,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-Dhc7L8pg.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-D89HAFms.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-BBUtvGht.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-pkp7jxWh.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -3119,12 +3119,58 @@ var cloudIdeLayout_component = /*#__PURE__*/Object.freeze({
 });
 
 class CideLytSharedWrapperComponent {
-    breadcrumb;
+    breadcrumb = viewChild(CideEleBreadcrumbComponent, ...(ngDevMode ? [{ debugName: "breadcrumb" }] : []));
     shared_wrapper_setup_param = input({}, ...(ngDevMode ? [{ debugName: "shared_wrapper_setup_param" }] : []));
+    breadcrumb_data = input([], ...(ngDevMode ? [{ debugName: "breadcrumb_data" }] : []));
     page_data = {};
     sharedService = inject(CideLytSharedService);
     sidedrawerService = inject(CideLytSidedrawerService);
     appState = inject(AppStateHelperService);
+    // Signal for additional breadcrumb items that will be appended after Module > Current Page
+    additionalBreadcrumbItems = signal([], ...(ngDevMode ? [{ debugName: "additionalBreadcrumbItems" }] : []));
+    // Computed signal that combines default breadcrumb with additional items
+    fullBreadcrumbItems = computed(() => {
+        const moduleInfo = this.appState.getActiveModuleInfo();
+        const pageCode = this.shared_wrapper_setup_param()?.sypg_page_code;
+        // Default breadcrumb items
+        const defaultItems = [];
+        // Add module if available
+        if (moduleInfo?.title) {
+            defaultItems.push({
+                id: moduleInfo.id || 'module',
+                label: moduleInfo.title,
+                icon: moduleInfo.icon || undefined,
+                url: moduleInfo.path || undefined
+            });
+        }
+        // Add current page
+        const currentPageTitle = this.page_data?.page?.sypg_title || pageCode || 'Current';
+        defaultItems.push({
+            id: 'current-page',
+            label: currentPageTitle,
+            icon: undefined,
+            url: undefined
+        });
+        // Append additional items from input signal
+        const inputBreadcrumbData = this.breadcrumb_data();
+        if (inputBreadcrumbData.length > 0) {
+            return [...defaultItems, ...inputBreadcrumbData];
+        }
+        // Append additional items from internal signal (for backward compatibility)
+        return [...defaultItems, ...this.additionalBreadcrumbItems()];
+    }, ...(ngDevMode ? [{ debugName: "fullBreadcrumbItems" }] : []));
+    constructor() {
+        // Watch for changes in breadcrumb data and update breadcrumb component
+        effect(() => {
+            const breadcrumbRef = this.breadcrumb();
+            const items = this.fullBreadcrumbItems();
+            console.log('🍞 Shared wrapper breadcrumb effect triggered:', items);
+            if (breadcrumbRef && items.length > 0) {
+                breadcrumbRef.updateItems(items);
+                console.log('🍞 Breadcrumb updated with items:', items);
+            }
+        });
+    }
     ngOnInit() {
         // Load and process page data using modern approach
         if (this.shared_wrapper_setup_param()?.sypg_page_code) {
@@ -3146,26 +3192,7 @@ class CideLytSharedWrapperComponent {
                     const pageId = page_data_response?.data?.page?._id || '';
                     const themeId = page_data_response?.data?.theme?._id || '';
                     this.sidedrawerService.setContext(pageId, themeId);
-                    // Fetch breadcrumb items by page code and assign to breadcrumb
-                    const pageCode = this.shared_wrapper_setup_param()?.sypg_page_code;
-                    if (this.breadcrumb && pageCode) {
-                        this.breadcrumb.setLoading(true);
-                        this.sharedService.getBreadcrumbNavigation(pageCode).subscribe({
-                            next: (navItems) => {
-                                const items = navItems.map(n => ({ id: n.id, label: n.label, icon: n.icon, url: n.path }));
-                                const breadcrumbRef = this.breadcrumb;
-                                if (breadcrumbRef) {
-                                    breadcrumbRef.updateItems(items);
-                                    breadcrumbRef.setLoading(false);
-                                }
-                            },
-                            error: () => {
-                                const breadcrumbRef = this.breadcrumb;
-                                if (breadcrumbRef)
-                                    breadcrumbRef.setLoading(false);
-                            }
-                        });
-                    }
+                    // Breadcrumb will be updated automatically by the effect when fullBreadcrumbItems changes
                 },
                 error: (err) => {
                     console.error('❌ SHARED WRAPPER: Error loading page data:', err);
@@ -3173,16 +3200,51 @@ class CideLytSharedWrapperComponent {
             });
         }
     }
+    /**
+     * Add additional breadcrumb items that will be appended after the default Module > Current Page path
+     * @param items Array of breadcrumb items to append
+     */
+    addBreadcrumbItems(items) {
+        this.additionalBreadcrumbItems.set(items);
+        // Update breadcrumb immediately
+        const breadcrumbRef = this.breadcrumb();
+        if (breadcrumbRef) {
+            const fullItems = this.fullBreadcrumbItems();
+            breadcrumbRef.updateItems(fullItems);
+        }
+    }
+    /**
+     * Clear additional breadcrumb items (keeps only default Module > Current Page)
+     */
+    clearAdditionalBreadcrumbItems() {
+        this.additionalBreadcrumbItems.set([]);
+        // Update breadcrumb immediately
+        const breadcrumbRef = this.breadcrumb();
+        if (breadcrumbRef) {
+            const fullItems = this.fullBreadcrumbItems();
+            breadcrumbRef.updateItems(fullItems);
+        }
+    }
+    /**
+     * Set additional breadcrumb items (replaces any existing additional items)
+     * @param items Array of breadcrumb items to set
+     */
+    setBreadcrumbItems(items) {
+        this.additionalBreadcrumbItems.set(items);
+        // Update breadcrumb immediately
+        const breadcrumbRef = this.breadcrumb();
+        if (breadcrumbRef) {
+            const fullItems = this.fullBreadcrumbItems();
+            breadcrumbRef.updateItems(fullItems);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytSharedWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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 } }, viewQueries: [{ propertyName: "breadcrumb", first: true, predicate: CideEleBreadcrumbComponent, descendants: true }], ngImport: i0, template: "<cide-ele-breadcrumb style=\"modern\" [compact]=\"true\"></cide-ele-breadcrumb>\n\n<ng-content></ng-content>\n", styles: [""], 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.1.7", 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-sticky 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-px-4 tw-py-0.5\">\n    <div class=\"tw-flex-1\">\n      <cide-ele-breadcrumb style=\"modern\" [compact]=\"true\"></cide-ele-breadcrumb>\n    </div>\n    <div class=\"tw-flex-shrink-0 tw-ml-4\">\n      <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-content></ng-content>", styles: [""], 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.1.7", ngImport: i0, type: CideLytSharedWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cide-lyt-shared-wrapper', standalone: true, imports: [CideEleBreadcrumbComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cide-ele-breadcrumb style=\"modern\" [compact]=\"true\"></cide-ele-breadcrumb>\n\n<ng-content></ng-content>\n" }]
-        }], propDecorators: { breadcrumb: [{
-                type: ViewChild,
-                args: [CideEleBreadcrumbComponent]
-            }] } });
+            args: [{ selector: 'cide-lyt-shared-wrapper', standalone: true, imports: [CideEleBreadcrumbComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-sticky 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-px-4 tw-py-0.5\">\n    <div class=\"tw-flex-1\">\n      <cide-ele-breadcrumb style=\"modern\" [compact]=\"true\"></cide-ele-breadcrumb>\n    </div>\n    <div class=\"tw-flex-shrink-0 tw-ml-4\">\n      <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n    </div>\n  </div>\n</div>\n\n<ng-content></ng-content>" }]
+        }], ctorParameters: () => [] });
 
 const layoutRoutes = {
     path: "control-panel",
@@ -3196,7 +3258,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-CVv3swkS.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-dMUR71rr.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
@@ -3939,7 +4001,7 @@ class CideLytFloatingEntityRightsSharingComponent {
     async loadEntities() {
         this.entitiesLoading.set(true);
         try {
-            const payload = { syen_id: "" };
+            const payload = { syen_id: this.appState.activeEntity()?._id || '' };
             const resp = await firstValueFrom(this.entityService.getEntityList(payload));
             const list = resp?.data || [];
             this.entities.set(list);
@@ -4760,4 +4822,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-CJzTf7P-.mjs.map
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-fFpax85Q.mjs.map