cloud-ide-layout 1.0.0 → 1.0.2

package/esm2022/lib/utils/index.mjs

@@ -0,0 +1,2 @@
+export * from './custom-route-reuse-strategy';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbG91ZC1pZGUtbGF5b3V0L3NyYy9saWIvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY3VzdG9tLXJvdXRlLXJldXNlLXN0cmF0ZWd5JzsiXX0=

package/esm2022/public-api.mjs

@@ -6,9 +6,11 @@ export * from './lib/cloud-ide-layout.component';
 export * from './lib/layout/shared/shared-wrapper/shared-wrapper.component';
 export * from './lib/layout/shared/shared.service';
 export * from './lib/cloud-ide-layout.routes';
+export * from './lib/utils';
 // App State Management
 export * from './lib/services/app-state';
 export * from './lib/services/user-status/user-status.service';
+export * from './lib/services/theme/theme.service';
 // Modern Page Data Management (Legacy code removed)
 export * from './lib/services/cache-manager/cache-manager.service';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1sYXlvdXQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsK0JBQStCLENBQUM7QUFFOUMsdUJBQXVCO0FBQ3ZCLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxnREFBZ0QsQ0FBQztBQUUvRCxvREFBb0Q7QUFDcEQsY0FBYyxvREFBb0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY2xvdWQtaWRlLWxheW91dFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2Nsb3VkLWlkZS1sYXlvdXQuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jbG91ZC1pZGUtbGF5b3V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9sYXlvdXQvc2hhcmVkL3NoYXJlZC13cmFwcGVyL3NoYXJlZC13cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9sYXlvdXQvc2hhcmVkL3NoYXJlZC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Nsb3VkLWlkZS1sYXlvdXQucm91dGVzJztcblxuLy8gQXBwIFN0YXRlIE1hbmFnZW1lbnRcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2FwcC1zdGF0ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy91c2VyLXN0YXR1cy91c2VyLXN0YXR1cy5zZXJ2aWNlJztcblxuLy8gTW9kZXJuIFBhZ2UgRGF0YSBNYW5hZ2VtZW50IChMZWdhY3kgY29kZSByZW1vdmVkKVxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvY2FjaGUtbWFuYWdlci9jYWNoZS1tYW5hZ2VyLnNlcnZpY2UnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Nsb3VkLWlkZS1sYXlvdXQvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxhQUFhLENBQUM7QUFFNUIsdUJBQXVCO0FBQ3ZCLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELG9EQUFvRDtBQUNwRCxjQUFjLG9EQUFvRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjbG91ZC1pZGUtbGF5b3V0XG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2xvdWQtaWRlLWxheW91dC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Nsb3VkLWlkZS1sYXlvdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xheW91dC9zaGFyZWQvc2hhcmVkLXdyYXBwZXIvc2hhcmVkLXdyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xheW91dC9zaGFyZWQvc2hhcmVkLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2xvdWQtaWRlLWxheW91dC5yb3V0ZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMnO1xuXG4vLyBBcHAgU3RhdGUgTWFuYWdlbWVudFxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvYXBwLXN0YXRlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL3VzZXItc3RhdHVzL3VzZXItc3RhdHVzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvdGhlbWUvdGhlbWUuc2VydmljZSc7XG5cbi8vIE1vZGVybiBQYWdlIERhdGEgTWFuYWdlbWVudCAoTGVnYWN5IGNvZGUgcmVtb3ZlZClcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL2NhY2hlLW1hbmFnZXIvY2FjaGUtbWFuYWdlci5zZXJ2aWNlJzsiXX0=

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-CW1h3qH0.mjs → cloud-ide-layout-cloud-ide-layout-D3xzVSNA.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, computed, effect, Component, ElementRef, HostListener, ViewContainerRef, ViewChild, ViewChildren } from '@angular/core';
+import { Injectable, inject, signal, computed, effect, Component, ElementRef, HostListener, ViewContainerRef, ViewChild, ViewChildren, InjectionToken, PLATFORM_ID } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { cidePath, hostManagerRoutesUrl, coreRoutesUrl, designConfigRoutesUrl } from 'cloud-ide-lms-model';
 import { throwError, of, BehaviorSubject, interval, take as take$1 } from 'rxjs';
@@ -9,7 +9,7 @@ import { Router, NavigationEnd, RouteReuseStrategy, RouterModule } from '@angula
 import { Title } from '@angular/platform-browser';
 import { CideElementsService, CideInputComponent, CideIconComponent, CideEleResizerDirective, TooltipDirective, CideSpinnerComponent, CideEleSkeletonLoaderComponent } from 'cloud-ide-element';
 import * as i2 from '@angular/common';
-import { CommonModule, NgClass, NgFor, NgIf } from '@angular/common';
+import { CommonModule, NgClass, NgFor, NgIf, isPlatformBrowser } from '@angular/common';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { merge } from 'lodash';
 
@@ -2407,8 +2407,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-cZtT-79M.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-CoOmLWB_.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-BWx03JYS.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-BSUFE_o2.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -2777,7 +2777,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-CBqNAcEP.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-Dr4MO4MB.mjs').then(c => c.CideLytHomeWrapperComponent),
         data: {
             reuseTab: true, // For CustomRouteReuseStrategy
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -2793,6 +2793,150 @@ const layoutControlPannelChildRoutes = [{
 // }];
 // ]
 
+// Define an InjectionToken for the environment configuration
+// This is needed to inject environment variables into services provided in 'root'
+const ENVIRONMENT_CONFIG = new InjectionToken('ENVIRONMENT_CONFIG');
+/**
+ * Utility function to convert database format keys to CSS format and handle units
+ * @param key - The database format key (e.g., 'font_size_xxxl')
+ * @param value - The value to be set
+ * @returns Object with cssVarName and processed value
+ */
+function processThemeVariable(key, value) {
+    // 1. Convert the key from the DB format to the CSS format.
+    const cssVarName = `${key.replace(/_/g, '-')}`;
+    // 2. Append the font_size and line_height value to rem
+    let processedValue = value;
+    if (cssVarName.includes('font-size') || cssVarName.includes('line-height')) {
+        processedValue = parseFloat(value) + 'rem';
+    }
+    return { cssVarName, processedValue: processedValue };
+}
+/**
+ * Sets a single CSS variable on the document root element
+ * @param key - The database format key (e.g., 'font_size_xxxl')
+ * @param value - The value to be set
+ * @param platformId - Platform ID for browser check
+ */
+function setCSSVariable(key, value, platformId) {
+    if (isPlatformBrowser(platformId)) {
+        const { cssVarName, processedValue } = processThemeVariable(key, value);
+        const root = document.documentElement;
+        root.style.setProperty(cssVarName, processedValue);
+    }
+}
+class CideLytThemeService {
+    constructor() {
+        // Modern Angular signals for reactive state management
+        this.selectedThemeSignal = signal("");
+        this.selectedTheme = this.selectedThemeSignal.asReadonly();
+        // Modern dependency injection
+        this.http = inject(HttpClient);
+        this.platformId = inject(PLATFORM_ID);
+        this.environment = inject(ENVIRONMENT_CONFIG);
+    }
+    /**
+     * Fetches the theme from the API and applies it to the document.
+     * This method is intended to be called when the theme should actually be applied.
+     */
+    fetchAndApplyTheme() {
+        console.log('Fetching and applying theme via CideLytThemeService...');
+        return this.loadTheme(); // Use the existing loadTheme logic
+    }
+    /**
+     * Fetches the list of system themes from the API.
+     */
+    fetchSystemThemesList() {
+        return this.http.get(cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            designConfigRoutesUrl?.module,
+            designConfigRoutesUrl?.getSystemThemesList
+        ]));
+    }
+    /**
+     * Internal method to fetch the theme from the API and apply it.
+     */
+    loadTheme() {
+        return this.http.post(cidePath.join([hostManagerRoutesUrl.cideSuiteHost, designConfigRoutesUrl?.module, designConfigRoutesUrl?.getSystemTheme]), { syupth_user_id_user: "659a7ea0a1f0e08246661766" }).pipe(tap(theme => {
+            console.log("Applying theme:", theme);
+            this.applyTheme(theme?.data);
+        }));
+    }
+    /**
+     * Sets the CSS variables on the root element.
+     * @param theme - An object where keys are CSS variable names (e.g., '--color-text-body')
+     * and values are the color strings (e.g., '#ffffff').
+     */
+    applyTheme(theme) {
+        console.log("Applying theme:", theme);
+        let merged = {};
+        if (theme?.core_system_themes?.syth_properties) {
+            merged = { ...merged, ...theme.core_system_themes.syth_properties };
+            this.selectedThemeSignal.set(theme.core_system_themes._id);
+        }
+        if (theme?.core_system_organization_themes?.syoth_overrides) {
+            merged = { ...merged, ...theme.core_system_organization_themes.syoth_overrides };
+        }
+        if (theme?.core_system_theme_user_preferences?.syupth_overrides) {
+            merged = { ...merged, ...theme.core_system_theme_user_preferences.syupth_overrides };
+        }
+        console.log("Merged theme:", merged);
+        // Check if the code is running in a browser environment.
+        if (isPlatformBrowser(this.platformId)) {
+            const root = document.documentElement;
+            for (const [key, value] of Object.entries(merged)) {
+                const { cssVarName, processedValue } = processThemeVariable(key, value);
+                // Set the CSS custom property on the root element.
+                root.style.setProperty(cssVarName, processedValue);
+            }
+        }
+    }
+    /**
+     * Saves the system theme user preferences.
+     * @param themeVars - The theme variables to save.
+     * @returns An observable of the system theme user preferences.
+     */
+    saveSystemThemeUserPreferences(themeVars) {
+        return this.http.post(cidePath.join([hostManagerRoutesUrl.cideSuiteHost, designConfigRoutesUrl?.module, designConfigRoutesUrl?.systemThemeUserPreferences]), themeVars);
+    }
+    /**
+     * Updates a single CSS variable using the utility function
+     * @param key - The database format key (e.g., 'font_size_xxxl')
+     * @param value - The value to be set
+     */
+    updateCSSVariable(key, value) {
+        setCSSVariable(key, value, this.platformId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytThemeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CideLytThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+/**
+ * Factory function for APP_INITIALIZER.
+ * This function is used in your app.config.ts.
+ * It conditionally triggers theme loading based on the environment setting.
+ */
+function themeFactory(themeService, environmentConfig) {
+    return () => {
+        if (!environmentConfig.applyThemeOnLogin) {
+            // If theme should be applied on app initialize, fetch and apply it.
+            console.log('APP_INITIALIZER: Applying theme...');
+            return themeService.fetchAndApplyTheme();
+        }
+        else {
+            // If theme should be applied on login, APP_INITIALIZER does nothing for the theme.
+            // We return an observable that immediately completes.
+            console.log('APP_INITIALIZER: Theme application deferred to after login (per environment config).');
+            return of(undefined); // Return an observable that completes immediately
+        }
+    };
+}
+
 class CacheManagerService {
     constructor() {
         this.sharedService = inject(CideLytSharedService);
@@ -2910,5 +3054,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, CideLytSidebarService as a, CideLytRequestService as b, CideLytSidedrawerService as c, CloudIdeLayoutService as d, CloudIdeLayoutComponent as e, CideLytSharedService as f, layoutControlPannelChildRoutes as g, AppStateService as h, CideLytUserStatusService as i, CacheManagerService as j, layoutRoutes as l };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-CW1h3qH0.mjs.map
+export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, CideLytSidebarService as a, CideLytRequestService as b, CideLytSidedrawerService as c, CideLytThemeService as d, CloudIdeLayoutService as e, CloudIdeLayoutComponent as f, CideLytSharedService as g, layoutControlPannelChildRoutes as h, CustomRouteReuseStrategy as i, AppStateService as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, processThemeVariable as p, setCSSVariable as s, themeFactory as t };
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-D3xzVSNA.mjs.map