/**
 * css_loader
 * Loads all CSS files for the resolution master components
 */

import { addStylesheet, getUrl } from "./resource_manager.js";
import { createModuleLogger } from "../log_system/log_funcs.js";

const log = createModuleLogger('CSSLoader');

/**
 * Loads all CSS files for the application
 */
export function loadAllStyles() {
    try {
        log.info('Loading CSS files...');
        
        // Load all CSS files using getUrl for proper path resolution
        const cssFiles = [
            './css/css-variables.css',
            './css/resolver-shell.css',
            './css/resolver-main.css',
            './css/missing-type-filter.css',
        ];
        
        cssFiles.forEach(file => {
            addStylesheet(getUrl(file));
            log.debug(`Loaded: ${file}`);
        });
        
        log.info('All CSS files loaded successfully');
    } catch (error) {
        log.error('Error loading CSS files:', error);
    }
}

/**
 * Call this function when the ResolutionMaster node is actually created/used
 * to load styles only when needed, preventing global UI interference
 */
export function loadStylesWhenNeeded() {
    loadAllStyles();
}