acttrader-charts 1.3.0-beta.3 → 1.3.0-beta.5

package/dist/index.cjs

@@ -16914,19 +16914,12 @@ var TradeButton = class {
 
 // src/ui/TradePopover.ts
 var TradePopover = class {
-  constructor(theme, lots, symbol, onDraftCreate, labels = DEFAULT_LABELS.trade, onVisibilityChange, adaptiveText = false) {
+  constructor(theme, lots, symbol, onDraftCreate, labels = DEFAULT_LABELS.trade, onVisibilityChange, _adaptiveText = false) {
     this._price = 0;
     this._pricePrecision = 2;
     this._buyOrderType = "limit";
     this._sellOrderType = "limit";
     this._compact = false;
-    /**
-     * Use the theme's adaptive tooltip text color for the price/lots text instead
-     * of a hardcoded white. Opt-in (hanko3.0 mobile header only) so the white-on-
-     * white light-theme fix has zero effect on any other broker/white-label, which
-     * keep the original pure-white text.
-     */
-    this._adaptiveText = false;
     this.onDocMouseDown = (e) => {
       if (this.isVisible && !this.el.contains(e.target)) {
         this.hide();
@@ -16938,7 +16931,6 @@ var TradePopover = class {
     this.onDraftCreate = onDraftCreate;
     this.labels = labels;
     this.onVisibilityChange = onVisibilityChange;
-    this._adaptiveText = adaptiveText;
     this.el = document.createElement("div");
     Object.assign(this.el.style, {
       position: "absolute",
@@ -17036,11 +17028,11 @@ var TradePopover = class {
     Object.assign(colored.style, { color, fontWeight: "600" });
     const plain = document.createElement("span");
     plain.textContent = ` ${this.lots} ${this.symbol} ${this.labels.at} ${priceStr}`;
-    const plainColor = this._adaptiveText ? this.theme.tooltip.text : "#ffffff";
+    const plainColor = this.theme.tooltip.text;
     Object.assign(plain.style, { color: plainColor, fontWeight: "400" });
     btn.append(colored, plain);
     btn.addEventListener("mouseenter", () => {
-      btn.style.background = "rgba(255,255,255,0.06)";
+      btn.style.background = this.theme.ui.accentBg;
     });
     btn.addEventListener("mouseleave", () => {
       btn.style.background = "transparent";
@@ -22690,6 +22682,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 +24226,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 +24249,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,10 +25250,14 @@ 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.indicatorOverlay?.setTheme(this.theme);
+    for (const overlay of this.subPaneOverlays.values()) overlay.setTheme(this.theme);
+    this.isinPickerModal?.setTheme(this.theme);
     this.scheduleRender();
     this.emitStateChange();
     return this;
@@ -29086,6 +29084,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);