mdas-jsview-sdk 1.0.9-uat.0 → 1.0.10-uat.0

package/dist/mdas-sdk.esm.js

@@ -1766,7 +1766,7 @@ const SharedStyles = `
     .widget {
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
         width: 100%;
-        max-width: 800px;
+        max-width: 1400px;
     }
 
     /* HEADER STYLES */
@@ -2620,7 +2620,7 @@ const OptionsStyles = `
     .options-widget {
         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
         color: #333;
-        max-width: 800px;
+        max-width: 1400px;
         width: 100%;
         margin: 0 auto;
         position: relative;
@@ -37720,11 +37720,26 @@ class IntradayChartWidget extends BaseWidget {
     });
   }
   addStyles() {
+    // Skip style injection if external styles are detected or explicitly disabled
+    if (this.options.skipStyleInjection || document.querySelector('link[href*="mdas-styles.css"]')) {
+      if (this.debug) {
+        console.log('[IntradayChartWidget] Skipping style injection - external styles detected');
+      }
+      return;
+    }
     if (!document.querySelector('#intraday-chart-styles')) {
-      const styleSheet = document.createElement('style');
-      styleSheet.id = 'intraday-chart-styles';
-      styleSheet.textContent = IntradayChartStyles;
-      document.head.appendChild(styleSheet);
+      try {
+        const styleSheet = document.createElement('style');
+        styleSheet.id = 'intraday-chart-styles';
+        styleSheet.textContent = IntradayChartStyles;
+        document.head.appendChild(styleSheet);
+        if (this.debug) {
+          console.log('[IntradayChartWidget] Styles injected successfully');
+        }
+      } catch (error) {
+        console.warn('[IntradayChartWidget] Failed to inject styles:', error);
+        console.warn('[IntradayChartWidget] Please add <link rel="stylesheet" href="mdas-styles.css"> to your HTML');
+      }
     }
   }
   async loadChartData() {