acttrader-charts 1.1.1 → 1.1.2

package/dist/index.cjs

@@ -3371,6 +3371,7 @@ function formatTimestamp(ts, visibleBars, timeframe, spansMultipleDays, timezone
   return d.toLocaleDateString("en-US", { month: "short", year: "2-digit", timeZone: timezone });
 }
 function renderTimeAxis(ctx, bars, viewport, scale, theme, chartWidth, axisY, maxLabels = 8, cfg = DEFAULT_TIME_AXIS_CONFIG, timeframe, countdownBarIndex, timezone = "UTC") {
+  if (bars.length === 0) return;
   const visibleBars = viewport.endIndex - viewport.startIndex;
   const firstBar = bars[0];
   const lastBar = bars[bars.length - 1];
@@ -3379,7 +3380,8 @@ function renderTimeAxis(ctx, bars, viewport, scale, theme, chartWidth, axisY, ma
   ctx.font = `${cfg.fontSize} ${cfg.fontFamily}`;
   ctx.textAlign = "center";
   const MIN_GAP = 12;
-  const sampleLabel = formatTimestamp(bars[Math.floor(bars.length / 2)]?.time ?? bars[0].time, visibleBars, timeframe, spansMultipleDays, timezone);
+  const sampleBar = bars[Math.floor(bars.length / 2)] ?? bars[0];
+  const sampleLabel = formatTimestamp(sampleBar.time, visibleBars, timeframe, spansMultipleDays, timezone);
   const labelW = ctx.measureText(sampleLabel).width;
   const minStep = Math.max(1, Math.floor(bars.length / maxLabels));
   let step = minStep;
@@ -18661,6 +18663,9 @@ var _ChartEngine = class _ChartEngine {
     this.tickActivityTimer = null;
     this.tickActivityMs = 3e4;
     this.streamStatus = "disconnected";
+    // Set by destroy() so late-firing callbacks (ResizeObserver entries queued
+    // before disconnect, in-flight promises, sockets) bail before touching state.
+    this._isDestroyed = false;
     this.indicatorSettingsDialog = null;
     this.chartSettingsDialog = null;
     this.tradeButton = null;
@@ -19814,6 +19819,7 @@ var _ChartEngine = class _ChartEngine {
       }
     };
     this.onTick = (tick) => {
+      if (this._isDestroyed) return;
       const all = this.dataStore.all;
       if (all.length === 0) return;
       if (this._suppressTicks) return;
@@ -22223,6 +22229,7 @@ var _ChartEngine = class _ChartEngine {
     return this;
   }
   destroy() {
+    this._isDestroyed = true;
     this.panHandler.destroy();
     this.zoomHandler.destroy();
     this.resizeObserver.disconnect();
@@ -22355,6 +22362,7 @@ var _ChartEngine = class _ChartEngine {
   }
   // ── Rendering ─────────────────────────────────────────────────────────────
   scheduleRender() {
+    if (this._isDestroyed) return;
     if (this.rafId !== null) return;
     this.rafId = requestAnimationFrame(() => {
       this.rafId = null;
@@ -22544,6 +22552,7 @@ var _ChartEngine = class _ChartEngine {
     this.positionRenderStyle = activeCount > this.tradesThresholdForHorizontalLine ? "dot" : "line";
   }
   renderTradeLayer() {
+    if (this._isDestroyed) return;
     const dpr = window.devicePixelRatio || 1;
     const { tradeCtx: ctx, tradeCanvas: canvas, theme, viewport } = this;
     ctx.clearRect(0, 0, canvas.width, canvas.height);
@@ -23089,6 +23098,7 @@ var _ChartEngine = class _ChartEngine {
     });
   }
   render() {
+    if (this._isDestroyed) return;
     const { ctx, canvas, theme, viewport } = this;
     const dpr = window.devicePixelRatio || 1;
     const totalW = canvas.width;
@@ -23536,19 +23546,21 @@ var _ChartEngine = class _ChartEngine {
       );
       if (showCountdown) {
         const lastBar2 = this.dataStore.all[this.dataStore.length - 1];
-        const intervalMs = this.timeframeToMs(this.timeframe);
-        renderCandleCountdown(
-          ctx,
-          lastBar2.time,
-          intervalMs,
-          this.dataStore.length - 1,
-          viewport,
-          this.scaleManager,
-          theme,
-          chartW,
-          subPaneY,
-          this.uiConfig.timeAxis
-        );
+        if (lastBar2) {
+          const intervalMs = this.timeframeToMs(this.timeframe);
+          renderCandleCountdown(
+            ctx,
+            lastBar2.time,
+            intervalMs,
+            this.dataStore.length - 1,
+            viewport,
+            this.scaleManager,
+            theme,
+            chartW,
+            subPaneY,
+            this.uiConfig.timeAxis
+          );
+        }
       }
     }
     if (this.crosshair) {
@@ -23637,8 +23649,10 @@ var _ChartEngine = class _ChartEngine {
     }
   }
   onResize() {
+    if (this._isDestroyed) return;
     const dpr = window.devicePixelRatio || 1;
     const rect = this.canvasWrap.getBoundingClientRect();
+    if (rect.width === 0 || rect.height === 0) return;
     this._cachedWrapRect = rect;
     this._cachedDrawRect = this.drawCanvas.getBoundingClientRect();
     for (const c of [this.canvas, this.tradeCanvas, this.drawCanvas]) {