@tradecanvas/chart 1.44.0 → 1.46.0

package/dist/widget/index.js

@@ -1,4 +1,4 @@
-import { C as e, a as t, c as n, i as r, n as i, o as a, r as o, t as s } from "../LayoutSession-Dh4Kqna4.js";
+import { C as e, a as t, c as n, i as r, n as i, o as a, r as o, t as s } from "../LayoutSession-B-avgafz.js";
 import { a as c, c as l, i as u, n as d, o as f, r as p, s as m, t as h } from "../i18n-DjzoHpMJ.js";
 import { CHART_STYLE_KEYS as g, CHART_TYPE_ICONS as _, DARK_THEME as v, DEFAULT_SIGNAL_STYLE as y, DEFAULT_TRADE_ZONE_STYLE as b, DEFAULT_TRADING_CONFIG as x, DRAWING_TOOL_ICONS as ee, LIGHT_THEME as te, PHI as ne, PRICE_SOURCES as re, UI_ICONS as ie, barTimeUnit as ae, formatPrice as oe, iconSvg as se, indicatorSource as ce, isTimeFrame as le, isValidTimeZone as ue, marketStatus as de, offsetAt as fe, parseIndicatorSource as pe, phiStep as me, readChartStyleOverrides as he, readChartTypeOptions as ge, readIndicatorPlotStyles as _e, readNews as ve, readQuote as ye, sanitizeDrawingOptions as be, sanitizeDrawingStyle as xe, stepDecimals as Se, tickBarCount as Ce, timeParts as we, timeframeBucketStart as Te, timeframeToMs as S, tzLabel as Ee, wallToUtc as De, zoneOffsetMinutes as Oe } from "@tradecanvas/commons";
 import { ChartStateManager as ke, INDICATOR_CATEGORIES as Ae, INTERVAL_LIMITS as je, INTERVAL_UNITS as Me, MAX_ALERT_BARS as Ne, MIN_ALERT_BARS as Pe, RANGE_PRESETS as Fe, SYMBOL_INDICATOR_IDS as Ie, indicatorCategory as Le, indicatorValuePrecision as Re, isSeriesPalette as ze, plotColor as Be, plotShown as Ve, rangePresetStart as He, servesTimeframe as Ue, sourceParam as We, withResampling as Ge } from "@tradecanvas/core";
@@ -3020,10 +3020,10 @@ var V = [
 				value: "indexedTo100",
 				label: this.t("settings.scale.indexedTo100")
 			}
-		].filter((e) => e.value !== "logarithmic" || this.available.logScale !== !1), n = Ze(e.timezone, Date.now(), this.t("settings.timezone.local"), this.available.exchangeZone ? {
+		].filter((e) => e.value !== "logarithmic" || this.available.logScale !== !1), n = this.available.exchangeZone?.(), r = Ze(e.timezone, Date.now(), this.t("settings.timezone.local"), n === void 0 ? void 0 : {
 			label: this.t("settings.timezone.exchange"),
-			zone: this.available.exchangeZone()
-		} : void 0);
+			zone: n
+		});
 		this.addSection(void 0, [
 			B(this.t("settings.priceScale"), e.scaleMode, t, (e) => this.patch({ scaleMode: e })),
 			z(this.t("settings.autoScale"), e.autoScale, (e) => this.patch({ autoScale: e })),
@@ -3031,7 +3031,7 @@ var V = [
 			z(this.t("settings.leftScale"), e.leftPriceScale, (e) => this.patch({ leftPriceScale: e })),
 			z(this.t("settings.indicatorValues"), e.indicatorValueLabels, (e) => this.patch({ indicatorValueLabels: e })),
 			...this.available.barCountdown === !1 ? [] : [z(this.t("settings.barCountdown"), e.barCountdown, (e) => this.patch({ barCountdown: e }))],
-			B(this.t("settings.timezone"), e.timezone, n, (e) => this.patch({ timezone: e })),
+			B(this.t("settings.timezone"), e.timezone, r, (e) => this.patch({ timezone: e })),
 			B(this.t("settings.numberLocale"), e.numberLocale, bn(e.numberLocale), (e) => this.patch({ numberLocale: e }))
 		]), this.addSection(this.t("settings.section.axes"), kt.map((e) => this.lookRow(e)));
 	}
@@ -10032,7 +10032,11 @@ function Xc(e) {
 	let t = e.startsWith("#") ? e.slice(1) : e;
 	for (let e of t.split("&")) {
 		let t = e.indexOf("=");
-		if (t > 0 && e.slice(0, t) === Yc) return decodeURIComponent(e.slice(t + 1));
+		if (!(t <= 0 || e.slice(0, t) !== Yc)) try {
+			return decodeURIComponent(e.slice(t + 1));
+		} catch {
+			return null;
+		}
 	}
 	return null;
 }
@@ -10657,10 +10661,7 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 				now: () => this.clockNow(),
 				options: () => ({
 					current: this.settingsState.timezone,
-					list: Ze(this.settingsState.timezone, Date.now(), this.t("settings.timezone.local"), this.adapter?.resolveSymbol ? {
-						label: this.t("settings.timezone.exchange"),
-						zone: this.chart.getSymbolInfo()?.timezone ?? null
-					} : void 0)
+					list: Ze(this.settingsState.timezone, Date.now(), this.t("settings.timezone.local"), this.exchangeChoice())
 				}),
 				onPick: (e) => this.changeSettings({ timezone: e })
 			},
@@ -10713,7 +10714,7 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 			barCountdown: s.barCountdown,
 			logScale: s.logScale,
 			trading: s.trading !== !1,
-			exchangeZone: this.adapter?.resolveSymbol ? () => this.chart.getSymbolInfo()?.timezone ?? null : void 0
+			exchangeZone: () => this.exchangeChoice()?.zone
 		}, this.overlayHost), this.symbolSearch = new Vr({
 			onPick: (e) => {
 				this.setSymbol(e);
@@ -10964,8 +10965,7 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 				this.chart.on("ordersChange", () => e.setOrders(this.chart.getOrders()));
 			}
 			this.chart.on("dataUpdate", (e) => {
-				let t = e.payload;
-				t && t.bracket === "cancelled" && this.bracketBar?.hide();
+				e.payload.kind === "bracket" && this.bracketBar?.hide();
 			});
 		}
 		this.alertsPanel = new Hi(this.root, {
@@ -11059,7 +11059,7 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 			"indicatorRemove",
 			"indicatorChange"
 		]) this.chart.on(e, () => this.refreshCompareDialog());
-		if (this.setupDock(), this.commandPalette = new Rr({
+		this.setupDock(), this.commandPalette = new Rr({
 			onIndicator: (e) => this.handleAddIndicator(e),
 			onChartType: (e) => this.handleChartType(e),
 			onDrawingTool: (e) => this.handleDrawingTool(e),
@@ -11109,10 +11109,18 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 			}
 		}, document.addEventListener("keydown", this.boundGlobalKeydown), document.addEventListener("fullscreenchange", this.onFullscreenChange), this.unregisterKeys = Us(this.root, [this.portal]), t.adapter ? (this.adapter = t.adapter, this.connectStream()) : this.chart.setDataTimeframe(this.state.timeframe), this.watchlist && (this.watchlistInterval = setInterval(() => this.tickWatchlist(), 1e3)), this.markSwitchedOff(), requestAnimationFrame(() => {
 			this.destroyed || (this.toolbar?.tidy(), this.sidebar?.tidy());
-		}), this.refreshMarket(), this.updateUI(), t.onReady?.(this.chart), t.shareUrl && typeof location < "u") {
-			let e = Xc(location.hash);
-			e && this.importState(e);
-		}
+		}), this.refreshMarket(), this.updateUI(), queueMicrotask(() => {
+			if (!this.destroyed) try {
+				t.onReady?.(this.chart, this);
+			} finally {
+				this.destroyed || this.restoreSharedView();
+			}
+		});
+	}
+	restoreSharedView() {
+		if (!this.options.shareUrl || typeof location > "u") return;
+		let e = Xc(location.hash);
+		e && this.importState(e);
 	}
 	setSymbols(e) {
 		this.symbols = e;
@@ -11623,12 +11631,15 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 	removableIndicators() {
 		return this.chart.getActiveIndicators().filter((e) => !Ie.has(e.id)).map((e) => e.instanceId);
 	}
-	timezoneChoices() {
-		let e = this.adapter?.resolveSymbol ? {
+	exchangeChoice() {
+		let e = this.chart.getExchangeTimezone() ?? null;
+		if (!(e === null && !this.adapter?.resolveSymbol)) return {
 			label: this.t("settings.timezone.exchange"),
-			zone: this.chart.getSymbolInfo()?.timezone ?? null
-		} : void 0;
-		return Ze(this.settingsState.timezone, Date.now(), this.t("settings.timezone.local"), e).map(({ value: e, label: t }) => ({
+			zone: e
+		};
+	}
+	timezoneChoices() {
+		return Ze(this.settingsState.timezone, Date.now(), this.t("settings.timezone.local"), this.exchangeChoice()).map(({ value: e, label: t }) => ({
 			value: e,
 			label: t
 		}));
@@ -12115,17 +12126,15 @@ var Cl = 4, wl = 7, Tl = 17, El = 3, Dl = [
 		this.lastLocalSwitchMs = performance.now() - e;
 	}
 	handleDataUpdate(e) {
-		if (!e || typeof e != "object") return;
-		let t = e;
-		if (typeof t.length == "number") {
-			t.length > 0 && this.loading.isActive() && (this.loading.end(), this.state.connectionState === "error" && this.setConnectionState("connected", this.t("status.live")));
+		if (e.kind === "bars") {
+			e.length > 0 && this.loading.isActive() && (this.loading.end(), this.state.connectionState === "error" && this.setConnectionState("connected", this.t("status.live")));
 			return;
 		}
-		if (t.error !== void 0) {
-			this.loading.isActive() && (this.loading.fail(this.t("status.connectionFailed")), this.setConnectionState("error", t.error || this.t("status.connectionFailed")));
+		if (e.kind === "error") {
+			this.loading.isActive() && (this.loading.fail(this.t("status.connectionFailed")), this.setConnectionState("error", e.error || this.t("status.connectionFailed")));
 			return;
 		}
-		switch (t.connection?.state) {
+		if (e.kind === "connection") switch (e.connection.state) {
 			case "connected":
 				this.loading.hasFailed() && this.loading.end(), !this.loading.isActive() && this.state.connectionState !== "connected" && this.setConnectionState("connected", this.t("status.live"));
 				break;