@funnest/charts 0.6.20 → 0.6.22

package/dist/chart.d.ts

@@ -243,6 +243,12 @@ export declare class Chart {
     private historyRequest;
     /** setSymbol() is between its request and setData(). */
     private symbolLoading;
+    /**
+     * What the latest setSymbol() asked for, until it lands (or fails). load() and save() go by it
+     * rather than what's still on screen: a layout switched away and back before a slow symbol
+     * arrives must not keep — or save — the one it was leaving.
+     */
+    private requested;
     private noMoreHistory;
     private historyRequestedFor;
     private countdownLabel;

package/dist/index.js

@@ -2864,6 +2864,12 @@ var Chart = class {
   historyRequest = 0;
   /** setSymbol() is between its request and setData(). */
   symbolLoading = false;
+  /**
+   * What the latest setSymbol() asked for, until it lands (or fails). load() and save() go by it
+   * rather than what's still on screen: a layout switched away and back before a slow symbol
+   * arrives must not keep — or save — the one it was leaving.
+   */
+  requested = null;
   noMoreHistory = false;
   historyRequestedFor = Number.NaN;
   countdownLabel = null;
@@ -2987,6 +2993,7 @@ var Chart = class {
     const feed = this.datafeed;
     if (!feed) throw new Error("funnest-charts: setSymbol() requires the `datafeed` option");
     const token = ++this.loadToken;
+    this.requested = { symbol, resolution };
     this.endReplay(false);
     this.unsubscribeBars?.();
     this.unsubscribeBars = null;
@@ -3016,6 +3023,7 @@ var Chart = class {
     } finally {
       if (token === this.loadToken) {
         this.symbolLoading = false;
+        this.requested = null;
         this.emitter.emit("loadingChange", false);
       }
     }
@@ -3236,8 +3244,9 @@ var Chart = class {
     drawings[this.symbol?.symbol ?? ""] = this.getDrawings();
     return {
       version: 1,
-      symbol: this.symbol?.symbol ?? null,
-      resolution: this.resolution,
+      // A symbol still loading is the one this chart is on (see `requested`).
+      symbol: this.requested?.symbol ?? this.symbol?.symbol ?? null,
+      resolution: this.requested?.resolution ?? this.resolution,
       chartType: this.chartType,
       settings: this.settings,
       indicators: this.getIndicators(),
@@ -3257,7 +3266,8 @@ var Chart = class {
     for (const [symbol, list] of Object.entries(state.drawings)) this.drawingsBySymbol.set(symbol, list);
     this.restoreDrawingsFor(this.symbol?.symbol ?? "");
     const wantSymbol = options.symbol !== false && this.datafeed && state.symbol;
-    if (wantSymbol && (state.symbol !== this.symbol?.symbol || state.resolution !== this.resolution)) {
+    const target = this.requested ?? { symbol: this.symbol?.symbol, resolution: this.resolution };
+    if (wantSymbol && (state.symbol !== target.symbol || state.resolution !== target.resolution)) {
       await this.setSymbol(state.symbol, state.resolution ?? this.resolution ?? "1D");
     }
     this.settingsValue = state.settings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnest/charts",
-  "version": "0.6.20",
+  "version": "0.6.22",
   "description": "Canvas charting engine for financial charts",
   "keywords": [
     "chart",