acttrader-charts 1.3.0-beta.2 → 1.3.0-beta.4

package/dist/index.cjs

@@ -22690,6 +22690,9 @@ var _ChartEngine = class _ChartEngine {
     this.PRICE_AXIS_COUNTDOWN_LS_KEY = "finchart.showPriceAxisCountdown";
     this.loadingOverlayEl = null;
     this.noDataOverlayEl = null;
+    /** Label pills inside the two overlays — painted by `applyOverlayLabelStyles()`. */
+    this.loadingLabelEl = null;
+    this.noDataLabelEl = null;
     // Watermark
     this.logoImage = null;
     // ── State persistence ─────────────────────────────────────────────────────
@@ -24231,12 +24234,11 @@ var _ChartEngine = class _ChartEngine {
       const loadingLabel = document.createElement("span");
       loadingLabel.textContent = this.labels.chart.loading;
       Object.assign(loadingLabel.style, {
-        color: "rgba(200,200,200,0.9)",
         fontSize: "13px",
-        background: "rgba(0,0,0,0.45)",
         padding: "4px 12px",
         borderRadius: "4px"
       });
+      this.loadingLabelEl = loadingLabel;
       this.loadingOverlayEl.appendChild(loadingLabel);
       this.canvasWrap.appendChild(this.loadingOverlayEl);
       this.noDataOverlayEl = document.createElement("div");
@@ -24255,13 +24257,13 @@ var _ChartEngine = class _ChartEngine {
       const noDataLabel = document.createElement("span");
       noDataLabel.textContent = this.labels.chart.noData;
       Object.assign(noDataLabel.style, {
-        color: "rgba(200,200,200,0.9)",
         fontSize: "13px",
-        background: "rgba(0,0,0,0.45)",
         padding: "4px 12px",
         borderRadius: "4px"
       });
+      this.noDataLabelEl = noDataLabel;
       this.noDataOverlayEl.appendChild(noDataLabel);
+      this.applyOverlayLabelStyles();
       this.canvasWrap.appendChild(this.noDataOverlayEl);
     }
     if (showUI && !(hideSymbolAndTick && hideOHLCV)) {
@@ -25256,8 +25258,9 @@ var _ChartEngine = class _ChartEngine {
     this.applyScrollToEndBtnStyles();
     this.applyResetViewBtnStyles();
     this.applyMobileDrawingFlyoutTheme();
-    if (this.siSymbolSpan) this.siSymbolSpan.style.color = this.theme.axisText;
-    if (this.siStreamDot) this.siStreamDot.style.background = this.theme.ui.stream.disconnected;
+    if (this.siSymbolSpan) this.siSymbolSpan.style.color = this.theme.tooltip.text;
+    if (this.siStreamDot) this.siStreamDot.style.background = this.theme.ui.stream[this.streamStatus];
+    this.applyOverlayLabelStyles();
     this.compareLegend?.setTheme(this.theme);
     this.comparePickerModal?.setTheme(this.theme);
     this.scheduleRender();
@@ -29086,6 +29089,22 @@ var _ChartEngine = class _ChartEngine {
     this.resetPriceAxis();
     this.resetTimeAxis();
   }
+  /**
+   * Paints the "Loading…" / "No data available" pills from the theme. They used
+   * to be a hardcoded dark scrim with pale grey text, which read as a black box
+   * on the light theme; they now track `tooltip` like every other floating
+   * label and are repainted on `setTheme`.
+   */
+  applyOverlayLabelStyles() {
+    for (const el of [this.loadingLabelEl, this.noDataLabelEl]) {
+      if (!el) continue;
+      Object.assign(el.style, {
+        color: this.theme.tooltip.text,
+        background: this.theme.tooltip.background,
+        border: `1px solid ${this.theme.tooltip.border}`
+      });
+    }
+  }
   applyResetViewBtnStyles() {
     if (!this.resetViewBtn) return;
     this.resetViewBtn.innerHTML = iconResetView(this.theme.axisText, 16);