File size: 1,621 Bytes
70ceb8b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | /**
* CSS Loader
* Loads all CSS files for the resolution master components
*/
import { addStylesheet, getUrl } from "./utils/ResourceManager.js";
import { createModuleLogger } from "./utils/LoggerUtils.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 Custom Properties - MUST BE FIRST!
'./css/common-components.css', // Shared component styles using cascade
'./css/aspect-ratio-columns.css', // Shared aspect ratio column styles
'./css/preset-manager-dialog.css',
'./css/searchable-dropdown.css',
'./css/rename-dialog.css',
'./css/json-editor-dialog.css',
'./css/preset-ui-components.css',
'./css/preset-list-renderer.css',
'./css/preset-add-view.css',
'./css/drag-drop.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();
}
|